/* SewSpecs sheet styles v2, written for this site only, Nov 5 2026 */
:root{--ink:#1f2328;--paper:#fbfaf7;--rule:#d9d4c7;--soft:#efece4;--teal:#0f6e6a;--amber:#9a5b00;--red:#a3271f;--grey:#6b6f76}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 "Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--teal)}
.topline{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;padding:.7rem 16px;background:#20262b;color:#e9e6dd}
.mark{color:#fff;text-decoration:none;font:700 1.35rem/1 Georgia,"Times New Roman",serif;letter-spacing:.02em}
.mark b{color:#7fd3cc}
.stamp{font-size:.82rem;color:#b9b5aa}
.tabs{display:flex;overflow-x:auto;gap:2px;padding:0 16px;background:#2d353b;border-bottom:3px solid var(--teal)}
.tab{flex:0 0 auto;padding:.55rem .8rem;color:#d7d3c8;text-decoration:none;font-size:.9rem;border-radius:4px 4px 0 0}
.tab:hover{background:#3a444b}
.tab-on{background:var(--paper);color:var(--ink);font-weight:600}
.wrap{max-width:1120px;margin:0 auto;padding:1.2rem 16px 2.5rem}
.h-big{font:700 1.65rem/1.2 Georgia,"Times New Roman",serif;margin:.3rem 0 .7rem}
.h-mid{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--grey);margin:1.3rem 0 .5rem;border-bottom:1px solid var(--rule);padding-bottom:.2rem}
.lede{font-size:1.05rem;max-width:62rem}
.crumb{font-size:.85rem;color:var(--grey);margin:0}
.bar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:1rem 0 .4rem}
.pick{border:1px solid var(--rule);background:#fff;padding:.4rem .75rem;border-radius:999px;font:inherit;font-size:.9rem;cursor:pointer}
.pick-on{background:var(--teal);border-color:var(--teal);color:#fff}
.srt{font-size:.85rem;color:var(--grey);display:inline-flex;gap:.3rem;align-items:center}
.srt select,.srt input{font:inherit;font-size:.9rem;padding:.3rem .4rem;border:1px solid var(--rule);border-radius:4px;background:#fff}
.tally{font-size:.85rem;color:var(--grey);margin:.2rem 0 .5rem}
.scroller{overflow-x:auto;border:1px solid var(--rule);background:#fff}
.grid{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem}
.grid th{background:var(--soft);text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .6rem;border-bottom:2px solid var(--rule)}
.grid th[scope=row]{background:none;text-transform:none;letter-spacing:0;font-size:.92rem;border-bottom:1px solid var(--soft);font-weight:400;padding:.5rem .6rem;vertical-align:top}
.grid data{font-variant-numeric:tabular-nums}
.grid td{padding:.5rem .6rem;border-bottom:1px solid var(--soft);vertical-align:top;font-variant-numeric:tabular-nums}
.grid tr:hover td{background:#f6f9f8}
.grid-tight{min-width:0;margin-bottom:1rem}
.c-name a{font-weight:600}
.c-name small{display:block;color:var(--grey);font-size:.78rem}
.c-chk{white-space:nowrap}
.c-rank{font-weight:700;color:var(--teal)}
.sheet{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.6rem;margin-top:.5rem}
.cell{display:grid;grid-template-columns:11rem 1fr;gap:.15rem .8rem;padding:.55rem 0;border-bottom:1px dashed var(--rule)}
.cell-k{font-size:.85rem;color:var(--grey)}
.cell-v{font-weight:600}
.cell .chip,.cell-s{grid-column:2}
.cell-s{font-size:.78rem}
.chip{display:inline-block;justify-self:start;font-size:.72rem;padding:.05rem .45rem;border-radius:3px;border:1px solid}
.chip-two{color:var(--teal);border-color:var(--teal)}
.chip-one{color:var(--grey);border-color:var(--rule)}
.chip-hold{color:var(--red);border-color:var(--red)}
.chip-np{color:var(--amber);border-color:var(--amber)}
.sheet-r{background:#fff;border:1px solid var(--rule);padding:.2rem 1rem 1rem;align-self:start}
.plain{padding-left:1.1rem}
.plain li{margin:.3rem 0}
.plain small{color:var(--grey)}
.fine{font-size:.84rem;color:var(--grey);margin-top:1rem}
.foot{display:flex;flex-wrap:wrap;gap:.4rem 1rem;padding:1rem 16px;border-top:1px solid var(--rule);font-size:.82rem;color:var(--grey)}
.foot span{flex:1 1 20rem}
@media (max-width:760px){.sheet{grid-template-columns:1fr}.cell{grid-template-columns:1fr}.cell .chip,.cell-s{grid-column:1}.h-big{font-size:1.35rem}}