:root{--bg:#f5f7fb;--panel:#fff;--ink:#14173a;--dim:#5b6479;--line:#e6e9f2;--line-strong:#d7dcea;--blue:#1877f2;--blue-deep:#0f5fd6;--navy:#12143a;--gold:#e0940a;--gold-bright:#f2a916;--radius:16px;--shadow-sm:0 1px 2px rgba(18,20,58,.06),0 2px 8px rgba(18,20,58,.04);--shadow-md:0 4px 14px rgba(18,20,58,.08),0 12px 34px rgba(18,20,58,.07);--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:"Sora",var(--sans)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}a{color:var(--blue-deep);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--display);color:var(--navy);line-height:1.2;letter-spacing:-.02em;text-wrap:balance;margin:0}
.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:22px}.eyebrow{font-family:var(--display);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:.98rem;padding:13px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .16s,box-shadow .16s;white-space:nowrap;text-decoration:none}
.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-lg{padding:16px 30px;font-size:1.05rem}
.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#2a1c00;box-shadow:0 6px 18px rgba(224,148,10,.34)}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 6px 18px rgba(24,119,242,.3)}.btn-blue:hover{background:var(--blue-deep)}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35)}
.site-header{position:sticky;top:0;z-index:60;backdrop-filter:saturate(1.4) blur(12px);background:rgba(247,249,253,.9);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:18px;height:72px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:1.16rem;color:var(--navy)}.brand:hover{text-decoration:none}.brand b{color:var(--gold);font-weight:800}.brand .logo{width:40px;height:40px}
.nav-links{display:flex;gap:26px;margin-left:14px}.nav-links a{color:#3a4166;font-weight:500;font-size:.96rem}.nav-links a:hover{color:var(--blue);text-decoration:none}.nav-spacer{flex:1}
article.article{max-width:820px;margin:0 auto;padding:34px 22px 20px}.crumbs{font-size:.82rem;color:var(--dim);margin-bottom:18px}
.article-head h1{font-size:clamp(1.8rem,4.4vw,2.7rem);font-weight:800;margin:10px 0}.article-meta{color:var(--dim);font-size:.86rem;display:flex;gap:8px}
.article-cover{width:100%;border-radius:var(--radius);margin:18px 0;box-shadow:var(--shadow-sm)}
.tldr{background:#eef3ff;border:1px solid #d9e5ff;border-radius:var(--radius);padding:18px 22px;margin:22px 0}.tldr b{font-family:var(--display);color:var(--navy)}.tldr ul{margin:10px 0 0;padding-left:20px}.tldr li{margin:4px 0}
.prose{font-size:1.06rem}.prose h2{font-size:1.5rem;margin:34px 0 12px}.prose h3{font-size:1.18rem;margin:22px 0 8px}.prose p{margin:0 0 16px}.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}.prose li{margin:6px 0}.prose strong{color:var(--navy)}
.article-cta{background:radial-gradient(700px 300px at 20% 0%,#24307a 0,transparent 60%),linear-gradient(160deg,#12143a,#1a1e57);color:#fff;border-radius:var(--radius);padding:28px;margin:30px 0;text-align:center}
.article-cta h3{color:#fff;font-size:1.3rem}.article-cta p{color:#c3c9ef;max-width:52ch;margin:10px auto 18px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.related{margin:30px auto;max-width:820px}.related h2{font-size:1.3rem;margin-bottom:14px}.related-list{display:grid;gap:10px}.related-list a{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-weight:600;color:var(--navy);box-shadow:var(--shadow-sm)}.related-list a:hover{border-color:var(--blue);text-decoration:none}
.guide-hero{background:linear-gradient(168deg,#12143a,#1a1e57);color:#eef1ff;padding:56px 0}.guide-hero h1{color:#fff;font-size:clamp(2rem,5vw,3rem);margin:14px 0}.guide-hero p{color:#c3c9ef;max-width:60ch}
.sec-head-l{margin:34px 0 18px}.sec-head-l h2{font-size:1.5rem}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;gap:6px}
.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);text-decoration:none}.guide-card .kw{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);font-weight:700}.guide-card h3{font-size:1.06rem}.guide-card p{color:var(--dim);font-size:.9rem;margin:0}.guide-card .read{color:var(--blue);font-weight:600;font-size:.82rem;margin-top:auto}
.site-footer{background:#0d0f2e;color:#9aa2d4;padding:56px 0 30px;font-size:.92rem;margin-top:40px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.foot-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--display);font-weight:700;font-size:1.1rem}.foot-brand .logo{width:34px;height:34px}.site-footer p{margin-top:14px;max-width:34ch;color:#838bbd}.foot-col h4{color:#fff;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.foot-col a{display:block;color:#9aa2d4;margin-bottom:9px}.foot-col a:hover{color:#fff;text-decoration:none}.foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#6f77a6;font-size:.84rem}.legal-links a{color:#9aa2d4}.legal-links a:hover{color:#fff}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nav-links{display:none}.guide-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}}