:root{--paper:#F4F1EA;--card:#FBFAF6;--text:#262420;--muted:#5E5A52;--line:#DDD7CA;--olive:#3E5638}
@media (prefers-color-scheme:dark){:root{--paper:#1C1B18;--card:#262420;--text:#EDE8DD;--muted:#B5AE9F;--line:#3A3731;--olive:#9DB88F}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font:18px/1.5 "Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:680px;margin:0 auto;padding:32px 20px 64px}
h1,h2{font-family:Literata,Georgia,serif;font-weight:600;line-height:1.2}
h1{font-size:30px}
a{color:var(--olive)}
a:focus-visible{outline:3px solid var(--olive);outline-offset:2px}
.logo{width:72px;height:72px;border-radius:16px;display:block}
.note{color:var(--muted);font-size:15px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:20px 0}
nav{margin-top:40px;border-top:1px solid var(--line);padding-top:16px;font-size:15px}
nav a{margin-right:16px}
footer{color:var(--muted);font-size:14px;margin-top:24px}
button{font:inherit;font-size:18px;font-weight:700;border-radius:12px;padding:12px 18px;margin:8px 8px 8px 0;cursor:pointer;min-height:48px}
.button-destructive{background:transparent;color:#8A4F3D;border:2px solid #B4654A}
@media (prefers-color-scheme:dark){.button-destructive{color:#E0A088}}
.button-secondary{background:transparent;color:var(--text);border:2px solid var(--line)}
button:focus-visible{outline:3px solid var(--olive);outline-offset:2px}
button:disabled{opacity:.6;cursor:default}
.group-name{font-weight:700;margin:0 0 4px}
.lead{font-size:20px;color:var(--muted);margin-top:-8px}
.promise{font-weight:700}
h2{font-size:22px;margin-top:32px}
h3{font-size:18px}
mark{background:#F2E3B3;color:#262420;padding:0 2px}
.table{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;font-size:15px;min-width:560px}
th,td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
th{background:var(--card)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:700}
.faq summary:focus-visible{outline:3px solid var(--olive);outline-offset:2px}
code{font-size:.9em}
.table:focus-visible{outline:3px solid var(--olive);outline-offset:2px}
