:root{--abyss:#fff;--navy:#0a1633;--blue:#0b55d4;--mist:#55658a;--line:rgba(10,40,110,.14);--display:'Sora','Segoe UI',system-ui,sans-serif;--body:'Manrope','Segoe UI',system-ui,sans-serif;--mark:'Michroma','Segoe UI',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:#fff;color:#33466f;font-family:var(--body);font-size:18px;line-height:1.75}
a{color:#0b55d4}
svg{display:block}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{width:min(1180px,100% - 48px);margin-inline:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#0a1633}
.logo svg{width:36px;height:36px}
.wm{font-family:var(--mark);font-size:18px;letter-spacing:.14em;line-height:1}
.wm i{font-style:normal;color:var(--blue)}
.nav ul{display:flex;gap:30px;list-style:none}
.nav ul a{text-decoration:none;font-size:15px;font-weight:500;color:var(--mist)}
.nav ul a:hover,.nav ul a[aria-current]{color:#0b55d4}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font:600 14px/1 var(--body);text-decoration:none;background:linear-gradient(135deg,#1668e3,#0b4fc4);color:#fff;box-shadow:0 8px 24px -10px rgba(35,136,255,.7)}
.btn:hover{filter:brightness(1.1)}
.head{padding:90px 0 40px;background:radial-gradient(900px 400px at 80% -10%,rgba(22,104,227,.12),transparent 70%),linear-gradient(#f6f9ff,#fff)}
.crumbs{font-size:14px;color:var(--mist);margin-bottom:22px}
.crumbs a{color:var(--mist);text-decoration:none}
.crumbs a:hover{color:#0b55d4}
h1{font-family:var(--display);font-weight:600;font-size:clamp(32px,5vw,56px);line-height:1.1;letter-spacing:-.03em;color:#0a1633;max-width:860px}
.meta{margin-top:22px;font-size:15px;color:var(--mist)}
.article{width:min(720px,100% - 48px);margin:0 auto;padding:30px 0 90px}
.article .answer{font-size:21px;line-height:1.6;color:#0a1633;font-weight:500;padding:0 0 28px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.article h2{font-family:var(--display);font-weight:600;font-size:28px;line-height:1.2;letter-spacing:-.02em;color:#0a1633;margin:46px 0 14px}
.article p{margin-bottom:20px}
.article ul,.article ol{margin:0 0 22px 22px}
.article li{margin-bottom:10px}
.article strong{color:#0a1633}
.note{border:1px solid var(--line);background:#eef4ff;border-radius:14px;padding:20px 22px;margin:34px 0;font-size:16px;color:#33466f}
.cta{margin-top:56px;border-radius:22px;padding:36px;background:linear-gradient(155deg,#10307a,#0a1d4d);border:0;color:#fff}
.cta h2{margin:0 0 10px;font-size:26px;color:#fff}
.cta p{color:#cdddf8;margin-bottom:22px}
.list{padding:30px 0 100px}
.card{display:block;text-decoration:none;color:inherit;padding:34px 0;border-top:1px solid var(--line);transition:padding .3s}
.card:last-child{border-bottom:1px solid var(--line)}
.card:hover{padding-left:14px}
.card h2{font-family:var(--display);font-weight:600;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.02em;color:#0a1633;margin-bottom:10px}
.card p{color:var(--mist);max-width:680px;font-size:17px}
.card small{display:block;margin-top:12px;color:#7a8aad;font-size:14px}
footer{border-top:1px solid var(--line);padding:40px 0;background:#f3f7ff;color:#6a7a9e;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between}
footer a{color:#33466f;text-decoration:none;margin-right:20px}
footer a:hover{color:#0b55d4}
@media(max-width:720px){.nav ul{display:none}body{font-size:17px}.head{padding:60px 0 24px}.article .answer{font-size:19px}.cta{padding:26px}}

.cta .btn{background:#fff;color:#0a3fa8;box-shadow:none}
/* blog v2 additions */
.tag{display:inline-block;margin:0 0 14px;padding:4px 12px;border-radius:999px;font:700 11px var(--body);letter-spacing:.12em;text-transform:uppercase;background:#e6f0ff;color:#0b55d4;border:1px solid #a9c6f5}
.card .tag{margin-bottom:10px}
.article table{width:100%;border-collapse:collapse;margin:8px 0 26px;font-size:15px;line-height:1.5}
.article th,.article td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
.article th{background:#eef4ff;color:#0a1633;font-weight:700}
.article pre{background:#0a1633;color:#dbe8ff;border-radius:14px;padding:18px 20px;overflow-x:auto;margin:0 0 22px;font-size:14px;line-height:1.6}
.article code{font-family:ui-monospace,Menlo,Consolas,monospace}
.fig{margin:30px -40px 30px}.fig img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 50px -30px rgba(10,29,77,.5)}
.fig figcaption{margin-top:10px;font-size:14px;color:var(--mist);line-height:1.5;padding:0 40px}
.faq h3{font-family:var(--display);font-weight:600;font-size:19px;color:#0a1633;margin:24px 0 8px}
.sources,.related{list-style:none;margin:0 0 22px;padding:0}
.sources li,.related li{margin-bottom:8px;font-size:16px}
@media(max-width:820px){.fig{margin-left:0;margin-right:0}.fig figcaption{padding:0}.article table{display:block;overflow-x:auto}}