/* Clear figure previews in the article; large, pannable views on demand. */
.story-figure-heading{padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.story-figure-heading>.eyebrow{font-size:9px;margin:0 0 10px;color:var(--green)}
.story-figure-heading>h3{font-size:clamp(26px,3vw,36px);margin:0}
.story-illustration .story-diagram-preview{display:block;position:relative;width:100%;padding:0;border:0;background:#f7f6f2;color:#172e3a;cursor:zoom-in;text-align:left;overflow:hidden}
.story-diagram-preview>img{display:block;width:100%;height:auto;max-width:none}
.story-diagram-preview>span{display:inline-flex;align-items:center;gap:12px;position:absolute;right:14px;bottom:14px;padding:10px 15px;border-radius:3px;background:#172e3a;color:#fff;font:700 11px/1.5 var(--sans);box-shadow:0 2px 12px #172e3a20}
.story-diagram-preview:hover>span{background:#80138b}
.story-illustration .story-figure-read{margin:15px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.story-figure-read>div{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px}
.story-figure-read>div>span{font:700 13px/1.8 var(--sans);color:var(--green)}
.story-figure-read p{margin:0!important;font:12px/1.8 var(--sans);color:var(--muted)}
.story-illustration figcaption .story-citations{margin:16px 0 0}
.story-diagram-atlas{padding:38px var(--story-gutter);border-bottom:1px solid var(--line);background:var(--surface)}
.story-diagram-atlas>header{display:flex;align-items:end;gap:30px;justify-content:space-between}
.story-diagram-atlas>header h2{font-size:clamp(32px,4vw,48px);margin:12px 0 0}
.story-diagram-atlas>header>p{max-width:450px;font:13px/1.8 var(--sans);color:var(--muted);margin:0}
.story-diagram-atlas>.story-illustration{margin-top:25px}
.story-atlas-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.story-atlas-links>a{border:1px solid var(--line);padding:10px 15px;font:700 11px/1.5 var(--sans);color:var(--green);background:var(--surface)}
.story-atlas-links>a:hover{background:var(--surface-soft)}
body.story-diagram-is-open{overflow:hidden}
.story-diagram-dialog{width:calc(100vw - 40px);max-width:1700px;height:calc(100dvh - 40px);max-height:1100px;padding:0;border:1px solid var(--line,#d8d8d1);border-radius:7px;background:var(--surface,#fffdf8);color:var(--ink,#172e3a);box-shadow:0 20px 90px #0006;overflow:hidden}
.story-diagram-dialog::backdrop{background:#0b1722cf;backdrop-filter:blur(4px)}
.story-diagram-dialog[open]{display:flex;flex-direction:column}
.story-diagram-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px 14px;border-bottom:1px solid var(--line,#ddd)}
.story-diagram-header .eyebrow{font:700 9px/1.4 var(--sans,Arial,sans-serif);color:var(--green,#80138b);letter-spacing:.12em;text-transform:uppercase}
.story-diagram-header h2{font:700 clamp(23px,2.6vw,34px)/1.1 var(--display,Arial,sans-serif);margin:7px 0 0;letter-spacing:-.015em}
.story-diagram-dialog button{border:1px solid var(--line,#ddd);padding:9px 13px;background:var(--surface,#fff);color:var(--ink,#172e3a);font:700 12px/1.5 var(--sans,Arial,sans-serif);cursor:pointer;border-radius:3px}
.story-diagram-dialog button:hover:not(:disabled){background:var(--surface-soft,#f1eee5)}
.story-diagram-dialog button:disabled{opacity:.35;cursor:default}
.story-diagram-dialog :is(a,button,div[tabindex]):focus-visible{outline:3px solid var(--focus,#80138b);outline-offset:2px}
.story-diagram-close{white-space:nowrap}
.story-diagram-close>span{font-size:20px;margin-left:12px;vertical-align:middle}
.story-diagram-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px 7px;flex-wrap:wrap}
.story-diagram-toolbar>div{display:flex;align-items:center;gap:7px}
.story-diagram-toolbar [data-diagram-plus],.story-diagram-toolbar [data-diagram-minus]{font-size:18px;min-width:40px;padding:5px 11px}
.story-diagram-zoom{min-width:47px;text-align:center;font:700 12px/1.5 var(--sans,Arial,sans-serif)}
.story-diagram-original{font:700 11px/1.5 var(--sans,Arial,sans-serif);color:var(--green,#80138b);text-decoration:underline;text-underline-offset:3px}
.story-diagram-help{font:11px/1.6 var(--sans,Arial,sans-serif);color:var(--muted,#687780);margin:0;padding:0 24px 12px}
.story-diagram-viewport{overflow:auto;flex:1;min-height:100px;background:#e7e7df;overscroll-behavior:contain;touch-action:pan-x pan-y}
.story-diagram-stage{display:grid;place-items:center;box-sizing:border-box;padding:16px;min-width:100%;min-height:100%}
.story-diagram-stage>img{display:block;max-width:none!important;max-height:none!important;object-fit:contain;background:#f7f6f2;box-shadow:0 2px 20px #172e3a13}
.story-diagram-caption{font:11px/1.6 var(--sans,Arial,sans-serif);color:var(--muted,#687780);padding:12px 24px;margin:0;border-top:1px solid var(--line,#ddd);max-height:86px;overflow:auto}
@media(max-width:700px){.story-diagram-atlas>header{display:block}.story-diagram-atlas>header>p{margin-top:15px}.story-figure-heading{padding:18px}.story-diagram-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none}.story-diagram-header{padding:14px;gap:12px}.story-diagram-header h2{font-size:23px}.story-diagram-header .eyebrow{font-size:8px}.story-diagram-toolbar{padding:10px 14px 7px;gap:10px}.story-diagram-help{padding:0 14px 10px;font-size:10px}.story-diagram-caption{padding:10px 14px;font-size:10px;max-height:74px}.story-diagram-preview>span{padding:7px 10px;right:8px;bottom:8px;font-size:10px}.story-atlas-links{gap:7px}.story-atlas-links>a{font-size:10px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.story-diagram-dialog{scroll-behavior:auto}}