:root { color-scheme: light; --ink:#30234f; --muted:#70657d; --accent:#7058be; --cream:#fff9ef; --card:#fffdf8; --line:#e5d9cf; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(150deg,#eee8ff 0%,var(--cream) 48%,#f7efe8 100%); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(760px,calc(100% - 36px)); margin:0 auto; padding:72px 0; }
.card { padding:clamp(26px,5vw,52px); border:1px solid var(--line); border-radius:32px; background:rgba(255,253,248,.94); box-shadow:0 24px 70px rgba(48,35,79,.1); }
.eyebrow { color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
h1 { margin:10px 0 6px; font:700 clamp(40px,8vw,68px)/1 Georgia,serif; letter-spacing:-.04em; }
h2 { margin:34px 0 8px; font-size:20px; line-height:1.25; }
p { color:var(--muted); }
.updated { margin-top:0; font-size:14px; }
nav { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
a { color:var(--accent); font-weight:700; }
nav a { padding:10px 14px; border:1px solid var(--line); border-radius:999px; background:white; text-decoration:none; }
footer { margin-top:28px; color:var(--muted); font-size:13px; text-align:center; }