/* Small content additions on the original, unchanged V3 visual system. */
.story-dev-note{font:500 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.04em;text-align:center;padding:5px 16px;color:var(--sc-muted);background:var(--sc-surface);border-bottom:1px solid var(--sc-line)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.story-card{min-width:0;border:1px solid var(--sc-line);border-radius:18px;background:var(--sc-white);overflow:hidden}.story-card>a{display:flex;align-items:flex-start;justify-content:center;padding:24px;background:var(--sc-dark);border-bottom:1px solid var(--sc-line)}.story-card>a img{width:145px;height:auto;border:4px solid #263b4b;border-radius:14px}.story-card>div{padding:22px}.story-card h3{margin:12px 0!important}.story-card p{font-size:.9rem}.story-kind{font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--sc-accent)}.story-caption{margin-top:18px!important;font-size:.8rem!important;line-height:1.6}.story-card details{margin-top:18px}.story-card details summary{font-size:.8rem!important;padding-block:14px!important}.story-card details>p{font-size:.82rem!important}.story-gallery{max-width:1180px}.story-gallery>p{max-width:76ch;margin-top:20px}.story-preview{padding-top:0}.story-preview>.sc-wrap>p{margin-top:20px}.story-document nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block:24px;padding:20px;border:1px solid var(--sc-line);border-radius:14px}.story-document section{margin-block:32px}.story-document h2{margin-bottom:16px}.story-document .notice,.story-document [class=""]{color:var(--sc-muted)}
html:root body.sc-site .story-hotspot{position:absolute;z-index:5;display:grid;place-items:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;transform:translate(-50%,-50%);border:2px solid #e9f6ff;border-radius:50%;background:#086ebf;color:#fff;font:600 23px/1 Inter,system-ui,sans-serif;box-shadow:0 0 0 5px #0872c947,0 4px 16px #0007;cursor:pointer}.story-hotspot:hover,.story-hotspot[aria-expanded=true]{background:#034f91;box-shadow:0 0 0 7px #0872c960,0 4px 16px #0007}.story-hotspot:focus-visible{outline:3px solid var(--sc-accent);outline-offset:7px}.story-hotspot span{pointer-events:none}.story-anchor{display:block;position:relative;scroll-margin-top:120px}.sc-explorer-panel .sc-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sc-explorer-panel .sc-tabs button{font-size:.8rem!important;min-height:44px;padding:10px!important;line-height:1.4;min-width:0}.sc-explorer-panel .sc-tabs button[aria-selected=true]{transform:none}.sc-explorer-copy{position:static}.sc-explorer-figure{max-width:300px}.sc-phone{overflow:visible}.sc-phone>img{border-radius:23px}.sc-explorer-figure figcaption{font-family:Inter,system-ui,sans-serif;text-transform:none;letter-spacing:normal;line-height:1.6}.legacy-tooltip{line-height:1.65}.legacy-tooltip h3{line-height:1.3}.legacy-tooltip p{font-size:1rem!important;line-height:1.65}.sc-footer nav{align-content:start}.sc-document .sc-prose ul{padding-left:22px}.sc-document .sc-prose li{margin-block:10px}.sc-document .sc-prose table{display:block;max-width:100%;overflow-x:auto}.sc-document .sc-prose section{scroll-margin-top:120px}
@media(max-width:1000px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.story-grid{gap:16px}.story-card>div{padding:18px}.story-card>a{padding:18px}.story-card>a img{width:128px}.sc-explorer-panel .sc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-explorer-figure{max-width:280px}.story-document nav{padding:16px}.story-dev-note{font-size:10px}.story-caption{font-size:.78rem!important}}
@media(max-width:450px){.story-grid{grid-template-columns:1fr}.story-card>a img{width:150px}.sc-explorer-figure{max-width:250px}html:root body.sc-site .story-hotspot{width:40px;height:40px;min-width:40px;min-height:40px;font-size:21px}}
.story-resource-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px 24px;padding-block:10px;border-bottom:1px solid var(--sc-line)}.story-resource-nav a{font-size:.83rem;font-weight:600;min-height:36px;display:inline-flex;align-items:center}.story-resource-nav a:last-child{margin-left:auto}.sc-desktop-nav .story-guide-menu{display:block;position:relative}.story-guide-menu nav{top:calc(100% + 12px);right:0;min-width:280px}.story-guide-menu nav a{justify-content:flex-start;white-space:normal}.sc-site .story-guide-menu summary{border:0;display:flex;align-items:center;gap:8px;padding-inline:12px;font-size:.85rem}.story-resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}.sc-site .story-resource-card{display:block;padding:24px;border:1px solid var(--sc-line);border-radius:18px;background:var(--sc-white);color:var(--sc-ink);text-decoration:none}.story-resource-card:hover{border-color:var(--sc-accent)}.sc-site .story-resource-card h2{font-size:1.2rem;line-height:1.35;margin-bottom:12px}.story-resource-card p{font-size:.92rem}.story-resource-card span{display:inline-block;margin-top:20px;font-size:.82rem;font-weight:600;color:var(--sc-accent)}.story-diagnostic-figure{max-width:260px;margin:28px auto!important}.story-diagnostic-figure img{border:5px solid #263b4b;border-radius:20px}.story-diagnostic-figure figcaption{margin-top:18px;font-size:.82rem;line-height:1.6;color:var(--sc-muted)}@media(max-width:760px){.story-resource-nav{gap:4px 16px;padding-block:8px}.story-resource-nav a{font-size:.76rem}.story-resource-nav a:last-child{margin-left:0}.story-resources-grid{grid-template-columns:1fr}.story-resource-card{padding:20px!important}}
html:root body.sc-site button.story-hotspot{border-radius:50%!important}
@media(prefers-reduced-motion:reduce){.story-hotspot{transition:none}}
/* Light mode retains the app's dark pixels without a contrasting dark panel. */
html[data-sca-mode="original"] .sc-hero-visual{background:radial-gradient(ellipse at 50% 48%,#dceafb 0%,#eef4fb 47%,#f8fafc 100%);border-left-color:#dce5ef;color:var(--sc-muted)}
html[data-sca-mode="original"] .sc-hero-visual::before{background:#5081b2;opacity:.24}
html[data-sca-mode="original"] .sc-hero-visual::after{background:radial-gradient(closest-side,#7aa8db33,transparent)}
html[data-sca-mode="original"] .sc-hero-visual .sc-image-link{border-color:#344a5b;box-shadow:0 24px 42px -20px #193c6655,0 0 0 1px #ffffff80 inset}
html[data-sca-mode="original"] .sc-hero-visual figcaption{color:#465f78}
html[data-sca-mode="original"] .sc-hero-visual .sca-gauge{opacity:.55}