:root { --cream:#f9f8f3; --sage-50:#eff4eb; --green-900:#1f3226; --green-800:#2f4234; --green-600:#3a4d3f; --gold:#b08d4e; --gold-text:#826327; --muted:#5a6a5c; --serif:'Cormorant Garamond',Georgia,serif; --sans:'Mulish',system-ui,sans-serif; }
* { box-sizing: border-box; }
body { margin:0; background:var(--cream); color:var(--green-800); font-family:var(--sans); line-height:1.7; -webkit-font-smoothing:antialiased; }
a { color:var(--gold-text); }
:focus-visible { outline:2px solid var(--gold-text); outline-offset:3px; border-radius:4px; }
.skip-link { position:fixed; left:16px; top:-60px; z-index:50; background:var(--green-800); color:#fff; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:600; }
.skip-link:focus { top:12px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px clamp(20px,4vw,52px); border-bottom:1px solid rgba(122,143,126,.25); }
.top img { height:44px; width:auto; }
.top a.back { font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; color:var(--green-600); min-height:44px; display:inline-flex; align-items:center; }
.top a.back:hover { color:var(--gold-text); }
main { max-width:820px; margin:0 auto; padding:clamp(32px,6vw,64px) 20px 48px; }
.kicker { font-size:12px; font-weight:700; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-text); margin:0 0 10px; }
h1 { font-family:var(--serif); font-weight:600; font-size:clamp(34px,5vw,52px); line-height:1.1; margin:0 0 10px; color:var(--green-900); }
.updated { font-size:14px; color:var(--muted); margin:0 0 28px; }
section { background:#fff; border:1px solid #ece6d8; border-radius:16px; padding:24px 26px; margin:0 0 18px; }
h2 { font-variant-numeric:lining-nums; font-family:var(--serif); font-weight:600; font-size:24px; line-height:1.2; margin:0 0 12px; color:var(--green-900); }
p { margin:0 0 10px; } p:last-child { margin-bottom:0; }
ul { margin:0 0 10px; padding-left:20px; } li { margin-bottom:6px; }
dl { margin:0; display:grid; grid-template-columns:max-content 1fr; gap:6px 18px; } dt { font-weight:700; color:var(--green-900); } dd { margin:0; }
table { width:100%; border-collapse:collapse; font-size:15px; } th,td { text-align:left; padding:10px 12px; border-bottom:1px solid #f0ece4; vertical-align:top; } th { background:var(--sage-50); color:var(--green-900); }
.ph { background:#fff3c4; border-radius:4px; padding:0 4px; font-weight:600; color:#5c4410; }
.note { background:var(--sage-50); border-radius:12px; padding:14px 16px; font-size:15px; }
footer { max-width:820px; margin:0 auto; padding:8px 20px 48px; }
footer nav { display:flex; flex-wrap:wrap; gap:6px 22px; border-top:1px solid #e8e0d0; padding-top:20px; }
footer nav a { font-size:14px; min-height:44px; display:inline-flex; align-items:center; }
@media (max-width:560px) { dl { grid-template-columns:1fr; gap:0; } dd { margin-bottom:10px; } section { padding:20px 18px; } table { font-size:14px; } th,td { padding:8px 6px; } }
