:root{--bg:#121A2E;--deep:#0A0F1C;--gold:#C9A227;--gold2:#E8C766;--tx:#F3EDE3;--tx2:#A9B0C4}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font:16px/1.7 Montserrat,system-ui,sans-serif}
.w{max-width:1300px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid #223}
nav{display:flex;align-items:center;gap:10px;padding:18px 0;flex-wrap:wrap}
.logo{font:700 20px PT Serif,serif;color:var(--tx);text-decoration:none}
.logo span{color:var(--gold)}
nav a{color:var(--tx2);text-decoration:none;font-size:14px}
nav a:hover,nav a[aria-current]{color:var(--gold2)}
.sp{margin-left:auto}
.mb{display:none}
@media (min-width:1101px){header nav{gap:10px;flex-wrap:nowrap}header nav .logo{margin-right:10px}header nav a{white-space:nowrap}}
.nav-burger{display:none;background:transparent;border:1px solid var(--tx2);color:var(--tx);border-radius:6px;width:38px;height:34px;font-size:18px;line-height:1;cursor:pointer;align-items:center;justify-content:center}
@media (max-width:1100px){header nav{gap:10px 12px;padding:12px 0}header nav .logo{font-size:18px;margin-right:auto}header nav .sp{display:none}header nav .dk{display:none}header nav .mb{display:inline}.nav-burger{display:inline-flex;order:3}header nav>a.btn{order:2;padding:7px 12px;font-size:13px;white-space:nowrap}header nav>a:not(.logo):not(.btn){display:none;order:4;flex:0 0 100%;padding:10px 2px;border-top:1px solid rgba(169,176,196,.18);font-size:16px}header nav.open>a:not(.logo):not(.btn){display:block}}
.btn{background:var(--gold);color:var(--deep);padding:12px 22px;border-radius:6px;font-weight:600;text-decoration:none;display:inline-block;font-size:15px}
.btn:hover{background:var(--gold2)}
.btn2{border:1px solid var(--gold);color:var(--gold);background:transparent}
.crumbs{font-size:13px;color:var(--tx2);padding:16px 0 0}
.crumbs a{color:var(--tx2)}
article{max-width:760px;margin:0 auto;padding:26px 0 60px}
article h1{font:700 36px/1.28 PT Serif,serif;margin:14px 0 22px}
article h2{font:700 25px/1.3 PT Serif,serif;margin:38px 0 14px;color:var(--gold2)}
article p{margin-bottom:16px}
article ol,article ul{margin:0 0 18px 22px}
article li{margin-bottom:10px}
article a{color:var(--gold2)}
.byline{color:var(--tx2);font-size:14px;margin-top:24px}
.byline a{color:var(--tx2)}
.cta{background:var(--deep);border:1px dashed var(--gold);border-radius:10px;padding:24px;margin:34px 0 10px;text-align:center}
.cta b{display:block;font:700 20px PT Serif,serif;margin-bottom:10px}
.cta p{color:var(--tx2);font-size:15px;margin-bottom:16px}
.rel{border-top:1px solid #1c2440;margin-top:40px;padding-top:24px}
.rel b{display:block;font:700 18px PT Serif,serif;margin-bottom:12px}
.rel a{display:block;color:var(--tx2);text-decoration:none;padding:6px 0;font-size:15px}
.rel a:hover{color:var(--gold2)}
h1.idx{font:700 38px PT Serif,serif;margin:18px 0 10px;text-align:center}
.lead{color:var(--tx2);text-align:center;max-width:640px;margin:0 auto 34px}
.toc{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;margin:0 0 30px;padding:0}
.toc a{color:var(--tx2);text-decoration:none;font-size:13px;border:1px solid #223;border-radius:20px;padding:6px 14px;background:var(--deep)}
.toc a:hover{color:var(--gold2);border-color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding-bottom:60px}
.card{background:var(--deep);border:1px solid #223;border-radius:10px;padding:18px;text-decoration:none;display:block}
.card:hover{border-color:var(--gold)}
.card b{color:var(--gold2);font:700 17px/1.35 PT Serif,serif;display:block;margin-bottom:8px}
.card span{color:var(--tx2);font-size:14px;line-height:1.5}
.gsec{font:700 22px PT Serif,serif;margin:28px 0 14px;grid-column:1/-1;scroll-margin-top:20px}
.gsub{font:700 16px Montserrat,sans-serif;color:var(--gold2);margin:6px 0 4px;grid-column:1/-1}
footer{border-top:1px solid #1c2440;padding:28px 0;color:var(--tx2);font-size:13px;text-align:center}
footer a{color:var(--tx2)}
@media(max-width:600px){article h1{font-size:28px}h1.idx{font-size:28px}}