:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --paper:#f7f0e3; --bright:#fffaf1; --ink:#421338; --soft:#735369; --line:#bda99f; --coral:#ef5f52; --cobalt:#3e65a8; }
* { box-sizing: border-box; }
body { margin:0; min-width:320px; overflow-x:hidden; background:var(--paper); color:var(--ink); }
a { color:var(--cobalt); }
a:focus-visible { outline:3px solid var(--cobalt); outline-offset:3px; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px max(20px, calc((100vw - 1060px) / 2)); border-bottom:1px solid var(--line); }
.brand { color:var(--ink); font:800 1.25rem Georgia, "Times New Roman", serif; text-decoration:none; }
.site-header nav { display:flex; flex-wrap:wrap; gap:15px; }
.site-header nav a { color:var(--soft); font-size:.86rem; text-decoration:none; }
main { width:min(800px, calc(100% - 36px)); margin:0 auto; padding:70px 0 90px; }
.eyebrow { color:var(--coral); font-size:.74rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
h1 { max-width:730px; margin:8px 0 22px; font:800 clamp(2.25rem, 6vw, 4.8rem)/1 Georgia, "Times New Roman", serif; letter-spacing:-.055em; }
h2 { margin-top:42px; color:var(--coral); font:800 1.3rem Georgia, "Times New Roman", serif; }
p, li { color:var(--soft); font-size:1rem; line-height:1.75; }
.notice { padding:18px 20px; border:1px solid var(--line); background:var(--bright); }
.site-footer { display:flex; justify-content:space-between; gap:18px; padding:26px max(20px, calc((100vw - 1060px) / 2)); border-top:1px solid var(--line); color:var(--soft); font-size:.8rem; }
.site-footer nav { display:flex; flex-wrap:wrap; gap:14px; }
@media (max-width:620px) { .site-header, .site-footer { display:grid; } main { padding-top:50px; } }