:root { --ink:#183b4d; --night:#102c3b; --paper:#fbf7f0; --warm:#e9ded0; --coral:#ba6c50; --line:rgba(24,59,77,.18); }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font:400 16px/1.7 "DM Sans",Arial,sans-serif; }
a { color:inherit; }
a:focus-visible { outline:3px solid var(--coral); outline-offset:3px; }
.container { width:min(820px,calc(100% - 3rem)); margin:auto; }
.site-header { padding:1.4rem 0; color:#fff; background:var(--night); }
.brand { display:inline-flex; align-items:center; gap:.7rem; color:#fff; text-decoration:none; font:600 1.2rem/1 "Playfair Display",Georgia,serif; }
.brand img { width:46px; height:auto; }
.brand small { display:block; margin-top:.35rem; font:600 .61rem/1 "DM Sans",sans-serif; letter-spacing:.13em; text-transform:uppercase; opacity:.78; }
main { padding:5rem 0 6rem; }
.eyebrow { margin:0 0 .8rem; color:var(--coral); font-size:.72rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
h1,h2 { font-family:"Playfair Display",Georgia,serif; line-height:1.12; letter-spacing:-.025em; }
h1 { margin:.2rem 0 1.2rem; font-size:clamp(2.8rem,7vw,4.8rem); font-weight:500; }
h2 { margin:2.8rem 0 .8rem; font-size:clamp(1.7rem,4vw,2.35rem); }
p,li { max-width:760px; }
.updated { color:#596c75; font-size:.9rem; }
.notice { margin:2rem 0; padding:1.25rem 1.4rem; border-left:3px solid var(--coral); background:var(--warm); }
.site-footer { padding:2rem 0; color:#d5e0e0; background:#0b222e; font-size:.88rem; }
.site-footer p { margin:0; }