:root{--bg:#F6F1E9;--fg:#0E1A2B;--muted:#5B6577;--line:rgba(14,26,43,.16);--gold:#BF9444;--gold-text:#8A6420;--surface:#EFE8DC;--panel:#0E1A2B;--panel-fg:#F6F1E9;--panel-muted:#B9C1CE;--display:'Jost','Helvetica Neue',Arial,sans-serif}
@media (prefers-color-scheme: dark){:root{--bg:#0E1A2B;--fg:#F6F1E9;--muted:#A9B2C0;--line:rgba(246,241,233,.18);--gold:#D2A85A;--gold-text:#D2A85A;--surface:#14233A;--panel:#172840;color-scheme:dark}}
html{color-scheme:light}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--display);font-size:18px;line-height:1.7;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
h1,h2,h3,p,ul,ol{margin:0}
a{color:inherit}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:24px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px}
.brand{display:flex;align-items:center;gap:12px;font-weight:500;font-size:15px;letter-spacing:.28em;text-transform:uppercase;text-decoration:none}
.brand svg{width:34px;height:34px;flex:none}
.nav{display:flex;gap:24px;align-items:center;font-size:16px}
.nav a{text-decoration:none;padding-block:10px;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-color:var(--gold)}
@media (max-width:560px){.top{flex-wrap:wrap;gap:4px 16px;padding-block:16px}.brand{letter-spacing:.2em;font-size:14px}.nav{gap:18px;font-size:15px;width:100%}}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.crumbs{font-size:15px;color:var(--muted);padding-block:24px 0}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.article{max-width:720px;margin-inline:auto;padding-block:24px 64px}
.kicker{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);margin-bottom:14px}
h1{font-size:clamp(34px,5.5vw,54px);line-height:1.12;font-weight:500;letter-spacing:-.01em;text-wrap:balance;margin-bottom:18px}
.meta{color:var(--muted);font-size:15px;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.article h2{font-size:clamp(22px,3vw,28px);line-height:1.25;font-weight:500;margin:44px 0 12px;text-wrap:balance}
.article p{margin-bottom:18px}
.article ul,.article ol{padding-inline-start:1.3em;margin-bottom:20px}
.article li{margin-bottom:8px}
.article li::marker{color:var(--gold-text)}
.cta{max-width:720px;margin:0 auto 72px;background:var(--panel);color:var(--panel-fg);border-radius:6px;padding:clamp(26px,5vw,44px)}
.cta h2{font-size:26px;font-weight:500;line-height:1.2;margin-bottom:10px}
.cta p{color:var(--panel-muted);margin-bottom:22px}
.btn{display:inline-flex;align-items:center;min-height:48px;padding-inline:26px;border:1px solid var(--panel-fg);border-radius:4px;font-weight:500;letter-spacing:.03em;text-decoration:none;color:var(--panel-fg)}
.btn:hover{border-color:var(--gold);color:var(--gold)}
.index-head{padding-block:48px 24px}
.index-head p{color:var(--muted);max-width:56ch;margin-top:12px}
.list{list-style:none;margin:0 0 72px;padding:0}
.card{padding-block:28px;border-top:1px solid var(--line)}
.card:last-child{border-bottom:1px solid var(--line)}
.card h2{font-size:clamp(22px,3vw,30px);font-weight:500;line-height:1.2;margin:6px 0 10px}
.card h2 a{text-decoration:none}
.card h2 a:hover{color:var(--gold-text)}
.card p{color:var(--muted);max-width:62ch}
.card .meta{border:0;padding:0;margin:14px 0 0;font-size:14px}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:32px 48px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}