:root{--ink:#0a1d3d;--muted:#50617a;--line:#dce5f0;--blue:#146be8;--navy:#071a38;--soft:#f4f8ff;--card:#fff;--shadow:0 18px 45px rgba(9,36,78,.1)}*{box-sizing:border-box}body.article-page{margin:0;background:#f6f9fd;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.72}.article-page .wrap{max-width:1180px;margin:auto;padding:0 24px}.article-page .site-header{background:#fff;border-bottom:1px solid #e8eef6;position:sticky;top:0;z-index:20}.article-page .nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}.article-page .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 20px Manrope,Arial,sans-serif;white-space:nowrap}.article-page .brand img{width:34px;height:34px}.article-page .brand small{display:block;font:500 10px 'DM Sans',Arial,sans-serif;letter-spacing:.02em;color:#708098}.article-page nav{margin-left:auto;display:flex;align-items:center;gap:20px}.article-page nav a{color:#31445f;text-decoration:none;font-size:14px;font-weight:700}.article-page nav a:hover,.article-page nav a.active{color:var(--blue)}.article-page .nav-order{background:var(--blue);color:#fff!important;padding:10px 15px;border-radius:9px}.article-page .menu-toggle{display:none}.article-hero{background:radial-gradient(circle at 73% 15%,#e3f0ff 0,rgba(227,240,255,0) 27%),linear-gradient(118deg,#fff 0%,#f0f6ff 100%);padding:70px 0 54px;border-bottom:1px solid #e2eaf4}.crumb{display:flex;gap:8px;color:#65758d;font-size:14px}.crumb a{color:#3565a4;text-decoration:none}.article-hero h1{max-width:890px;font:800 clamp(34px,5vw,58px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:16px 0}.article-hero .intro{max-width:760px;font-size:19px;color:#435671;margin:0}.article-meta{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px;color:#66758b;font-size:14px}.article-meta span{border:1px solid #d4e0ef;background:#fff;padding:5px 11px;border-radius:99px}.cover-wrap{margin-top:42px}.cover-wrap img{width:100%;display:block;border-radius:20px;box-shadow:var(--shadow);background:#0d3474}.cover-wrap figcaption{font-size:13px;color:#66758b;margin-top:9px}.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:58px;padding:54px 24px 76px}.toc{align-self:start;position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 10px 24px rgba(9,36,78,.05)}.toc strong{display:block;font:800 15px Manrope,Arial,sans-serif;margin-bottom:10px}.toc a{display:block;padding:6px 0;color:#53647c;font-size:14px;text-decoration:none}.toc a:hover{color:var(--blue)}.content{min-width:0}.content h2{font:800 30px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 15px;padding-top:12px}.content h3{font:800 21px/1.3 Manrope,Arial,sans-serif;margin:30px 0 10px}.content p{font-size:17px;color:#354964;margin:0 0 19px}.content ul{padding-left:22px;margin:0 0 22px;color:#354964}.content li{margin:7px 0}.compare{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:27px 0 34px;background:#fff;font-size:15px}.compare th{background:#eaf3ff;color:#16437e;text-align:left;font-weight:800}.compare th,.compare td{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}.compare tr:last-child td{border-bottom:0}.note{border-left:4px solid var(--blue);padding:16px 18px;background:#ecf5ff;border-radius:0 12px 12px 0;margin:26px 0}.note p{margin:0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0 34px}.choice{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px}.choice h3{margin:0 0 7px}.choice p{font-size:15px;margin:0}.faq{margin-top:34px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:0 17px}.faq summary{font-weight:800;cursor:pointer;padding:15px 4px}.faq p{font-size:15px;padding:0 4px 15px;margin:0}.cta-box{background:linear-gradient(130deg,#071d41,#145ac5);color:#fff;border-radius:18px;padding:31px;margin-top:44px;box-shadow:var(--shadow)}.cta-box h2{color:#fff;padding:0}.cta-box p{color:#dceaff}.cta-box a{display:inline-block;background:#fff;color:#0e57bd;border-radius:9px;padding:11px 17px;font-weight:800;text-decoration:none}.article-page footer{background:#06162f;color:#a9b9d1;padding:26px 0;font-size:14px}.article-page footer .wrap{display:flex;justify-content:space-between;gap:16px}.article-page footer a{color:#fff;text-decoration:none}@media(max-width:820px){.article-page nav{display:none}.article-page nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px 24px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 25px rgba(0,0,0,.08)}.article-page .menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px}.article-page .article-layout{grid-template-columns:1fr;gap:28px;padding-left:20px;padding-right:20px}.toc{position:static;order:-1}.article-page .wrap{padding-left:20px;padding-right:20px}.article-hero{padding:48px 0 35px}.choice-grid{grid-template-columns:1fr}.compare{font-size:13px}.compare th,.compare td{padding:10px}.article-page footer .wrap{display:block}.article-page footer span{display:block;margin:4px 0}}