:root{--ink:#27231f;--paper:#f7f3eb;--card:#fffdf8;--rule:#c8bba5;--accent:#6b3f2a}
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}
main{max-width:940px;margin:auto;padding:48px 24px 72px} h1{font-size:2.6rem;margin:.1em 0} h2{font-size:1.7rem}
.kicker{text-transform:uppercase;letter-spacing:.14em;font:600 .78rem system-ui,sans-serif;color:#6f655a}
.subtitle{font-size:1.25rem;margin-top:0}.credit{font-style:italic}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.hero img{width:100%;max-height:520px;object-fit:contain;border:1px solid var(--rule);background:white;padding:8px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:40px 0}
.card{background:var(--card);border:1px solid var(--rule);padding:26px;border-radius:10px}.button{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:10px 16px;border-radius:7px;font-family:system-ui,sans-serif}
nav{font-family:system-ui,sans-serif;margin-bottom:30px} nav a{color:var(--accent);text-decoration:none;margin-right:18px}
.track{background:var(--card);border-bottom:1px solid #ddd2c2;padding:16px 18px}.track h3{font-size:1.05rem;margin:0 0 8px}.track audio{width:100%;height:34px}
.note{font-size:.92rem;color:#625a52}.count{font-family:system-ui,sans-serif;color:#6f655a}
@media(max-width:700px){.hero,.choices{grid-template-columns:1fr}h1{font-size:2rem}main{padding-top:28px}}