:root{--paper:#f4f0e9;--card:#fffdfa;--ink:#281a15;--muted:#5c6470;--line:#d9d2c7;--gold:#b78b2f;--gold-light:#d8b86d;--navy:#394a5d;--shadow:0 18px 50px rgba(40,26,21,.08)}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,rgba(216,184,109,.16),transparent 32rem),var(--paper)}
a{color:#7d5a19;text-underline-offset:.18em}
.site-header{min-height:76px;padding:15px clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:rgba(255,253,250,.82);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:1.14rem;font-weight:700;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--ink);border-radius:11px;color:var(--ink);font-family:ui-sans-serif;font-size:1.45rem;line-height:1}
nav{display:flex;gap:clamp(12px,3vw,28px)}
nav a{color:var(--navy);font-size:.93rem;font-weight:700;text-decoration:none}
nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px}
main{width:min(1120px,calc(100% - 40px));margin:0 auto}
.hero{padding:clamp(64px,10vw,132px) 0 clamp(42px,7vw,86px);max-width:880px}
.eyebrow{margin:0 0 12px;color:#916918;font-size:.76rem;font-weight:800;letter-spacing:.2em}
h1,h2{font-family:Georgia,"Times New Roman",serif;color:var(--ink);line-height:1.08}
h1{margin:.1em 0 .3em;font-size:clamp(2.65rem,8vw,6.3rem);letter-spacing:-.035em}
.lede{max-width:780px;color:var(--muted);font-size:clamp(1.08rem,2.4vw,1.45rem);line-height:1.55}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.pills span{padding:8px 13px;border:1px solid var(--gold-light);border-radius:999px;background:rgba(255,253,250,.7);color:#6b4d15;font-size:.83rem;font-weight:800}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:24px}
.card,.notice,.support-box{border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}
.card{padding:clamp(24px,4vw,38px);min-height:220px}
.card h2,.notice h2,.support-box h2{margin:0 0 12px;font-size:1.6rem}
.card p,.notice p,.support-box p{margin:0;color:var(--muted)}
.notice{margin:18px 0 80px;padding:clamp(26px,5vw,46px);border-color:var(--gold-light);background:linear-gradient(135deg,#fffdfa,#f4e8cb)}
.document{max-width:820px;padding:clamp(54px,8vw,94px) 0 90px}
.document h1{font-size:clamp(2.7rem,7vw,4.8rem)}
.document h2{margin:2.2rem 0 .65rem;font-size:1.45rem}
.document p,.document li{color:#46515e;font-size:1.04rem}
.document .lede{font-size:1.22rem}
.updated{font-size:.9rem!important;color:#737b84!important}
.support-box{margin:32px 0;padding:26px}
footer{padding:28px clamp(20px,5vw,70px);display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:#66707d;background:rgba(255,253,250,.72);font-size:.82rem;letter-spacing:.04em}
footer a{color:#596573}
@media(max-width:720px){.site-header{align-items:flex-start;flex-direction:column}.card-grid{grid-template-columns:1fr}.card{min-height:0}footer{flex-direction:column}.hero{padding-top:58px}h1{font-size:clamp(2.65rem,15vw,4.2rem)}}