/* The narrative edition:room to read, evidence on demand. */
.story-edition {--paper:var(--white);--white:inherit;background:var(--white)}
.story-edition .site-header {background:var(--white)}
.story-edition .wrap {max-width:1120px}
.story-hero {padding-top:45px}
.story-meta {display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}
.story-meta>span:last-child {font:10px/1.6 var(--sans);color:var(--ink-soft)}
.story-title-row {display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;padding:46px 0 30px}
.story-title-row h1 {font:500 clamp(72px,8.3vw,116px)/.98 var(--sans);letter-spacing:-.075em;margin:0}
.story-title-row h1 em {font-family:var(--sans);font-weight:400}
.story-title-row>div {padding-bottom:8px}
.story-deck {font:23px/1.45 var(--sans);letter-spacing:-.025em;margin:0 0 18px}
.story-subdeck {font:16px/1.8 var(--sans);color:var(--ink-soft);max-width:410px;margin:0 0 26px}
.arcade-figure {margin:0;min-width:0}
.arcade-figure img {width:100%;height:auto;display:block}
.arcade-figure figcaption {display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:12px;font:9px/1.7 var(--sans);letter-spacing:.045em;color:var(--ink-soft);text-transform:uppercase}
.opening {padding-top:35px}
.opening-scene {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;margin-bottom:44px}
.opening-scene .opening-anecdote {max-width:none;margin:0}
.opening-anecdote>p:last-child {margin-bottom:0}
.story-prose {width:100%;max-width:700px;margin-inline:auto}
.story-prose>p {font:18px/1.85 var(--sans);color:var(--ink-2);margin:0 0 24px;letter-spacing:-.012em}
.story-prose strong {font-weight:600;color:var(--ink)}
.story-prose .story-emphasis {font:normal 34px/1.4 var(--sans);letter-spacing:-.03em;color:var(--ink);margin:36px 0}
.story-route {display:grid;grid-template-columns:repeat(3,1fr);margin:58px 0 0;border-block:1px solid var(--ink)}
.story-route a {display:block;text-decoration:none;padding:24px 22px}
.story-route a:first-child {padding-left:0}
.story-route a+a {border-left:1px solid var(--line)}
.story-route span {font:11px var(--sans)}
.story-route strong {display:block;font:20px/1.4 var(--sans);letter-spacing:-.025em;margin:12px 0}
.story-route small {font:10px var(--sans);color:var(--ink-soft)}
.story-route a:hover strong {text-decoration:underline;text-underline-offset:5px}
.story-chapter {padding-top:84px;padding-bottom:64px}
.story-section-heading {max-width:700px;margin:0 auto 36px}
.story-section-heading .eyebrow {display:block;margin-bottom:23px}
.story-section-heading h2 {font:500 clamp(40px,4.6vw,62px)/1.08 var(--sans);letter-spacing:-.055em;margin:0}
.story-section-heading h2 em {font-family:var(--sans);font-weight:400}
.meter-introduction {display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:72px;max-width:940px;margin:0 auto 42px;align-items:center}
.meter-introduction .story-prose p {font-size:17px}
.story-meter {max-width:310px}
.story-meter .power-drawing {background:none;padding:0}
.story-meter .power-figure-top {border-top:0;font-size:8px;letter-spacing:.025em}
.story-meter figcaption {font:10px/1.8 var(--sans);padding-top:13px;border-top:1px solid var(--line)}
.reading-note {display:grid;grid-template-columns:185px 1fr;gap:30px;background:var(--surface);border-left:2px solid var(--ink);padding:25px 28px;margin-bottom:38px;align-items:start}
.reading-note .eyebrow {font-size:10px;line-height:1.7}
.reading-note p {font:13px/1.8 var(--sans);margin:0;max-width:720px;color:var(--ink-soft)}
.baseline-guide-heading h3 {font-size:28px}
.baseline-row>summary {min-height:86px;padding-block:18px}
.baseline-task strong {font-size:18px}
.baseline-cost {font-size:29px}
.baseline-detail {font-size:14px}
.baseline-detail p+p {font-size:12px}
.baseline-detail dt,.baseline-detail dd {font-size:12px}
.baseline-caption {font-size:12px;line-height:1.85}
.measurement-slots {margin-top:24px}
.pending-workflows {margin-top:28px}
.pending-workflows>summary strong {font:18px/1.5 var(--sans)}
.after-table {margin-top:48px}
.story-modifiers {border-top:1px solid var(--line)}
.story-modifiers .modifier-intro {padding-bottom:12px}
.story-modifier-index {max-width:900px;margin:35px auto 0}
.story-modifier-index a {min-height:0;padding:19px 22px}
.story-modifier-index a>span {font:12px var(--sans)}
.story-modifier-index strong {font-size:13px}
.story-driver {padding-top:44px;padding-bottom:15px;scroll-margin-top:100px}
.story-driver .eyebrow {font-size:10px;display:block;margin-bottom:18px;color:var(--ink-soft)}
.story-driver h3,.enterprise-value h3 {font:500 32px/1.18 var(--sans);letter-spacing:-.04em;margin:0 0 22px}
.story-experiment {max-width:820px;margin:28px auto 16px;border-block:1px solid var(--line)}
.story-experiment>summary {display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;padding:22px 0;cursor:pointer}
.story-experiment>summary::-webkit-details-marker {display:none}
.story-experiment>summary strong {font:500 16px/1.5 var(--sans)}
.story-experiment>summary small {display:block;font:11px/1.7 var(--sans);color:var(--ink-soft);margin-top:3px}
.disclosure-sign {font:24px var(--sans);transition:transform .2s}
.story-experiment[open]>summary .disclosure-sign {transform:rotate(45deg)}
.experiment-content {padding:8px 0 28px}
.experiment-intro {font:13px/1.8 var(--sans);color:var(--ink-soft);margin:0 0 25px}
.story-experiment figure {margin:0}
.story-experiment figcaption {font:11px/1.8 var(--sans)}
.story-experiment .source-detail {margin-top:20px}
.story-experiment .source-detail p {font-size:12px}
.story-experiment .environment-grid {border:0;border-top:1px solid var(--line)}
.story-experiment .environment-grid article {padding:22px}
.story-experiment .environment-grid h4 {font-size:26px;margin:12px 0}
.story-experiment .environment-grid strong {font-size:28px;margin:8px 0}
.story-experiment .environment-grid small {font-size:12px}
.story-experiment .environment-grid .status-label {margin-bottom:15px}
.memory-experiment .experiment-content {padding:24px;background:var(--ink);color:var(--white)}
.memory-experiment .experiment-intro,.memory-experiment figcaption {color:var(--line)}
.memory-experiment .memory-figure {padding:0;border:0;background:none}
.memory-experiment .memory-figure h3 {color:var(--white);font-size:25px}
.memory-experiment .segmented {background:transparent;border-color:var(--ink-3)}
.memory-experiment .segmented button {color:var(--hairline)}
.memory-experiment .segmented button[aria-pressed=true] {background:var(--white);color:var(--ink)}
.memory-experiment .memo-dot-track {background:linear-gradient(to right,var(--ink-3) 1px,transparent 1px) 0 0 / calc(100% / 6) 100%}
.memory-experiment .memo-bar-label>span,.memory-experiment .memo-bar-label strong {color:var(--white)}
.memory-experiment .memo-run-label {color:var(--white);background:var(--ink)}
.memory-experiment .memo-dot-axis,.memory-experiment .memo-plot-key {color:var(--line)}
.memory-experiment .memo-run>i {background:var(--white);border-color:var(--white)}
.memory-experiment [data-memory-setting=off] .memo-run>i {background:var(--ink);border-color:var(--white)}
.memory-experiment .memo-median {border-color:var(--line)}
.memory-experiment .memory-reading {background:var(--ink);border:1px solid var(--ink-2);padding:20px}
.memory-experiment .memory-reading p {color:var(--hairline);font-size:13px;line-height:1.8}
.memory-experiment .memory-reading-kicker {color:var(--white)}
.inline-source {font:10px/1.7 var(--sans);white-space:normal;color:var(--ink-3);text-underline-offset:3px}
.story-prose .result-pending {font:12px/1.8 var(--sans);border-left:2px solid var(--line);padding:8px 0 8px 20px;color:var(--ink-3);margin:28px 0 15px}
.result-pending .status-label {display:table;margin-bottom:10px}
.story-pullquote {font:36px/1.35 var(--sans);letter-spacing:-.045em;max-width:700px;margin:58px auto 75px}
.story-pullquote em {font-family:var(--sans)}
.payment-chapter {border-top:1px solid var(--ink)}
.plan-contracts {display:grid;grid-template-columns:1fr 1fr;gap:0;border-block:1px solid var(--ink);margin:38px 0 0}
.plan-contracts article {padding:30px 35px 25px 0;display:flex;flex-direction:column}
.plan-contracts article+article {border-left:1px solid var(--line);padding-left:35px;padding-right:0}
.plan-contracts h3 {font:500 30px/1.2 var(--sans);letter-spacing:-.04em;margin:22px 0 24px}
.plan-contracts p {font:14px/1.8 var(--sans);color:var(--ink-3);margin:0 0 14px;max-width:430px}
.plan-contracts .contract-price {font:30px/1.3 var(--sans);color:var(--ink);letter-spacing:-.035em}
.contract-price span {font:11px/1.7 var(--sans);letter-spacing:0;display:inline-block}
.plan-contracts .contract-price.secondary {font-size:24px}
.plan-contracts .contract-source {margin-top:auto;padding-top:14px;font-size:11px}
.plan-terms-note {font:11px/1.8 var(--sans);color:var(--ink-3);margin:15px 0 38px;max-width:900px}
.benchmark-heading {margin-top:44px}
.benchmark-heading h3,.scenario-intro h3 {font:500 32px/1.2 var(--sans);letter-spacing:-.04em;margin:20px 0}
.cost-evidence {background:none}
.cost-evidence-item>strong {font-size:45px}
.cost-evidence-grid {gap:20px}
.cost-evidence figcaption {font-size:12px}
.scenario-intro {margin-block:46px 32px}
.scenario-intro p {font-size:17px}
.plan-figure {margin-top:0}
.enterprise-value {margin-top:52px}
.story-note {border-block:1px solid var(--line);margin-top:30px}
.story-note summary {padding:18px 0;font-size:13px;cursor:pointer}
.story-note p {font:13px/1.85 var(--sans);color:var(--ink-3);margin-bottom:22px}
.story-closing {border-top:1px solid var(--ink)}
.story-closing .text-link {display:table;max-width:700px;width:100%;margin:38px auto 0}
.story-edition #methodology {padding-top:30px;padding-bottom:50px;border-top:1px solid var(--line)}
.story-edition #methodology .method-details {font-size:12px}
@media(max-width:1050px){
 .opening-scene {gap:45px}
 .story-title-row {gap:45px}
 .story-deck {font-size:20px}
 .meter-introduction {gap:40px;grid-template-columns:1fr 270px}
 .story-meter {max-width:270px}
 .story-prose>p {font-size:17px}
}
@media(max-width:800px){
 .opening-scene {gap:30px}
 .opening-anecdote>p {font-size:16px}
 .story-title-row {gap:32px;grid-template-columns:1fr 1fr}
 .story-title-row h1 {font-size:76px}
 .story-deck {font-size:18px}
 .story-subdeck {font-size:14px}
 .meter-introduction {gap:30px;grid-template-columns:1fr 220px}
 .story-meter {max-width:220px}
 .meter-introduction .story-prose p {font-size:16px}
 .reading-note {grid-template-columns:1fr;gap:12px;padding:22px}
 .story-route a {padding-inline:16px}
 .story-route strong {font-size:17px}
 .plan-contracts h3 {font-size:27px}
}
@media(max-width:600px){
 .story-hero {padding-top:26px}
 .story-meta {display:block;padding-bottom:17px}
 .story-meta>span:last-child {display:block;margin-top:10px;font-size:9px}
 .story-title-row {grid-template-columns:1fr;gap:25px;padding-top:30px}
 .story-title-row h1 {font-size:clamp(70px,18vw,106px)}
 .story-deck {font-size:19px}
 .story-subdeck {font-size:15px;margin-bottom:20px}
 .arcade-figure {margin-top:0}
 .arcade-figure figcaption {font-size:8px;gap:15px}
 .arcade-figure figcaption>span:last-child {max-width:90px;text-align:right}
 .opening {padding-top:16px}
 .opening-scene {grid-template-columns:1fr;gap:28px;margin-bottom:30px}
 .story-prose>p {font-size:16px;line-height:1.85;margin-bottom:22px}
 .story-prose .story-emphasis {font-size:29px;margin:29px 0}
 .story-route {grid-template-columns:1fr;margin-top:34px}
 .story-route a,.story-route a:first-child {display:grid;grid-template-columns:24px 1fr;gap:8px 14px;padding:20px 0}
 .story-route a+a {border-left:0;border-top:1px solid var(--line)}
 .story-route span {grid-column:1;grid-row:1/3;margin-top:5px}
 .story-route strong {margin:0;font-size:18px}
 .story-route small {grid-column:2}
 .story-chapter {padding-top:52px;padding-bottom:40px}
 .story-section-heading {margin-bottom:30px}
 .story-section-heading h2 {font-size:39px}
 .story-section-heading .eyebrow {font-size:9px;line-height:1.6;margin-bottom:18px}
 .meter-introduction {display:flex;flex-direction:column;gap:18px;margin-bottom:30px}
 .story-meter {max-width:260px;align-self:center}
 .story-meter .power-figure-top {font-size:8px}
 .reading-note {margin-bottom:24px;padding:20px}
 .baseline-guide-heading h3 {font-size:25px}
 .baseline-task strong {font-size:16px}
 .baseline-cost {font-size:27px}
 .baseline-detail {padding-inline:16px}
 .baseline-detail dt,.baseline-detail dd {font-size:11px}
 .baseline-caption {font-size:11px}
 .pending-workflows>summary strong {font-size:17px}
 .after-table {margin-top:34px}
 .story-modifier-index a {padding:16px 12px;grid-template-columns:18px 1fr}
 .story-modifier-index strong {font-size:11px}
 .story-driver {padding-top:35px;padding-bottom:7px}
 .story-driver h3,.enterprise-value h3 {font-size:28px}
 .story-experiment>summary strong {font-size:14px}
 .story-experiment>summary small {font-size:10px}
 .memory-experiment .experiment-content {padding:18px 12px}
 .memory-experiment .figure-toolbar {display:block}
 .story-pullquote {font-size:28px;margin-block:42px 48px}
 .plan-contracts {grid-template-columns:1fr;margin-top:28px}
 .plan-contracts article,.plan-contracts article+article {padding:26px 0;border-left:0}
 .plan-contracts article+article {border-top:1px solid var(--line)}
 .plan-contracts h3 {font-size:27px}
 .plan-contracts p {font-size:13px}
 .plan-terms-note {font-size:11px}
 .benchmark-heading h3,.scenario-intro h3 {font-size:28px}
 .scenario-intro p {font-size:16px}
 .cost-evidence-item>strong {font-size:42px}
 .enterprise-value {margin-top:38px}
}
@media(max-width:359px){
 .story-section-heading h2 {font-size:34px}
 .story-title-row h1 {font-size:68px}
 .story-driver h3 {font-size:26px}
 .baseline-cost {font-size:25px}
}
@media(prefers-reduced-motion:reduce){.disclosure-sign {transition:none}}
@media print {
 .story-experiment>.experiment-content {display:block!important}
 .arcade-figure {break-inside:avoid}
 .story-hero {padding-top:0}
}