:root{color-scheme:light dark;--bg:#f8f5ee;--ink:#292321;--panel:#fffdfa;--accent:#6d0808;--sage:#57624f;--line:#ddd6cc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,sans-serif}body.dark{--sage:#b6c0ad;--bg:#181415;--ink:#f4eee4;--panel:#241e20;--accent:#e6a9a2;--line:#4c4144}header,main,footer{max-width:1160px;margin:auto;padding:28px clamp(20px,5vw,64px)}header,footer,nav{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}header{border-block-end:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:750;color:var(--accent);text-decoration:none}.brand span{color:var(--ink)}button{font:inherit;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:10px;cursor:pointer}button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}:focus-visible{outline:3px solid var(--sage);outline-offset:4px}.skip{position:absolute;inset-inline-start:16px;top:-100px;background:var(--panel);padding:12px}.skip:focus{top:8px}main{padding-block:72px}.eyebrow{letter-spacing:.1em;font-size:12px;color:var(--sage);font-weight:750}h1{font-size:clamp(32px,5vw,62px);line-height:1.2;max-width:780px;margin-block:20px}h2{font-size:20px;line-height:1.5}.lead{max-width:720px;font-size:20px}.notice{margin-block:40px;padding:24px;border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:14px;background:var(--panel)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cards article{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.cards span{color:var(--sage);font-weight:700}details{margin-block-start:32px;padding:20px;border:1px solid var(--line);border-radius:12px}summary{cursor:pointer;font-weight:650}footer{border-block-start:1px solid var(--line);font-size:13px}p{overflow-wrap:anywhere}nav{gap:8px}html[dir=rtl] .eyebrow{letter-spacing:normal}@media(max-width:700px){.cards{grid-template-columns:1fr}main{padding-block:40px}header{gap:20px}.lead{font-size:18px}}@media(prefers-reduced-motion:no-preference){button{transition:border-color .15s}} 

a{color:var(--accent)}