.explorable{background:var(--marketing-paper);border:1px solid var(--line-soft);font-variant-numeric:tabular-nums;border-radius:4px;margin:36px 0;padding:clamp(20px,4vw,32px)}.explorable .explorable-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;display:flex}.explorable h3{font:500 clamp(24px, 3vw, 32px)/1.15 var(--font-serif-display);letter-spacing:-.025em;color:var(--text-strong);margin:16px 0 28px}.exposure-plot{gap:20px;display:grid}.exposure-row>div:first-child{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;line-height:1.5;display:flex}.bar-track{background:var(--marketing-accent-soft);height:22px}.bar-fill{background:var(--marketing-navy);height:100%;transition:width .35s ease-out;position:relative}.series-1{background:var(--marketing-accent)}.series-2{background:#79a9ca}.shared-weight{background:repeating-linear-gradient(135deg, transparent 0 4px, var(--marketing-sky) 4px 6px);transition:width .35s ease-out;position:absolute;inset:0 auto 0 0}.example-result{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;font-size:13px;display:flex}.explorable .example-result strong{font:500 44px/1 var(--font-serif-display)}.example-controls{border-top:1px solid var(--line-soft);gap:10px;margin-top:28px;padding-top:20px;font-size:12px;display:grid}.example-controls>label{justify-content:space-between;gap:16px;font-weight:600;display:flex}.example-controls output{white-space:nowrap;color:var(--marketing-navy)}.example-controls input[type=range]{width:100%;min-height:32px;accent-color:var(--marketing-navy);cursor:pointer}.example-controls input:focus-visible{outline:2px solid var(--marketing-accent);outline-offset:4px}.example-controls fieldset{border:0;flex-wrap:wrap;gap:12px 24px;margin-top:10px;padding:0;display:flex}.example-controls legend{margin-bottom:8px;padding:0;font-weight:600}.example-controls fieldset label{cursor:pointer;align-items:center;gap:8px;display:flex}.example-controls input[type=radio]{accent-color:var(--marketing-navy);width:16px;height:16px}.explorable figcaption,.explorable noscript p{color:var(--text-muted);margin:20px 0 0;font-size:12px;line-height:1.65}.return-plot svg{width:100%;height:auto;overflow:visible}.plot-grid{stroke:var(--line-soft);stroke-width:1px}.plot-line{fill:none;stroke:var(--marketing-navy);stroke-width:3px;stroke-linecap:round}.plot-deposit{fill:none;stroke:var(--marketing-accent);stroke-width:2px;stroke-dasharray:4 5}.plot-labels{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;display:flex}.return-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.return-results>div{gap:10px;display:grid}.return-results span{color:var(--text-muted);font-size:10px;line-height:1.4}.explorable .return-results strong{font:500 clamp(24px, 4vw, 38px)/1 var(--font-serif-display);white-space:nowrap}@media (prefers-reduced-motion:reduce){.bar-fill,.shared-weight{transition:none}}.plot-line,.plot-deposit{transition:d .35s ease-out}@media (prefers-reduced-motion:reduce){.plot-line,.plot-deposit{transition:none}}.screenshot-trigger{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--marketing-paper);cursor:zoom-in;text-align:left;width:100%;padding:0;display:block;position:relative;overflow:hidden}.screenshot-crop{aspect-ratio:var(--screenshot-aspect);display:block;position:relative;overflow:hidden}.post-figure .screenshot-crop img{width:var(--screenshot-width);max-width:none;height:auto;transform:translate(var(--screenshot-x), var(--screenshot-y));border:0;border-radius:0;position:absolute;top:0;left:0}.screenshot-expand{background:var(--marketing-navy);color:var(--marketing-paper);font:500 12px/1.2 var(--font-sans);opacity:0;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;transition:opacity .12s;display:inline-flex;position:absolute;bottom:10px;right:10px}.screenshot-expand svg{width:15px;height:15px}.screenshot-trigger:hover .screenshot-expand,.screenshot-trigger:focus-visible .screenshot-expand{opacity:1}.screenshot-trigger:focus-visible{outline:3px solid var(--marketing-accent);outline-offset:4px}.screenshot-overlay{z-index:100;background:color-mix(in srgb, var(--marketing-navy) 88%, transparent);position:fixed;inset:0}.screenshot-dialog{z-index:101;border:1px solid var(--marketing-sky);background:var(--marketing-paper);width:min(1600px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--marketing-navy);border-radius:12px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.screenshot-toolbar{align-items:center;gap:16px;padding:12px 16px;display:flex}.screenshot-toolbar h2{font:600 16px/1.3 var(--font-sans);margin:0}.screenshot-toolbar a{color:inherit;margin-left:auto;font-size:13px}.screenshot-close{border:1px solid var(--line-soft);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:inline-grid}.screenshot-close svg{width:20px;height:20px}.screenshot-close:focus-visible,.screenshot-toolbar a:focus-visible{outline:2px solid var(--marketing-accent);outline-offset:3px}.screenshot-description{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.screenshot-full{overflow:auto}.screenshot-full img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 110px);display:block}@media (prefers-reduced-motion:reduce){.screenshot-expand{transition:none}}@media (hover:none){.screenshot-expand{opacity:1}}.post-figure{margin:26px 0 28px}.post-figure img{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-raised,#fff);width:100%;height:auto;display:block}.post-figure figcaption{color:var(--text-subtle);margin-top:8px;font-size:13.5px;line-height:1.5}.post-figure-link{color:var(--marketing-accent);white-space:nowrap;font-weight:600;text-decoration:none}.post-figure-link:hover{text-decoration:underline}