@font-face{font-family:"Source Serif 4";src:url("../assets/fonts/source-serif-4-variable.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../assets/fonts/source-sans-3-variable.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
:root{--paper:#f5f1e8;--paper-raised:#fffcf5;--ink:#17202a;--muted:#59636e;--rule:#d4cec2;--blue-dark:#173b96;--accent:#c55434;--serif:"Source Serif 4",Georgia,serif;--sans:"Source Sans 3",Arial,sans-serif}
html,body{background:var(--paper);color:var(--ink);font-family:var(--sans)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.nav,.topbar{position:static;background:transparent;border-color:var(--rule);backdrop-filter:none}
.nav-inner{width:min(calc(100% - 40px),1180px);max-width:none;min-height:76px;margin:auto;padding:0}
.nav-brand,.topbar .brand,.topbar .brand b{color:var(--ink);font-family:var(--sans)}
.nav-brand img{width:32px!important;height:32px!important;border-radius:7px!important}
.nav-links a,.topbar a.back{color:var(--ink);font-weight:650;text-decoration:underline;text-underline-offset:4px}
.nav-links a:hover,.topbar a.back:hover{color:var(--blue-dark)}
.nav-links a.on{color:var(--ink)}
.hero-tools,header.hero{padding-top:clamp(62px,8vw,96px)}
.hero-tools h1,header.hero h1{color:var(--ink);font-family:var(--serif);font-size:clamp(2.8rem,6vw,5rem);font-weight:650;line-height:1.02;letter-spacing:-.025em}
.hero-tools p,header.hero p.sub{color:var(--muted);font-size:18px}
.privacy-badge,.privacy{border:1px solid #b8c9bb;border-radius:6px;background:var(--paper-raised);color:#287a55}
.tool-grid{gap:0}
.tool-card{padding:32px 28px;border:0;border-top:1px solid var(--rule);border-radius:0;background:transparent}
.tool-card:nth-child(odd){border-right:1px solid var(--rule)}
.tool-card:hover{border-color:var(--rule);background:var(--paper-raised);transform:none}
.tool-tag,.tool-cta,.kicker,.stats b,.step .n{color:var(--blue-dark)}
.tool-title{color:var(--ink);font-family:var(--serif);font-size:29px;font-weight:650}
.tool-desc{color:var(--muted);font-size:16px}
.more-card,.cta{border:1px solid var(--ink);border-radius:7px;background:var(--paper-raised);box-shadow:none}
.more-card h2,.cta h2{color:var(--ink);font-family:var(--serif);font-weight:650}
.more-card p,.cta p{color:var(--muted)}
.btn-primary,.btn,.dl,.cta a.go,.go{border-radius:7px;background:#2457d6;box-shadow:none;font-family:var(--sans)}
.footer,footer,footer.site{border-color:var(--rule);color:var(--muted);background:transparent}
.footer a,footer a,footer.site a{color:var(--ink)}
/* Interactive editors remain dark workbenches inside the light site shell. */
.app{color:var(--text,#f4f4f7)}
.grid>section{border-radius:8px;background:#131318;color:var(--text,#f4f4f7);padding:20px}
.config{color:var(--text,#f4f4f7)}
.grid>section .col-label,.grid>section .stats,.grid>section .footnote{color:#bfc0c9}
.grid>section .stats b{color:#8db8ff}
.grid>section .linkbtn{color:#8db8ff}
/* Download-pack cards are content, not workbenches. */
.wrap>.grid>div.card{border-color:var(--rule);background:var(--paper-raised);color:var(--ink)}
.wrap>.grid>div.card h3{color:var(--ink)}
.wrap>.grid>div.card p{color:var(--muted)}
.wrap>.grid>div.card .dl.sec{border-color:var(--ink);color:var(--ink)}
.wrap>ol,.wrap>ol li,.wrap>ol strong{color:#39434e!important}
.wrap .lede,.wrap .note,.wrap td.n{color:var(--muted)}
.wrap tr.safe td,.wrap tr.safe strong{color:#287a55}
.wrap a[style*="var(--violet)"]{color:var(--blue-dark)!important}
section.copy{color:var(--ink)}
section.copy h2,section.copy h3{color:var(--ink);font-family:var(--serif)}
section.copy p{color:#39434e}
section.copy strong,section.copy p strong{color:var(--ink)!important}
section.copy .step,section.copy .faq details{background:var(--paper-raised);border-color:var(--rule);color:var(--ink)}
section.copy .faq p{color:var(--muted)}
.app .placeholder{color:#bfc0c9}
.hero .struck,.wrap>.footnote{color:var(--muted)}
@media(max-width:700px){.tool-card:nth-child(odd){border-right:0}.nav-links a:not(.on){display:none}.wrap table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}