:root{--paper:#f6f1e6;--sheet:#fffdf8;--ink:#1f1a17;--muted:#6b6259;--rule:#e3dacb;--red:#b91c1c}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 'Source Serif 4',Georgia,serif}
a{color:var(--red);text-underline-offset:3px}
.top{max-width:720px;margin:0 auto;padding:16px;display:flex;align-items:center;justify-content:space-between}
.logo{font:900 26px 'Fraunces',Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.logo span{color:var(--red)}
.play{font:600 14px Inter,system-ui,sans-serif;background:var(--ink);color:var(--sheet);padding:8px 14px;border-radius:8px;text-decoration:none}
main{max-width:720px;margin:0 auto;padding:8px 16px 40px}
h1{font:900 clamp(30px,6vw,44px)/1.1 'Fraunces',Georgia,serif;margin:12px 0 6px}
h2{font:700 22px/1.25 'Fraunces',Georgia,serif;margin:32px 0 8px}
.byline{color:var(--muted);font-style:italic;margin:0 0 20px}
.cta{display:inline-block;margin-top:28px;font:600 16px Inter,system-ui,sans-serif;background:var(--ink);color:var(--sheet);padding:12px 18px;border-radius:10px;text-decoration:none}
dl dt{font-weight:600;margin-top:16px}
dl dd{margin:4px 0 0}
footer.site{max-width:720px;margin:0 auto;padding:24px 16px 40px;text-align:center;font:13px Inter,system-ui,sans-serif;color:var(--muted)}
footer.site a{color:var(--muted)}