:root{--bg:#faf8f4;--sf:#fff;--tx:#17161a;--mu:#6b6872;--ac:#b8892e;--bd:#e8e3d8}
@media (prefers-color-scheme:dark){:root{--bg:#0f0e11;--sf:#19181d;--tx:#f3efe6;--mu:#9a96a0;--ac:#d9aa4b;--bd:#2a2830}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding-top:env(safe-area-inset-top,0px)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:16px;padding:14px 5vw}
.logo{font:600 22px Georgia,serif;letter-spacing:.14em;color:var(--tx);text-decoration:none}.logo b{color:var(--ac)}
header nav{margin-left:auto}header nav a{color:var(--ac);text-decoration:none;font-weight:600}
main{padding:28px 5vw 48px;max-width:820px;margin:auto}
h1{font:600 clamp(28px,5vw,40px)/1.15 Georgia,serif;margin:0 0 6px}
h2{font:600 20px/1.3 Georgia,serif;margin:30px 0 8px}
p{margin:8px 0}ul,ol{padding-left:22px;margin:8px 0}li{margin:5px 0}
.mu{color:var(--mu);font-size:14px}
a{color:var(--ac)}
.card{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:6px 20px;margin:14px 0}
.btn{display:inline-block;background:var(--ac);color:#17161a;font-weight:600;text-decoration:none;border-radius:999px;padding:10px 20px;margin:6px 10px 6px 0;border:1px solid var(--ac)}
.btn.alt{background:transparent;color:var(--ac)}
footer{border-top:1px solid var(--bd);padding:22px 5vw 34px;text-align:center;font-size:14px;color:var(--mu)}
footer .l{display:flex;gap:8px 18px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}footer a{color:var(--ac);text-decoration:none}