/* Moto Payload sheet styles, written Nov 5 2026 */
:root{--ink:#1d1f1c;--paper:#f4f1ea;--card:#fffdf8;--rule:#c9c2b2;--amber:#b3541e;--amber-soft:#f6e3d4;--steel:#3e4a52;--muted:#6b6a62;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{--ink:#e8e4da;--paper:#171816;--card:#202220;--rule:#3d3f3a;--amber:#e48a4f;--amber-soft:#3a281c;--steel:#a9b7c0;--muted:#a19f95}}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--amber)}
.plate{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.7rem 16px;border-bottom:3px double var(--rule);background:var(--card)}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink)}
.brand-mark{font:700 .85rem var(--mono);background:var(--steel);color:var(--card);padding:.2rem .45rem;letter-spacing:.06em}
.brand-word{font-weight:800;letter-spacing:.02em;font-size:1.15rem}
.plate-tag{font:.78rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.topnav{margin-left:auto;display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.topnav a{font-size:.92rem;text-decoration:none;color:var(--steel);border-bottom:1px dotted var(--rule)}
.sheet{display:grid;grid-template-columns:1fr;max-width:1180px;margin:0 auto;padding:0 16px}
@media (min-width:900px){.sheet{grid-template-columns:230px 1fr;gap:1.6rem}}
.cat-rail{padding-top:1rem}
.cat-rail summary{font:600 .8rem var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;color:var(--muted)}
.tree{list-style:none;margin:.4rem 0 0;padding:0}
.tree>li{border-top:1px solid var(--rule);padding:.35rem 0}
.tree ul{list-style:none;margin:.2rem 0 0;padding:0 0 0 .7rem;border-left:2px solid var(--rule)}
.tree a{display:block;text-decoration:none;color:var(--ink);font-size:.9rem;padding:.08rem 0}
.tree a.mk{font-weight:700}
.tree a.on{color:var(--amber);font-weight:700}
.leaf{min-width:0;padding:1rem 0 2rem}
.trail{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:0 0 .8rem;font:.8rem var(--mono);color:var(--muted)}
.trail li+li::before{content:"›";margin-right:.3rem}
.trail a{color:var(--muted)}
.catno{font:.8rem var(--mono);color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.06em}
h1{font-size:1.65rem;line-height:1.2;margin:.25rem 0 .6rem}
h2{font-size:1.05rem;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--steel)}
.answer{font-size:1.08rem;background:var(--amber-soft);border-left:5px solid var(--amber);padding:.6rem .8rem;margin:0 0 1.2rem}
.block{background:var(--card);border:1px solid var(--rule);padding:.9rem 1rem;margin:0 0 1.1rem}
.ledger{width:100%;border-collapse:collapse;font-size:.9rem;display:block;overflow-x:auto}
.ledger th{font:600 .74rem var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:var(--steel);color:var(--card);padding:.4rem .5rem;white-space:nowrap}
.ledger td{border-bottom:1px solid var(--rule);padding:.42rem .5rem;vertical-align:top}
.ledger tbody tr:nth-child(even) td{background:rgba(127,120,100,.07)}
.ledger td.hit{font-weight:700;white-space:nowrap}
.ledger td.partno{font-family:var(--mono);font-size:.84rem}
.srccell{font-size:.8rem;word-break:break-word}
.sortable th{cursor:pointer}
.sortable th[aria-sort]::after{content:" ↕"}
code{font:.8rem var(--mono);background:var(--amber-soft);padding:0 .2rem}
.aside-note{font-size:.85rem;color:var(--muted);margin:.6rem 0 0}
.empty-slot{border:1px dashed var(--rule);padding:.6rem;font-size:.92rem;color:var(--muted)}
.finder,.loadsum fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem;border:2px solid var(--steel);background:var(--card);padding:1rem;margin:0 0 1.2rem}
.loadsum fieldset{margin:0}
.loadsum legend{font:600 .8rem var(--mono);text-transform:uppercase;padding:0 .3rem}
label{display:flex;flex-direction:column;font-size:.82rem;font-weight:600;gap:.25rem}
select,input{font:inherit;font-weight:400;padding:.45rem;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:0;min-width:0}
.readout{grid-column:1/-1;font:.95rem var(--mono);border-top:1px dashed var(--rule);padding-top:.6rem}
.readout b{color:var(--amber);font-size:1.15rem}
.tally{display:block;margin-top:.8rem;font:.95rem var(--mono)}
.gauge{display:block;height:12px;border:1px solid var(--steel);margin-top:.4rem;background:var(--paper)}
.gauge span{display:block;height:100%;width:0;background:var(--steel)}
.gauge span.over{background:#b3261e}
.drawer{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}
.drawer a{display:flex;flex-direction:column;border:1px solid var(--rule);border-top:4px solid var(--amber);padding:.6rem;text-decoration:none;color:var(--ink);background:var(--paper)}
.drawer span{font-size:.82rem;color:var(--muted)}
.terms dt{font-weight:700;margin-top:.6rem}
.terms dd{margin:.2rem 0 0 0}
.ticks{padding-left:1.1rem}
.foot-strip{border-top:3px double var(--rule);padding:1rem 16px 2rem;font-size:.85rem;color:var(--muted);max-width:1180px;margin:0 auto}