:root { color-scheme: light dark; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#f4f0e8; color:#191816; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top right,#fff 0,#f4f0e8 48%,#e6dfd1 100%); }
main { width:min(760px,calc(100% - 40px)); margin:0 auto; padding:72px 0 96px; }
.eyebrow { letter-spacing:.18em; font-size:.75rem; font-weight:700; }
h1 { font-family:Georgia,serif; font-size:clamp(2.6rem,8vw,5.4rem); line-height:.95; letter-spacing:-.05em; margin:.3em 0; }
h2 { font-family:Georgia,serif; font-size:2rem; margin-top:2em; }
p,li { font-size:1.05rem; line-height:1.65; }
a { color:inherit; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin-top:40px; }
.card { text-decoration:none; display:flex; flex-direction:column; gap:8px; padding:24px; border:1px solid rgba(25,24,22,.18); border-radius:22px; background:rgba(255,255,255,.52); }
.card span,.muted { color:#686259; }
.back { display:inline-block; margin-bottom:40px; text-decoration:none; }
@media(prefers-color-scheme:dark){ :root{background:#11110f;color:#f4f0e8} body{background:radial-gradient(circle at top right,#2b2924 0,#11110f 60%)} .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)} .card span,.muted{color:#b9b1a4} }