:root{--bg:#F6EBE2;--surface:#F1DDD4;--fg:#4A1626;--muted:#7D5463;--accent:#8A2238;--gold:#A9826B;--gold-hi:#E3C29D;--line:#E6CBC3;--band:#5E1A2E;--band-fg:#F6ECE6;--band-muted:#DDBAC2;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Jost","Helvetica Neue",Arial,sans-serif;font-weight:300;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
.wrap{max-width:780px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
header{background:var(--band);color:var(--band-fg);border-bottom:1px solid rgba(229,198,172,.35)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}
.logo{font-family:"Cinzel",Georgia,serif;font-weight:500;font-size:1.1rem;letter-spacing:.04em;color:var(--band-fg);text-decoration:none;white-space:nowrap}
.logo i{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:400;color:var(--gold-hi)}
.back{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--band-muted);text-decoration:none;white-space:nowrap}
.back:hover{color:var(--gold-hi)}
main{padding-block:clamp(48px,8vw,88px)}
.eyebrow{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0}
.eyebrow::after{content:"";display:block;width:42px;height:1px;background:var(--gold);margin-top:12px}
h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.15;margin:0;text-wrap:balance}
h1{font-size:clamp(2.4rem,6vw,3.4rem);margin:14px 0 8px}
h2{font-size:1.6rem;margin:40px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
.intro{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.2rem;color:var(--muted);margin:0 0 8px}
p,ul{margin:0 0 12px}
ul{padding-left:1.2em}
li{margin-bottom:6px}
dl{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:8px 20px;margin:0}
dt{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:3px}
dd{margin:0;overflow-wrap:anywhere}
.small{font-size:.88rem;color:var(--muted)}
footer{background:var(--band);color:var(--band-muted);border-top:1px solid var(--gold);padding-block:28px;font-size:.85rem;text-align:center}
footer a{color:var(--band-muted)}
footer a:hover{color:var(--gold-hi)}
@media (max-width:560px){dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:10px}h2{font-size:1.45rem}}
.todo{background:#FFE7A0;color:#4A1626;padding:0 5px;border-radius:3px;font-weight:400}
