/* CHAP family: charcoal, white, cool neutral surfaces, ember and amber. */
.metis-v37 { --m35-ink:#282829; --m35-field:#f2f5fa; --m35-line:#d9dce2; --m35-accent:#ea4700; color:#282829; }
.metis-v37 #what-it-is,.metis-v37 #paper { background:#fff; }
.metis-v37 #see-it-work { background:#f2f5fa; }
.metis-v37 #gap { background:#282829; color:#fff; border-top:3px solid #ea4700; }
.metis-v37 #gap .ch-head :is(h2,.lede),.metis-v37 #gap .v32-gap-explanation :is(h3,p) { color:inherit; }
.metis-v37 #gap .ch-head .lede { color:#dedee1; }
.metis-v37 #gap :is(.ch-head .eye,.v32-question .eye) { color:#ff9900; }
.metis-v37 #gap .m35-reference-open { border-color:#545458; }
.metis-v37 #gap .m34-comparison { color:#282829; }
.metis-v37 #gap .m34-comparison .side { background:#fff; border-color:#d9dce2; }
.metis-v37 #gap .m34-comparison .side:last-child { background:#fff4ec; }
.metis-v37 #gap .m34-comparison :is(blockquote,p) { color:#282829; }
.metis-v37 #gap .v32-reference,.metis-v37 #gap .m34-gap-case { background:transparent; color:#fff; }
.metis-v37 #gap .m34-gap-case { border-color:#606065; }
.metis-v37 #gap :is(.v32-gap-definitions,.m34-gap-cases) { color:#e5e5e8; }
.metis-v37 #gap .v32-research-question { color:#fff; }
.metis-v37 #gap .v32-research-question h3 { color:#fff; }
.metis-v37 .m36-comparison-icon { width:48px; height:60px; margin:0 0 22px; color:#282829; }
.metis-v37 .fig.blue { background:#fff; background-image:radial-gradient(#dde0e6 .8px,transparent .9px); background-size:20px 20px; }
.metis-v37 .fig { border-color:#dfe2e8; box-shadow:none; }

/* A stable left-to-right story. The orange-topped record identifies the same fragment. */
.metis-v37 .m35-story-art { background:#fff; padding:22px 18px 26px; border-radius:18px; }
.metis-v37 .m35-story-art figcaption { color:#62646a; padding:8px 8px 0; font-size:15px; }
.metis-v37 .m35-story-passage { gap:40px; padding:52px 0; }
.metis-v37 .m35-passage-copy h3 { font-size:34px; font-weight:600; }
.metis-v37 .m35-story-source { color:#62646a; }
.metis-v37 .m35-step { color:#c23a00; }
.metis-v37 .m35-step span { color:#62646a; }
.metis-v37 .m35-experiment { border-color:#d9dce2; border-top:3px solid #ea4700; padding:34px; }
.metis-v37 .m35-experiment .m35-options label.is-selected { background:#fff2e8; border-color:#ea4700; }
.metis-v37 .m35-options input { accent-color:#c23a00; }
.metis-v37 .m35-live-result { background:#fff; border:1px solid #d9dce2; }
.metis-v37 .m35-live-result figure { background:#f2f5fa; border-color:#d9dce2; padding:12px 18px 20px; }
.metis-v37 .m35-live-result .m36-scene { display:block; width:100%; height:auto; }
.metis-v37 .m35-result-status { color:#282829; font-size:26px; }
.metis-v37 .m35-result-status::before { content:''; display:inline-block; width:9px; height:9px; border-radius:50%; background:#287451; margin:0 10px 3px 0; }
.metis-v37 [data-route=blocked] .m35-result-status::before { background:#ac4925; }
.m36-withheld { display:none; }
[data-route=blocked] .m36-withheld { display:block; }
[data-route=blocked] :is(.m36-allowed,.m36-output-route,.m36-returned-memory) { display:none; }
[data-route=blocked] .m36-gate>path:first-child { fill:#f9efeb; stroke:#a34324; }
.metis-v37 .m35-live-result figcaption { color:#62646a; font-size:13px; }
.metis-v37 .m34-authority>div { padding-top:20px; }
.metis-v37 .m34-authority>div:nth-child(2) { border-top-color:#ea4700; }

/* Arsalan's atlas: a complete map and one adjacent explanation, with named controls. */
.metis-v37 .m36-atlas { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:start; gap:36px; }
.metis-v37 .m36-wheel { width:100%; max-width:none; margin:0; padding:30px; background:#f8f9fc; }
.metis-v37 .m36-wheel svg { max-width:470px; margin:auto; }
.metis-v37 .m36-wheel figcaption { text-align:center; font-size:15px; margin-top:22px; color:#62646a; }
.metis-v37 .m36-wheel .seg.sel path.s { fill:#ea4700; }
.metis-v37 .m36-wheel .seg.sel text { fill:#fff; }
.metis-v37 .m36-wheel .seg:focus-visible { outline:none; }
.metis-v37 .m36-wheel .seg:focus-visible path.s { stroke:#282829; stroke-width:6; }
.metis-v37 .m36-kind-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }
.metis-v37 .m36-kind-list .m34-control { min-height:38px; padding:8px 11px; border:1px solid #d9dce2; background:#fff; border-radius:20px; color:#282829; font-size:14px; gap:7px; font-weight:500; }
.metis-v37 .m36-kind-list .m34-control span:last-child { order:-1; color:#c23a00; }
.metis-v37 .m36-kind-list .m34-control[aria-pressed=true] { background:#282829; color:#fff; border-color:#282829; }
.metis-v37 .m36-kind-list .m34-control[aria-pressed=true] span:last-child { color:#ff9900; }
.metis-v37 .m36-atlas .m34-kind-details { position:static; width:100%; }
.metis-v37 .m36-atlas .m34-kind-details { border:0; padding:0; background:transparent; border-radius:0; }
.metis-v37 .m36-atlas .m34-kind-detail { border:1px solid #d9dce2; border-top:3px solid #ea4700; border-radius:16px; background:#fff; padding:28px; }
.metis-v37 .m36-atlas .m34-kind-detail h4 { font-size:30px; margin:12px 0 18px; }
.metis-v37 .m36-atlas .m34-kind-detail>p { font-size:18px; line-height:1.6; }
.metis-v37 .m36-atlas .m34-kind-detail dl { border-top:1px solid #d9dce2; padding-top:20px; margin-top:24px; }
.metis-v37 .m36-atlas .m34-kind-detail dl>div { grid-template-columns:125px 1fr; }
.metis-v37 .m36-atlas .m34-kind-detail :is(dt,dd) { font-size:15px; line-height:1.5; }
.metis-v37 #kinds { scroll-margin-top:115px; }
.metis-v37 #paper .btn.primary { background:#ea4700; border-color:#ea4700; }
.metis-v37 #paper :is(.read,.pabs,.pmeta,.read span) { color:#62646a; }
.metis-v37 :is(section,header,.m35-story,.m34-kind-detail)[tabindex="-1"]:focus-visible { outline:none; }
.metis-v37 #gap .v32-fold-body>h3,.metis-v37 #gap .v32-fold-body>.lede,.metis-v37 #gap .v33-body { color:#e5e5e8; }
.metis-v37 #gap .m34-events { background:#fff; color:#282829; }
.metis-v37 #gap>.wrap>div:last-child h3 { color:#fff; }
.metis-v37 .m36-atlas .m34-kind-detail dl { display:grid; grid-template-columns:120px 1fr; gap:12px 20px; }
.metis-v37 .m36-atlas .m34-kind-detail .m34-reference-label { font-size:13px; color:#a63d0d; }
.metis-v37 .m36-atlas .m34-taxonomy-note { margin-top:20px; font-size:14px; }

@media(max-width:1000px) {
 .metis-v37 .m36-atlas { gap:24px; }
 .metis-v37 .m36-wheel { padding:20px; }
 .metis-v37 .m36-atlas .m34-kind-detail { padding:22px; }
 .metis-v37 .m36-atlas .m34-kind-detail dl>div { display:block; margin-bottom:15px; }
}
@media(max-width:760px) {
 .metis-v37 .m36-scene text { font-size:22px; }
 .metis-v37 .m35-story-passage { gap:26px; padding:38px 0; }
 .metis-v37 .m35-passage-copy h3 { font-size:30px; }
 .metis-v37 .m35-experiment { padding:24px 20px; }
 .metis-v37 .m35-story-art { padding:14px 10px 20px; }
 .metis-v37 .m35-story-art figcaption { font-size:14px; }
 .metis-v37 .m36-atlas { grid-template-columns:1fr; }
 .metis-v37 .m36-wheel { padding:22px; max-width:510px; margin:auto; }
 .metis-v37 .m36-kind-list .m34-control { min-height:44px; }
 .metis-v37 .m36-atlas .m34-kind-detail { padding:24px; }
 .metis-v37 .m36-atlas .m34-kind-detail dl>div { display:grid; grid-template-columns:110px 1fr; }
}
@media(max-width:400px) {
 .metis-v37 .m36-atlas .m34-kind-detail dl { grid-template-columns:1fr; gap:6px; }
 .metis-v37 .m36-atlas .m34-kind-detail dt:not(:first-child) { margin-top:12px; }
 .metis-v37 .m36-wheel { padding:14px; }
 .metis-v37 .m36-atlas .m34-kind-detail dl>div { display:block; }
 .metis-v37 .m36-atlas .m34-kind-detail dd { margin-top:6px; }
 .metis-v37 .m35-route-labels { font-size:11px; }
 .metis-v37 .m35-passage-copy h3 { font-size:28px; }
 .metis-v37 .m35-story-art figcaption { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .metis-v37 * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.metis-v37 #gap #gapComparison q { color:#282829; }