/* Theme B, "Editorial ledger" (approved by Brice Nov 3, 2026). Paper, ink, and ledger green; Newsreader serif with Instrument Sans.
   Swap this file (and THEME in build.py) to reskin. Everything below is look, never structure. */
:root{
 --bg:#f5efe2; --surface:#fbf8f0; --ink:#1c1a16; --muted:#5f584c; --hair:#c9d6dc;
 --accent:#24533f; --accent-hover:#1a3e2f; --on-accent:#f5efe2; --alert:#a8382c; --margin-red:#a8382c;
 --field-bg:#fbf8f0; --calc-bg:#fbf8f0;
 --track:#d8cfbb; --track-on:#24533f; --thumb:#f5efe2; --thumb-ring:#24533f;
 --display:"Newsreader",Georgia,"Times New Roman",serif; --display-weight:400; --display-track:-.02em; --h1-weight:300;
 --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --body-size:18px; --lede-style:italic;
 --h1-hero:clamp(3rem,7.6vw,7.4rem); --h1:clamp(2.8rem,6vw,5.6rem); --h2:clamp(2.2rem,4.2vw,4rem); --dek:clamp(1.2rem,1.6vw,1.45rem);
 --calc-total:clamp(2.4rem,4.6vw,4.4rem);
 --rule-strong:2px solid var(--ink); --radius-btn:0; --radius-field:0;
 --photo-filter:sepia(.18) saturate(.85);
 --m:40px; --gap:64px; --sec-pad:96px;
 --calc-indent:96px; --calc-indent-phone:44px;
}
@media (max-width:760px){:root{--m:18px;--gap:28px;--sec-pad:56px;--body-size:17px}}

/* ornaments: the ledger page (ruled lines, a red double margin, a double-ruled total) */
.calc{background-image:repeating-linear-gradient(to bottom,transparent 0 39px,var(--hair) 39px 40px);background-position:0 18px} /* taste-skill-ignore: requested ledger paper */
.calc::before{content:"";position:absolute;top:0;bottom:0;left:64px;width:5px;border-left:1px solid var(--margin-red);border-right:1px solid var(--margin-red)}
.calc-rows div:last-child{border-bottom:3px double var(--ink)}
@media (max-width:760px){.calc::before{left:26px}}
.hero h1,.phead h1{font-weight:var(--h1-weight)}
