:root{color-scheme:light;font-family:system-ui,sans-serif;color:#182821;background:#f4f1e8;line-height:1.5;--green:#16483a;--paper:#fffdf7;--muted:#50665b;--line:#dbdfd2}
*{box-sizing:border-box}
body{margin:0}
header{background:#122a24;color:#fffdf7;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem max(1rem,calc((100% - 70rem)/2))}
header a{font-family:Georgia,serif;color:inherit;text-decoration:none;font-size:1.25rem;white-space:nowrap}
header span,footer span{color:#d3aa5a}
header small,.eyebrow,footer{font-size:.65rem;letter-spacing:.13em;font-weight:800}
main{max-width:72rem;margin:auto;padding:1rem;min-height:70vh}
.hero{background:#163a30;color:#fffdf7;border-radius:1rem;padding:1.3rem;margin-bottom:1rem;overflow-wrap:anywhere}
.hero p{color:#dcebe2}.hero .eyebrow{color:#f3d18b}
h1,h2,p{margin:0 0 .65rem}h1,h2{font-family:Georgia,serif;line-height:1.1}h1{font-size:clamp(2rem,8vw,3.7rem)}h2{font-size:1.4rem}
.card{background:var(--paper);padding:1rem;border:1px solid var(--line);border-radius:.85rem;margin-bottom:1rem;min-width:0}
form,.stack{display:grid;gap:.7rem}
label{display:grid;gap:.3rem;font-weight:650;font-size:.9rem}
input,select,button{font:inherit;min-height:46px;border-radius:.5rem;max-width:100%}
input,select{width:100%;border:1px solid #aab8ac;padding:.55rem;background:white;color:inherit}
input[type=checkbox]{width:1.2rem;min-height:auto;accent-color:var(--green)}
.check{display:flex;align-items:center;gap:.6rem}
button{border:0;padding:.55rem .8rem;background:var(--green);color:white;font-weight:700;cursor:pointer}
button.secondary{background:#e4eee6;color:#183e31}button:disabled{opacity:.55;cursor:wait}
:focus-visible{outline:3px solid #b67712;outline-offset:2px}
.pair,.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.row strong{font-variant-numeric:tabular-nums}.row small,.hint{color:var(--muted);font-size:.82rem}
.metric{font-family:Georgia,serif;font-size:2rem;display:block}
summary{font-weight:700;cursor:pointer;padding:.35rem 0}details[open] summary{margin-bottom:.6rem}
footer{text-align:center;color:var(--muted);padding:1rem}
#notice{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:35rem;margin:auto;background:#122a24;color:white;padding:.8rem 1rem;border-radius:.5rem;box-shadow:0 3px 16px #0003}
@media(min-width:760px){main{padding:1.5rem}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero{padding:2rem}}

[hidden]{display:none!important}

/* Marigold, plum, and warm lamplight for Diwali. */
:root{color:#342139;background:#fff6e5;--green:#64234b;--paper:#fffdf7;--muted:#6c4e5d;--line:#ead7bc}
header{background:#351931}
.hero{background:radial-gradient(ellipse at 95% 0%,#914350,transparent 64%),#4e2345;border-bottom:4px solid #eda646}
.hero p{color:#fff1d8}
button.secondary{background:#ffedca;color:#542440}
.discrepancy{background:#fff0ce;border:1px solid #e3ab50;border-radius:.55rem;padding:.65rem;margin:.65rem 0}
.discrepancy p{margin:.25rem 0 0}

button.danger{background:#982f3f}