:root{color-scheme:light;--ink:#252c3d;--muted:#657087;--line:#dce0e8;--paper:#f7f7fa;--green:#86133b}
*{box-sizing:border-box}
html,body{margin:0;background:transparent;color:var(--ink)}
.is-embedded,.is-embedded body{overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif}
main{width:100%}
.source-figure,.figure-fallback{display:block;width:100%;height:auto}
.figure-page--explorable{background:#fff}
.figure-page--explorable #figure-app{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #e1e3e9;background:#f7f8f9;font-family:Arial,Helvetica,sans-serif}
.explore-heading span,.explore-reading-copy>span{color:#732843;font-size:10px;font-weight:800;letter-spacing:.12em}
.explore-heading p{margin:3px 0 0;color:#626673;font-size:12px}
.explore-heading-actions{display:flex;align-items:center;gap:8px}
.explore-areas{display:grid;grid-template-columns:repeat(var(--area-count),minmax(0,1fr));gap:1px;border-bottom:1px solid #d9dce4;background:#d9dce4;font-family:Arial,Helvetica,sans-serif}
.explore-areas button{position:relative;min-width:0;padding:12px 15px;border:0;background:#f9f9fa;color:#49506b;font:700 12px/1.3 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer;transition:background .22s,color .22s}
.explore-areas button::after{position:absolute;right:14px;bottom:0;left:14px;height:3px;border-radius:3px 3px 0 0;background:#7a2846;content:"";transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.explore-areas button:hover,.explore-areas button:focus-visible,.explore-areas button.has-current{background:#eff0f3;color:#621c35}
.explore-areas button.is-selected{background:#e8eaef;color:#59132c}
.explore-areas button.is-selected::after{transform:scaleX(1)}
.explore-areas button:focus-visible{outline:2px solid #6e1736;outline-offset:-3px}
.explore-watch{padding:7px 12px;border:1px solid #712641;border-radius:6px;background:#712641;color:white;font:700 11px Arial,Helvetica,sans-serif;cursor:pointer}
.explore-watch:hover,.explore-watch:focus-visible{background:#59182f;outline-color:#59182f}
.explore-reset{padding:7px 12px;border:1px solid #abafc4;border-radius:6px;background:white;color:#661b36;font:700 11px Arial,Helvetica,sans-serif;cursor:pointer}
.explore-reset:hover,.explore-reset:focus-visible{background:#ecedf1;outline-color:#661b36}
.explore-stage{position:relative;width:100%;overflow:hidden;background:white;touch-action:pan-y}
.explore-stage .source-figure{width:100%;height:auto}
.explore-stage .source-figure[hidden]{display:none}
.source-vector{display:block;width:100%;height:auto;overflow:visible}
.source-vector *{pointer-events:none}
.explore-source-piece{--shade:0}
.explore-base-layer{transition:opacity .45s ease}
.source-vector.has-focus .explore-base-layer{opacity:.72}
.source-vector.is-guided .explore-base-layer{opacity:.68}
.explore-source-edge.is-flowing{animation:source-flow 1.1s ease-out 1}
@keyframes source-flow{0%{opacity:.38}60%,100%{opacity:1}}
.explore-hotspot{position:absolute;z-index:1;border:0;background:transparent;color:transparent;cursor:pointer}
.explore-hotspot--panel{z-index:0}
.explore-stage.is-story .explore-hotspot{pointer-events:none}
.explore-hotspot:focus-visible{outline:3px solid #661432;outline-offset:-2px;background:rgb(255 255 255 / 8%)}
.explore-reading{display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(230px,1fr);gap:10px 20px;min-height:148px;padding:16px 19px;border-top:1px solid #dbdee5;background:#f4f5f7;font-family:Arial,Helvetica,sans-serif}
.explore-reading-copy h2{margin:5px 0 7px;color:#3f1725;font-size:19px;line-height:1.23}
.explore-reading-copy p{max-width:780px;margin:0;color:#454b61;font-size:13px;line-height:1.65}
.explore-related{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.explore-related:empty{display:none}
.explore-related button{padding:4px 0;border:0;background:transparent;color:#6b243e;font:700 11px Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.explore-objects{min-width:0;align-self:start;border:1px solid #c7c9d7;border-radius:6px;background:#fff}
.explore-objects summary{padding:11px 12px;color:#58313f;font-size:12px;font-weight:700;cursor:pointer}
.explore-objects summary:focus-visible{outline:2px solid #6e1736;outline-offset:2px}
.explore-index{display:grid;gap:11px;min-width:0}
.explore-index.is-flat{display:flex;align-content:start;align-items:start;flex-wrap:wrap;gap:6px}
.explore-index-group{display:flex;flex-wrap:wrap;align-items:start;gap:6px;padding:0 0 10px;border-bottom:1px solid #e2e4ea}
.explore-index-group:last-child{padding-bottom:0;border-bottom:0}
.explore-index-group h3{flex-basis:100%;margin:0 0 2px;color:#5d3141;font-size:11px;line-height:1.25}
.explore-objects .explore-index{padding:0 10px 10px}
.explore-index button{min-width:0;padding:7px 10px;border:1px solid #c7c9d7;border-radius:5px;background:#fff;color:#58313f;font:600 11px/1.25 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
.explore-index button:hover,.explore-index button:focus-visible,.explore-index button.is-selected{border-color:#97576e;background:#e5e7ec;color:#4b1126}
.explore-index button:focus-visible{outline:2px solid #6e1736;outline-offset:2px}
.explore-reading[hidden],.explore-story[hidden]{display:none}
.explore-story{min-height:148px;padding:15px 20px 17px;border-top:1px solid #d9dce3;background:#f4f5f7;font-family:Arial,Helvetica,sans-serif}
.explore-story-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.explore-story-top>span,.explore-story-step{color:#732843;font-size:10px;font-weight:800;letter-spacing:.12em}
.explore-story-close{padding:5px 8px;border:0;background:transparent;color:#6b243e;font:700 11px Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.explore-story-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-top:8px}
.explore-story h2{margin:4px 0 6px;color:#3f1725;font-size:21px;line-height:1.22}
.explore-story-copy{max-width:880px;margin:0;color:#3a4158;font-size:14px;line-height:1.52}
.explore-story-cue{margin:8px 0 0;color:#46597f;font-size:12px;line-height:1.4}
.explore-story-controls{display:flex;align-items:center;gap:6px}
.explore-story-controls button,.explore-story-controls select{padding:7px 9px;border:1px solid #b5b8ca;border-radius:5px;background:#fff;color:#58313f;font:700 11px Arial,Helvetica,sans-serif;cursor:pointer}
.explore-story-controls button[disabled]{opacity:.42;cursor:default}
.explore-story-controls label{display:flex;align-items:center;gap:5px;color:#626675;font-size:11px}
.explore-story-progress{display:flex;gap:5px;margin-top:13px}
.explore-story-progress button{position:relative;flex:1;min-height:9px;overflow:hidden;border:0;border-radius:2px;background:#d1d3de;color:transparent;font-size:0;cursor:pointer}
.explore-story-progress button::after{position:absolute;inset:0;background:#712641;content:"";transform:scaleX(var(--progress,0));transform-origin:left}
.explore-story-progress button:focus-visible{outline:2px solid #6e1736;outline-offset:2px}
.figure-page--chart{background:var(--paper)}
.chart-workspace{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.chart-reading-guide{margin:0 0 16px;padding:13px 16px;border:1px solid #d7d9e2;border-radius:8px;background:#f6f7f9;color:#363c52;font:13px/1.5 Arial,Helvetica,sans-serif}
.chart-reading-guide strong{display:block;margin-bottom:3px;color:#572839;font-size:12px}
.chart-reading-guide p{margin:0}
.chart-reading-guide details{margin-top:6px}
.chart-reading-guide summary{color:#691d38;font-size:12px;font-weight:700;cursor:pointer}
.chart-reading-guide details p{margin-top:8px;color:#535767;font-size:12px}
.chart-panels{display:grid;gap:14px;min-width:0}
.chart-panel-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;min-width:0}
.chart-panel{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:white}
.chart-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.chart-panel h2{margin:0;font-size:15px;line-height:1.3}
.chart-reset{flex:none;padding:5px 9px;border:1px solid #c9cbd8;border-radius:5px;background:#fff;color:#5e3141;font:600 11px Arial,Helvetica,sans-serif;cursor:pointer}
.chart-reset:hover,.chart-reset:focus-visible{background:#eaecf0;border-color:#9199b5}
.chart-panel svg{display:block;width:100%;height:auto;overflow:visible}
.chart-axis{stroke:#9ca0ae;stroke-width:1}
.chart-grid{stroke:#e4e6eb;stroke-width:1}
.chart-label{fill:#535868;font-size:10px}
.chart-value{fill:#272c3b;font-family:Arial,Helvetica,sans-serif;font-size:8.5px;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:2.5px;stroke-linejoin:round;pointer-events:none}
.chart-value-leader{stroke:#8b8f9e;stroke-width:.8;pointer-events:none}
.chart-target{cursor:pointer;outline:none;transition:opacity .36s ease,stroke-width .45s ease}
.chart-target.is-selected,.chart-target.is-preview{opacity:1}
rect.chart-target:is(.is-selected,.is-preview){fill:var(--focus-fill);stroke:var(--mark-color);stroke-width:1.8;paint-order:stroke fill}
g.chart-target:is(.is-selected,.is-preview)>:is(path,line):not(.chart-hit){stroke-width:4.4;animation:chart-ink-arrives .72s ease-out 1}
circle.chart-target:is(.is-selected,.is-preview),g.chart-target:is(.is-selected,.is-preview)>circle{r:5.3;stroke:#fdfdfd;stroke-width:1.5;transition:r .45s ease}
.chart-panel-row.has-selection .chart-target:not(.is-selected),.chart-panel-row.has-preview .chart-target:not(.is-preview){opacity:.24}
@keyframes chart-ink-arrives{0%{stroke-opacity:.55}65%,100%{stroke-opacity:1}}
.chart-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke}
.chart-target:focus-visible{outline:2px solid #6e1736;outline-offset:3px}
.chart-detail{min-height:164px;margin-top:-1px;padding:15px 18px;border:1px solid #bbbece;border-radius:0 0 10px 10px;background:linear-gradient(135deg,#fdfdfd,#e7e9ee 68%,#e4e6ec)}
.chart-detail span{display:block;color:#444b65;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.chart-detail h3{margin:10px 0 13px;font-size:20px;line-height:1.25}
.chart-detail p{margin:0 0 14px;color:#363b50;font-size:14px;line-height:1.55}
.chart-detail small{color:var(--muted);font-size:12px;line-height:1.5}
.chart-legend{display:flex;flex-wrap:wrap;gap:7px 14px;margin:8px 0 0;padding:0;list-style:none}
.chart-legend li{font-size:11px;color:var(--muted)}
.chart-legend i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px;vertical-align:-1px}
.chart-series-controls{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:8px}
.chart-series-control{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:inherit;font-size:11px;line-height:1.2}
.chart-series-control i{display:inline-block;width:17px;border-top:3px solid var(--series-color)}
.chart-series-control i.is-dashed{border-top-style:dashed}
.chart-series-control.is-selected{border-color:var(--series-color);background:#f5f6f8}
@media(max-width:650px){.chart-workspace{padding:10px}.chart-panel-row{grid-template-columns:1fr;gap:0}.chart-detail{min-height:0}.chart-panel{padding:9px}.explore-reading{grid-template-columns:1fr;padding:12px;min-height:0}.explore-heading{padding:9px 12px}.explore-heading p{font-size:10px}.explore-heading-actions{gap:4px}.explore-watch,.explore-reset{padding:7px;font-size:10px}.explore-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-areas button{padding:9px 11px;font-size:11px}.explore-story{padding:12px}.explore-story-body{grid-template-columns:1fr}.explore-story-controls{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.chart-target,.explore-base-layer,.explore-areas button{transition:none}.explore-source-edge.is-flowing,g.chart-target:is(.is-selected,.is-preview)>:is(path,line){animation:none}}

/* The redrawn source uses burgundy for retained obligations and cool blue for work. */
body[data-theme="burgundy"]{--ink:#242a3a;--muted:#697389;--line:#dbe0ea;--green:#86133b}
body[data-theme="burgundy"] :is(.explore-heading,.explore-areas button){background:#f8f9fc;color:#536a89}
body[data-theme="burgundy"] :is(.explore-reading,.explore-story){background:linear-gradient(115deg,#faf5f8,#f5f7fb);border-color:#ded9e2}
body[data-theme="burgundy"] :is(.explore-reading h2,.explore-story h2){color:#50283f}
body[data-theme="burgundy"] :is(.explore-heading span,.explore-reading-copy>span,.explore-story-top>span,.explore-story-step,.explore-related button,.explore-story-close){color:#86133b}
body[data-theme="burgundy"] :is(.explore-reading-copy p,.explore-story-copy){color:#535d73}
body[data-theme="burgundy"] :is(.explore-watch,.explore-story-progress button::after,.explore-areas button::after){background:#86133b;border-color:#86133b}
body[data-theme="burgundy"] :is(.explore-reset,.explore-index button,.explore-objects summary,.explore-index-group h3,.explore-story-controls button,.explore-story-controls select){color:#61445a;border-color:#d8cad5}
body[data-theme="burgundy"] :is(.explore-areas button.is-selected,.explore-areas button.has-current,.explore-index button.is-selected,.explore-index button:hover){background:#f0e4ed;color:#791335}
body[data-theme="burgundy"] :is(button:focus-visible,summary:focus-visible){outline-color:#86133b}
body[data-theme="burgundy"] .explore-areas button::after,body[data-theme="burgundy"] .explore-story-progress button::after{background:#86133b}
body[data-theme="burgundy"] .explore-areas{background:#e3dce5;border-color:#e3dce5}
