/* Shared reading layout for the October 2026 Insights guides. */
:root{color-scheme:light}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#12203c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:#245fea;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid #245fea;outline-offset:4px}
.article-shell{max-width:1180px;margin:0 auto;padding:0 24px}
.article-hero{padding:64px 0 56px;background:radial-gradient(circle at 85% 25%,#e3edff 0,transparent 36%),linear-gradient(145deg,#f7f9fe,#eef3fc);border-bottom:1px solid #dce5f4}
.article-breadcrumb{font-size:14px;font-weight:600;color:#61718d;margin-bottom:28px}
.article-breadcrumb a{color:#38547c;text-decoration:none}
.article-breadcrumb a:hover{text-decoration:underline}
.article-eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#2865e8;margin:0 0 18px}
.article-hero h1{max-width:900px;margin:0;font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.08;letter-spacing:-.045em;color:#101b35}
.article-deck{max-width:750px;margin:24px 0 0;font-size:clamp(1.0625rem,2vw,1.375rem);line-height:1.55;color:#52647f}
.article-byline{display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center;margin-top:30px;color:#5b6b83;font-size:14px}
.article-byline strong{color:#273b59}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,280px);gap:clamp(36px,6vw,96px);align-items:start;padding-top:62px;padding-bottom:88px}
.article-body{font-size:17px;line-height:1.75;color:#35445c;min-width:0}
.article-body p{margin:0 0 1.2em}
.article-body h2{font-size:clamp(1.6rem,2.5vw,2.15rem);line-height:1.25;letter-spacing:-.025em;color:#12203c;margin:2.2em 0 .7em;scroll-margin-top:105px}
.article-body h3{font-size:1.2rem;line-height:1.35;color:#1e3152;margin:1.6em 0 .5em}
.article-body ul,.article-body ol{padding-left:1.4em;margin:.4em 0 1.5em}
.article-body li{padding-left:.2em;margin:.45em 0}
.article-body strong{color:#152746}
.article-body blockquote{margin:2em 0;padding:20px 26px;border-left:4px solid #3068e9;border-radius:0 12px 12px 0;background:#f2f6fe;color:#1c3258;font-size:1.08em}
.article-body blockquote p:last-child{margin-bottom:0}
.article-callout{padding:22px 26px;margin:1.8em 0;background:#f5f8fe;border:1px solid #dce8fd;border-radius:14px}
.article-callout p:last-child{margin-bottom:0}
.article-steps{display:grid;gap:14px;margin:1.5em 0}
.article-step{padding:22px 24px;background:#fff;border:1px solid #dce5f4;border-radius:14px;box-shadow:0 8px 24px rgba(22,48,94,.035)}
.article-step h3{margin:0 0 8px}
.article-step p:last-child{margin-bottom:0}
.article-table-wrap{overflow-x:auto;margin:1.6em 0;border:1px solid #dce5f4;border-radius:14px}
.article-table{width:100%;min-width:580px;border-collapse:collapse;font-size:15px;line-height:1.55}
.article-table th,.article-table td{text-align:left;vertical-align:top;padding:16px 18px;border-bottom:1px solid #e5ebf5}
.article-table th{background:#eef3fd;color:#1a3158;font-weight:700}
.article-table tr:last-child td{border-bottom:0}
.article-aside{position:sticky;top:90px;padding:22px 22px 26px;background:#f7f9fd;border:1px solid #e2e8f2;border-radius:16px}
.article-aside h2{font-size:15px;margin:0 0 16px;color:#233b64}
.article-aside ol{list-style:none;margin:0;padding:0}
.article-aside li+li{margin-top:12px}
.article-aside a{font-size:14px;line-height:1.5;color:#536582;text-decoration:none}
.article-aside a:hover{color:#245fea;text-decoration:underline}
.article-cta{margin-top:54px;padding:30px;border-radius:18px;background:#102247;color:#fff}
.article-cta h2{color:#fff;margin:0 0 10px}
.article-cta p{color:#d7e4ff}
.article-cta a{display:inline-block;margin-top:6px;padding:12px 18px;border-radius:9px;background:#2e6bea;color:#fff;text-decoration:none;font-weight:700;min-height:44px}
.article-cta a:hover{background:#4b83f0}
.article-sources{font-size:14px;color:#68778e;border-top:1px solid #e2e8f2;margin-top:40px;padding-top:20px}
.article-sources h2{font-size:1.2rem;margin:0 0 12px}
.article-sources li{overflow-wrap:anywhere}
@media(max-width:850px){.article-layout{grid-template-columns:1fr;gap:0;padding-top:42px}.article-aside{position:static;order:-1;margin-bottom:28px}.article-hero{padding:44px 0}.article-body h2{scroll-margin-top:80px}}
@media(max-width:550px){.article-shell{padding:0 20px}.article-hero h1{font-size:2.2rem}.article-layout{padding-bottom:60px}.article-body{font-size:16px}.article-callout,.article-step{padding:18px}.article-cta{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}