:root { --plum: #2d1b3d; --cream: #faf7f2; --gold: #c9a55a; --pink: #c98a9b; --mid: rgba(250,247,242,0.72); }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--plum); color: var(--cream); }
body { font-family: Georgia, 'Times New Roman', serif; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 48px 16px; }
main { max-width: 560px; width: 100%; text-align: center; }
.eyebrow { font-family: ui-monospace, Menlo, monospace; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; }
h1 { font-size: clamp(32px, 7vw, 48px); line-height: 1.1; margin: 0 0 18px; }
h1 em { color: var(--pink); }
p { font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.75; color: var(--mid); margin: 0 0 16px; }
code { font-family: ui-monospace, Menlo, monospace; font-size: 14px; color: var(--gold); }
img { display: block; margin: 8px auto 24px; max-width: 200px; height: auto; }
a { color: var(--gold); }
details { margin: 8px auto 0; max-width: 440px; }
summary { cursor: pointer; display: inline-block; font-family: ui-monospace, Menlo, monospace; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); border: 1px solid rgba(201,165,90,0.45); border-radius: 999px; padding: 8px 16px; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
details[open] summary { margin-bottom: 14px; }
.foot { margin-top: 36px; font-family: ui-monospace, Menlo, monospace; font-size: 12px; letter-spacing: 0.08em; color: rgba(250,247,242,0.45); }