:root{--bg:#130d16;--bg2:#1d1420;--ink:#f5ebe6;--ink2:#d4c5cc;--muted:#a08f9d;--line:rgba(245,235,230,.12);--gold:#e8c793;--accent:#ee9aac;--on-accent:#24121b;color-scheme:dark}
@media (prefers-color-scheme:light){:root{--bg:#f6f0f2;--bg2:#efe6ea;--ink:#261b2a;--ink2:#4b3d50;--muted:#6b5b74;--line:rgba(38,27,42,.12);--gold:#9c6c2e;--accent:#c4566f;--on-accent:#fff;color-scheme:light}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Jost,'Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px;text-decoration-color:var(--line)}
a:hover{text-decoration-color:currentColor}
.top,.foot,main{width:100%;max-width:720px;margin:0 auto;padding-inline:22px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:22px}
.brand{font:italic 500 26px/1 Cormorant,Georgia,serif;text-decoration:none}
.try{font-size:14px;color:var(--gold);text-decoration:none;padding:9px 16px;border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 45%,transparent)}
main{padding-block:28px 72px}
.kicker{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
h1{margin:0 0 18px;font:italic 500 clamp(36px,8vw,54px)/1.06 Cormorant,Georgia,serif;text-wrap:balance}
.lead{margin:0 0 26px;font-size:19px;color:var(--ink2);text-wrap:pretty}
.prep{margin:0 0 28px;padding:14px 18px;border-radius:16px;background:var(--bg2);color:var(--ink2)}
.prep strong{color:var(--gold);font-weight:500}
h2{margin:52px 0 6px;padding-top:30px;border-top:1px solid var(--line);font:italic 500 clamp(28px,6vw,34px)/1.15 Cormorant,Georgia,serif;text-wrap:balance}
section>.kicker{margin:0 0 8px}
.line{margin:0 0 18px;color:var(--gold);font-size:17px}
h3{margin:26px 0 8px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
p{margin:0 0 12px;color:var(--ink2);text-wrap:pretty}
ul,ol{margin:0;padding-left:20px}
li{margin:0 0 7px;color:var(--ink2)}
li::marker{color:var(--gold)}
.say li{font-style:italic}
.say.no li{color:var(--muted)}
.meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 6px}
.meter{display:grid;gap:5px;font-size:12px;color:var(--muted)}
.dots{display:flex;gap:4px}
.dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.dots i.on{background:var(--gold)}
.rules{margin:0 0 8px;padding:2px 0 2px 18px;border-left:2px solid var(--gold)}
.rules h3{margin-top:0}
.rules strong{color:var(--ink);font-weight:500}
.toc{margin:30px 0 0}
.toc a,.more a,.read{color:var(--ink)}
.read{display:inline-block;margin-top:10px}
.cta{margin:60px 0 0;padding:30px 24px;border-radius:24px;background:var(--bg2);text-align:center}
.cta h2{margin:0 0 8px;padding:0;border:0}
.btn{display:inline-block;margin-top:12px;padding:15px 28px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:500;text-decoration:none}
.more{margin-top:44px}
.cards{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.cards a{display:grid;gap:4px;padding:18px 20px;border-radius:18px;background:var(--bg2);text-decoration:none}
.cards strong{font:italic 500 23px/1.2 Cormorant,Georgia,serif;color:var(--ink)}
.cards span{font-size:15px;color:var(--muted)}
.note{margin-top:40px;font-size:14px;color:var(--muted)}
.foot{padding-block:28px 40px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.foot p{margin:12px 0 0;color:var(--muted)}
.langs{display:flex;flex-wrap:wrap;gap:6px 14px}
.langs a{color:var(--muted);text-decoration:none}
.langs a[aria-current]{color:var(--ink)}
@media (max-width:480px){.meters{grid-template-columns:repeat(2,minmax(0,1fr))}}