*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden;max-width:100vw}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Poppins',sans-serif;color:#0f172a;background:#f8fafc;line-height:1.65}
header.top{position:fixed;top:0;left:0;right:0;padding:14px 24px;z-index:100;background:rgba(255,255,255,0.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}
.top a.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a}
.top .brand img{width:34px;height:34px;border-radius:50%;overflow:hidden}
.top .brand .name{font-size:18px;font-weight:700}
.top .brand .sub{color:#2E75B6;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-top:2px;display:block}
.top nav a{color:#475569;text-decoration:none;font-size:14px;margin-left:22px;font-weight:500;transition:color .15s}
.top nav a:hover{color:#2E75B6}
.top .cta{background:#2E75B6;color:#fff;padding:9px 18px;border-radius:24px;font-size:13px;font-weight:600;text-decoration:none;margin-left:22px}
main.article{max-width:760px;margin:100px auto 60px;padding:0 24px}
.crumb{color:#64748b;font-size:13px;margin-bottom:20px}
.crumb a{color:#2E75B6;text-decoration:none}
.eyebrow{color:#2E75B6;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}
h1{font-size:44px;line-height:1.15;letter-spacing:-1px;margin-bottom:16px;color:#0f172a}
.meta{color:#64748b;font-size:14px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}
.tldr{background:linear-gradient(90deg,rgba(46,117,182,0.08),rgba(255,255,255,0));border-left:3px solid #2E75B6;padding:18px 20px;margin:24px 0 32px;border-radius:0 8px 8px 0}
.tldr strong{color:#2E75B6;display:block;margin-bottom:6px;font-size:13px;letter-spacing:1px;text-transform:uppercase}
article p{margin:16px 0;color:#334155;font-size:16.5px}
article h2{font-size:28px;margin:44px 0 14px;color:#0f172a;letter-spacing:-.5px}
article h3{font-size:20px;margin:28px 0 10px;color:#0f172a}
article ul{margin:14px 0 20px 20px;color:#334155}
article ul li{margin:8px 0}
article ul li strong{color:#0f172a}
article a{color:#2E75B6;text-decoration:underline;text-underline-offset:2px}
article a:hover{text-decoration:none;background:rgba(46,117,182,0.08)}
article blockquote{border-left:3px solid #cbd5e1;padding:8px 16px;margin:20px 0;color:#64748b;font-style:italic}
.related{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin:40px 0}
.related h3{margin-top:0;font-size:16px;color:#0f172a;margin-bottom:14px}
.related ul{list-style:none;margin:0;padding:0}
.related li{margin:8px 0;padding-left:16px;position:relative}
.related li::before{content:'→';position:absolute;left:0;color:#2E75B6}
.faq{margin:48px 0 32px;padding-top:32px;border-top:2px solid #e2e8f0}
.faq h2{margin-top:0}
.faq details{padding:16px 0;border-bottom:1px solid #e2e8f0}
.faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;color:#0f172a;position:relative;padding-right:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:0;top:0;color:#2E75B6;font-size:22px;line-height:1}
.faq details[open] summary::after{content:'−'}
.faq details p{margin:12px 0 0;color:#475569;font-size:15px}
.cta-block{background:linear-gradient(135deg,#0f1836,#2a1447);color:#fff;padding:40px 32px;border-radius:16px;margin:48px 0;text-align:center}
.cta-block h3{color:#fff;font-size:24px;margin:0 0 8px}
.cta-block p{color:rgba(255,255,255,0.75);margin:0 0 20px}
.cta-block a{background:#fff;color:#0f1836;padding:12px 28px;border-radius:24px;text-decoration:none;font-weight:700;display:inline-block}
footer.site-footer{background:#0f1836;color:rgba(255,255,255,0.7);padding:40px 24px;text-align:center;font-size:13px;margin-top:80px}
footer.site-footer a{color:#fff;text-decoration:none;margin:0 8px}
footer.site-footer .social{margin-top:10px;font-size:12px;opacity:.85}
@media (max-width:640px){
  h1{font-size:32px}
  article h2{font-size:22px}
  .top nav a{margin-left:12px;font-size:12px}
  .top .cta{padding:7px 12px;font-size:12px;margin-left:12px}
  main.article{margin-top:80px}
}