:root{--ink:#0b1830;--muted:#526277;--blue:#1459d9;--green:#087f5b;--soft:#f3f7fc;--line:#dce5f0;--white:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.seo-article{margin:0;color:var(--ink);background:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.68}.seo-article a{color:var(--blue)}.seo-skip{position:absolute;left:-9999px}.seo-skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:10px 14px}.seo-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.seo-nav{max-width:var(--max);margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px}.seo-brand{font-weight:900;text-decoration:none;color:var(--ink)!important;letter-spacing:-.02em}.seo-links{display:flex;align-items:center;gap:20px}.seo-links a{text-decoration:none;font-weight:750;color:var(--ink)}.seo-cta{background:var(--green);color:#fff!important;padding:10px 16px;border-radius:999px}.seo-breadcrumb{max-width:var(--max);margin:22px auto 0;padding:0 20px;color:var(--muted);font-size:.92rem}.seo-breadcrumb a{color:var(--muted)}.article-hero{max-width:var(--max);margin:auto;padding:42px 20px 30px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:48px;align-items:center}.article-kicker{display:inline-flex;color:var(--green);background:#e9f8f2;padding:6px 11px;border-radius:999px;font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.article-hero h1{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0}.article-deck{font-size:1.18rem;color:var(--muted);max-width:760px}.article-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:var(--muted);font-size:.92rem}.article-hero img{width:100%;height:auto;object-fit:contain;border-radius:28px;box-shadow:0 22px 60px rgba(15,35,68,.16)}.article-layout{max-width:var(--max);margin:24px auto 80px;padding:0 20px;display:grid;grid-template-columns:240px minmax(0,740px);gap:54px;justify-content:center}.article-toc{position:sticky;top:92px;align-self:start;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:18px}.article-toc strong{display:block;margin-bottom:10px}.article-toc a{display:block;color:var(--muted);text-decoration:none;padding:5px 0;font-size:.92rem}.article-body{min-width:0}.article-body h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.035em;margin:2.5em 0 .65em;scroll-margin-top:100px}.article-body h3{font-size:1.22rem;margin:1.8em 0 .4em}.article-body p,.article-body li{font-size:1.06rem}.article-body img{max-width:100%;height:auto}.answer-box,.tip-box,.cta-box{border-radius:20px;padding:22px 24px;margin:28px 0}.answer-box{background:#eef5ff;border-left:5px solid var(--blue)}.tip-box{background:#ecfaf4;border-left:5px solid var(--green)}.cta-box{background:linear-gradient(135deg,#0b1830,#123c68);color:#fff}.cta-box h2{margin:.1em 0 .35em}.cta-box p{color:#dce8f6}.cta-box a{display:inline-block;background:#18a46f;color:#fff;text-decoration:none;font-weight:850;padding:12px 18px;border-radius:999px}.article-table{width:100%;border-collapse:collapse;margin:24px 0}.article-table th,.article-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line)}.article-table th{background:var(--soft)}.article-faq details{border-top:1px solid var(--line);padding:15px 0}.article-faq summary{cursor:pointer;font-weight:800}.related{background:var(--soft);padding:55px 20px}.related-inner{max-width:var(--max);margin:auto}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;color:var(--ink)!important}.related-card span{color:var(--green);font-size:.8rem;font-weight:850;text-transform:uppercase}.related-card strong{display:block;font-size:1.12rem;margin-top:8px}.seo-footer{background:#08162c;color:#d7e2f1;padding:32px 20px}.seo-footer>div{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px}.seo-footer a{color:#fff}@media(max-width:850px){.seo-links a:not(.seo-cta){display:none}.article-hero{grid-template-columns:1fr;padding-top:28px;gap:25px}.article-layout{grid-template-columns:1fr}.article-toc{position:static}.related-grid{grid-template-columns:1fr}.seo-footer>div{display:block}.article-table{font-size:.9rem}}
