:root{--bg:#F3EBDC;--raised:#FBF7EF;--text:#2B2620;--muted:#675B4A;--line:#C9B998;--accent:#A4502F}
@media (prefers-color-scheme:dark){:root{--bg:#080E19;--raised:#101B2E;--text:#F1E7D3;--muted:#B9AE98;--line:#2A3A57;--accent:#E3A44C}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:400 18px/1.6 'Atkinson Hyperlegible Next',system-ui,sans-serif}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px}
header a{color:var(--text);text-decoration:none;font:600 22px/1 Literata,Georgia,serif}
h1{font:600 clamp(32px,6vw,44px)/1.15 Literata,Georgia,serif;margin:32px 0 8px;letter-spacing:-.01em}
h2{font:600 22px/1.3 Literata,Georgia,serif;margin:36px 0 8px}
p,li{color:var(--text)}
.muted{color:var(--muted)}
a{color:var(--accent)}
.card{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:24px 0}
footer{margin-top:56px;padding-top:24px;padding-bottom:40px;border-top:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap;font-size:15px}
footer a{color:var(--muted)}
header nav{display:flex;gap:18px;align-items:center;font:600 16px/1 'Atkinson Hyperlegible Next',sans-serif}
header nav a{font:inherit}
.cta-sm{background:var(--accent);color:var(--raised)!important;padding:10px 14px;border-radius:8px}
.crumbs{font-size:15px;color:var(--muted);margin-top:8px}
.crumbs a{color:var(--muted)}
.lead{font:400 21px/1.55 Literata,Georgia,serif}
.label{display:block;font:700 12px/1.3 'Atkinson Hyperlegible Next',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.scene{display:block;width:100%;height:auto;border-radius:12px;margin:16px 0}
.cta{background:#101B2E;color:#F1E7D3;border-radius:14px;padding:24px;margin:32px 0}
.cta p{color:#F1E7D3;margin-top:0}
.button{display:inline-block;background:#E3A44C;color:#101B2E;font:700 17px/1 'Atkinson Hyperlegible Next',sans-serif;padding:15px 20px;border-radius:10px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:16px 0 8px}
.story{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:12px}
.story img{width:100%;height:auto;display:block;margin-bottom:6px}
.story .label,.story .title,.story .muted{padding:0 12px}
.story .title{font:600 18px/1.3 Literata,Georgia,serif}
.story .muted{font-size:15px}
.list{padding-left:20px}
.list li{margin:14px 0}
.appbar{position:sticky;bottom:0;display:none;justify-content:space-between;align-items:center;gap:12px;background:#101B2E;color:#F1E7D3;padding:12px 20px;font-size:15px}
.appbar a{background:#E3A44C;color:#101B2E;font-weight:700;padding:10px 14px;border-radius:8px;text-decoration:none;white-space:nowrap}
@media (max-width:640px){.appbar{display:flex}header nav a:not(.cta-sm){display:none}}
.cta .plans{font-size:15px;opacity:.85;margin:14px 0 0}