
/* Complete interactive components. The original SVG geometry is retained. */
.metis-v37 { --m37-ink:#282829; --m37-muted:#62646a; --m37-line:#d9dce2; --m37-field:#f2f5fa; --m37-orange:#ea4700; }
.m37-composition { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:52px;align-items:center; }
.m37-art { margin:0;padding:22px;background:#f8f9fc;border-radius:10px;min-width:0; }
.m37-art svg { display:block;width:100%;height:auto;max-height:none;overflow:visible; }
.m37-memory { margin:44px 0 0; }
.m37-memory { scroll-margin-top:115px; }
.metis-v37 #memory-reference[tabindex="-1"]:focus-visible { outline:none; }
.m37-memory-intro { max-width:78ch;margin:28px 0 0;color:#62646a;font-size:17px;line-height:1.65; }
.m37-memory .m37-art { background:radial-gradient(#dfe2e8 .8px,transparent .9px);background-size:20px 20px; }
.m37-memory .slab { cursor:pointer; }
.m37-memory .slab .front { transition:stroke .25s,stroke-width .25s; }
.m37-memory .slab:is(.sel,:hover) .front { stroke:#ea4700;stroke-width:3.5; }
.m37-memory .slab:focus-visible { outline:none; }
.m37-memory .slab:focus-visible .front { stroke:#282829;stroke-width:5; }
.m37-memory .breathe,.m37-memory .flow,.m37-memory .tglow { animation:none; }
.m37-memory-controls { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px; }
.m37-memory-controls button { font:inherit;font-size:14px;background:transparent;border:1px solid #d9dce2;border-radius:5px;padding:10px 12px;color:#62646a;cursor:pointer;min-height:44px; }
.m37-memory-controls button[aria-pressed=true] { background:#282829;border-color:#282829;color:#fff; }
.m37-memory-panels { min-height:345px; }
.m37-memory-panel[hidden] { display:none; }
.m37-memory-panel:not([hidden]) { animation:m37-enter .3s ease-out; }
.m37-memory-panel .k { color:#bf3c08;font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 16px; }
.m37-memory-panel h3 { font-size:29px;line-height:1.17;font-weight:550;letter-spacing:-.025em;margin:0 0 20px; }
.m37-memory-panel p { font-size:17px;line-height:1.65;color:#62646a;margin:0 0 20px; }
.m37-memory-panel .eg { border-left:2px solid #ea4700;padding-left:18px;color:#282829; }
.m37-memory-panel .eg b { font-weight:500; }
.m37-memory-panel .fine { font-size:14px;margin-bottom:0; }
@keyframes m37-enter { from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none} }
.m37-sr { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.m37-gap-explanation { margin:38px 0;max-width:82ch; }
.m37-gap-explanation>.lede { font-size:18px;line-height:1.7;color:#e2e2e6; }
.m37-gap-notes p { font-size:15px;line-height:1.6;color:#c7c7cd; }
.metis-v37 #gap .m37-atlas-section { color:#282829;background:#fff;margin-top:65px;padding:44px;border-radius:12px; }
.metis-v37 #gap #kinds .ch-head { margin:0 0 32px; }
.metis-v37 #gap #kinds .ch-head :is(h3,.lede) { color:#282829; }
.metis-v37 #gap #kinds .ch-head h3 { font-size:34px; }
.metis-v37 #gap #kinds .ch-head .eye { color:#bf3c08; }
.metis-v37 #gap #kinds .ch-head .lede { font-size:17px;line-height:1.65; }
.m37-atlas-section .m34-kind-details { min-height:320px; }
.m37-atlas-section .m34-kind-detail:not([hidden]) { animation:m37-enter .25s ease; }
.metis-v37 #kinds[tabindex="-1"]:focus-visible { outline:none; }
.m37-atlas-section .m34-kind-mobile { margin-bottom:18px; }
.m37-walkthrough { margin-top:40px; }
.m37-walkthrough :is(button,input,textarea),.m37-memory button,.m37-atlas-section select { scroll-margin-top:115px;scroll-margin-bottom:35px; }
.m37-example-top { display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 0;border-top:1px solid #d9dce2;border-bottom:1px solid #d9dce2; }
.m37-example-top p { margin:0;font-size:15px;color:#62646a; }
.m37-example-top p span { margin-left:22px;color:#282829; }
.m37-overview { max-width:78ch;font-size:17px;line-height:1.7;color:#62646a;margin:28px 0 0; }
.m37-phase { padding:52px 0;border-bottom:1px solid #d9dce2;scroll-margin-top:100px; }
.m37-phase-head { margin-bottom:32px; }
.m37-phase-head h3 { margin:0 0 16px;font-weight:550;font-size:34px;line-height:1.2;letter-spacing:-.025em; }
.m37-phase-head>p:not(.m37-eyebrow) { max-width:78ch;font-size:17px;line-height:1.65;color:#62646a;margin:0; }
.m37-phase-head>p.m37-secondary { margin-top:12px; }
.m37-eyebrow { color:#bc3c0b;font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px;font-weight:600; }
.m37-small-label { margin:0 0 12px;font-size:12px;line-height:1.5;color:#62646a;letter-spacing:.045em;text-transform:uppercase;font-weight:550; }
.m37-capture { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:42px; }
.m37-loop { padding:24px;background:#282829;border-radius:12px; }
.m37-loop .node { cursor:pointer; }
.m37-loop .node circle.c { fill:#343437;stroke:#818187;transition:fill .3s,stroke .3s; }
.m37-loop .node text { fill:#fff;pointer-events:none; }
.m37-loop .node.on circle.c { fill:#ea4700;stroke:#ffb163; }
.m37-loop .node.done circle.c { stroke:#ff9900; }
.m37-loop .node .halo { opacity:0;transition:opacity .3s; }
.m37-loop .node.on .halo { opacity:1; }
.m37-loop .seg { stroke:#77777e;transition:stroke .3s; }
.m37-loop .seg.done { stroke:#ff9900; }
.m37-loop .node:focus-visible { outline:none; }
.m37-loop .node:focus-visible circle.c { stroke:#fff;stroke-width:5; }
.m37-loop :is(.breathe,.flow) { animation:none; }
.m37-capture-tabs { display:flex;justify-content:space-between;gap:4px;margin-top:16px; }
.m37-capture-tabs button { flex:1;min-width:0;min-height:44px;padding:8px 3px;border:0;border-bottom:2px solid transparent;background:transparent;font:inherit;font-size:13px;color:#62646a;cursor:pointer; }
.m37-capture-tabs button[aria-pressed=true] { color:#bc3c0b;border-bottom-color:#ea4700; }
.m37-step-panels { min-height:151px; }
.m37-step-panel:not([hidden]) { animation:m37-enter .25s ease-out; }
.m37-step-panel h4 { font-size:26px;line-height:1.2;font-weight:550;letter-spacing:-.02em;margin:0 0 14px; }
.m37-step-panel p:not(.m37-small-label) { font-size:16px;line-height:1.6;color:#62646a;margin:0; }
.m37-question { padding:16px 18px;background:#fff;border-left:2px solid #ea4700;margin:18px 0; }
.m37-question p { margin:0;font-size:16px;line-height:1.55; }
.m37-question .m37-small-label { font-size:11px;margin-bottom:7px; }
.is-enhanced .m37-question[hidden] { display:block;visibility:hidden; }
.m37-account { background:#fff;border:1px solid #d9dce2;border-top:3px solid #ea4700;border-radius:8px;padding:22px; }
.m37-account header { display:flex;justify-content:space-between;gap:15px;align-items:baseline; }
.m37-account header>span { font-size:12px;color:#bb3a00; }
.m37-account blockquote { font-size:23px;line-height:1.35;letter-spacing:-.02em;margin:5px 0 20px;color:#282829; }
#fragmentAccount,[data-m35-account] { overflow-wrap:anywhere; }
.m37-account dl { display:grid;grid-template-columns:1fr 1.3fr;gap:20px;padding-top:14px;border-top:1px solid #e2e3e7;margin:0; }
.m37-account dt { font-size:12px;color:#62646a;margin-bottom:5px; }
.m37-account dd { font-size:14px;line-height:1.5;margin:0; }
.m37-actions { display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px; }
.m37-actions button,.m37-text-button { font:inherit;font-size:14px;padding:10px 14px;min-height:44px;border:1px solid #bfc3cc;border-radius:5px;background:transparent;color:#282829;cursor:pointer; }
.m37-actions .m37-primary { background:#282829;border-color:#282829;color:#fff; }
.m37-actions .m37-text-button,.m37-text-button { border:0;border-radius:0;text-decoration:underline;text-underline-offset:5px; }
.m37-editor { margin-top:18px; }
.m37-editor label { display:block;font-size:14px;margin-bottom:10px; }
.m37-editor textarea { width:100%;padding:14px;font:inherit;line-height:1.6;border:1px solid #8b8d94;border-radius:5px;background:#fff;resize:vertical; }
.m37-editor [role=alert] { font-size:14px;color:#aa3510; }
.m37-review { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:start; }
.m37-ladder { background:radial-gradient(#dfe2e8 .8px,transparent .9px);background-size:20px 20px;padding:12px 0; }
.m37-ladder #tok { transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .25s; }
.m37-ladder .lv .sfront { transition:fill .3s,stroke .3s; }
.m37-ladder .lv.lit .sfront { fill:#fff3e9;stroke:#ea4700; }
.m37-ladder .lv.lit .stop { fill:#ffe1c9; }
.m37-ladder .usepath { opacity:0;transition:opacity .45s ease; }
.m37-ladder.promoted .usepath { opacity:1; }
.m37-ladder .usepath path,.m37-ladder .breathe { animation:none; }
.m37-ladder .whisp { opacity:.35;transition:opacity .3s; }
.m37-ladder.clarify .whisp { opacity:1; }
.m37-outcomes { border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px; }
.m37-outcomes label { cursor:pointer;display:flex;align-items:flex-start;gap:9px;border:1px solid #cdd1da;border-radius:6px;padding:13px 10px;min-height:78px;background:#fff;font-size:14px;line-height:1.35; }
.m37-outcomes input { margin:3px 0 0;accent-color:#bf3c08; }
.m37-outcomes small { display:block;font-size:12px;line-height:1.5;color:#62646a;margin-top:4px; }
.m37-outcomes label.is-selected { border-color:#ea4700;background:#fff5ee; }
.m37-outcomes:disabled { opacity:.5; }
.m37-verdict { min-height:150px;padding:23px 0 20px;margin:20px 0 0;border-top:1px solid #ccd0d8; }
.m37-verdict .m37-small-label { color:#bf3c08; }
.m37-verdict p:last-child { font-size:16px;line-height:1.65;margin:0; }
.m37-limits { margin:0;border-top:1px solid #ccd0d8; }
.m37-limits>div { display:grid;grid-template-columns:95px 1fr;gap:14px;margin:15px 0; }
.m37-limits dt { color:#62646a;font-size:13px; }.m37-limits dd { margin:0;font-size:14px;line-height:1.55; }
.m37-feedback { font-size:15px;line-height:1.6;margin:0 0 18px; }
.m37-authority-defs { display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:22px;margin:28px 0 0;border-top:1px solid #d9dce2; }
.m37-authority-defs dt { font-size:17px;margin:0 0 8px;font-weight:550; }
.m37-authority-defs dd { margin:0; }
.m37-authority-defs dd>.m34-label { font-size:11px;font-weight:500;color:#62646a; }
.m37-authority-defs p { font-size:14px;line-height:1.6;margin:9px 0 0;color:#62646a; }
.m37-gate { padding:0;scroll-margin-top:110px; }
.m37-gate .m35-experiment-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:40px; }
.m37-condition-intro { font-size:17px;line-height:1.6;max-width:36ch; }
.m37-gate .m35-controls { margin-top:20px; }
.m37-gate .m35-condition>p { font-size:13px;line-height:1.5; }
.m37-gate .m35-live-result { min-height:620px; }
.m37-gate .m35-result-status { font-size:26px; }
.m37-gate .m36-output-route,.m37-gate .m36-returned-memory { display:block!important;opacity:1;transition:opacity .3s; }
.m37-gate [data-route=blocked] .m36-output-route,.m37-gate [data-route=blocked] .m36-returned-memory { opacity:0; }
.m37-gate .m35-live-result figure { padding:12px 20px 22px; }
.m37-gate .m35-quick-result { display:none; }
@media(max-width:1000px){
 .m37-composition,.m37-capture,.m37-review{grid-template-columns:1fr;gap:30px}.m37-memory-panel h3{font-size:28px}
 .m37-art{width:100%;max-width:580px;margin:0 auto}.m37-memory-panels{min-height:0}.m37-capture>div:first-child{width:100%;max-width:580px;margin:auto}
 .metis-v37 .m37-atlas-section .m36-atlas{grid-template-columns:1fr}.metis-v37 .m37-atlas-section .m36-wheel{max-width:560px;margin:auto}
 .m37-gate .m35-experiment-grid{grid-template-columns:1fr}.m37-gate .m35-live-result{min-height:0}
}
@media(max-width:760px){
 .m37-composition{grid-template-columns:1fr;gap:26px}.m37-art{padding:12px}.m37-memory{margin-top:30px}
 .m37-memory-panels{min-height:0}.m37-memory-controls{margin-bottom:22px}.m37-memory-panel h3{font-size:28px}
 .m37-memory .slab text:first-of-type{font-size:36px}.m37-memory .slab text:last-of-type{font-size:22px}
 .m37-memory svg>text{font-size:24px;letter-spacing:1px}
 .metis-v37 #gap .m37-atlas-section{padding:24px 18px;margin:42px -8px 0}.metis-v37 #gap #kinds .ch-head h3{font-size:29px}
 .m37-atlas-section .m34-kind-details{min-height:350px}.m37-example-top{align-items:flex-start;gap:10px}.m37-example-top p span{display:block;margin:6px 0 0}
 .metis-v37 .m37-atlas-section .m36-kind-list{display:none}.metis-v37 .m37-atlas-section .m34-kind-mobile{display:block}
 .metis-v37 .m37-atlas-section .m34-kind-mobile select{background:#fff;border-color:#bfc3cc;color:#282829}
 .m37-phase{padding:36px 0}.m37-phase-head h3{font-size:29px}.m37-capture,.m37-review{grid-template-columns:1fr;gap:28px}
 .m37-loop{max-width:450px;margin:auto;padding:16px}.m37-loop .node text{font-size:25px}.m37-loop .node text:last-child{font-size:18px}
 .m37-step-panels{min-height:140px}.m37-step-panel h4{font-size:25px}.is-enhanced .m37-question[hidden]{display:none}
 .m37-account{padding:20px}.m37-account dl{grid-template-columns:1fr;gap:12px}.m37-account dl>div{display:grid;grid-template-columns:65px 1fr;gap:10px}
 .m37-review .m37-ladder{margin:0 -8px}.m37-ladder .lv text:first-of-type{font-size:29px}.m37-ladder .lv text:last-of-type{font-size:17px}
 .m37-ladder svg>.gate-lbl{font-size:20px}.m37-outcomes{gap:8px}.m37-outcomes label{min-height:82px;font-size:14px;padding:12px 8px}
 .m37-verdict{min-height:0}.m37-authority-defs{grid-template-columns:1fr;gap:20px;margin-top:18px}.m37-authority-defs>div{display:grid;grid-template-columns:85px 1fr;gap:15px}
 .m37-authority-defs dt{font-size:16px}.m37-authority-defs dd>.m34-label{display:none}.m37-authority-defs p{margin:0}
 .m37-gate .m35-experiment-grid{grid-template-columns:1fr;gap:22px}.m37-gate .m35-live-result{min-height:0}.m37-gate .m35-quick-result{display:block;padding:18px 0}
 .m37-gate .m35-quick-result p{margin:0 0 7px;font-size:15px;line-height:1.5}.m37-gate .m35-quick-result p:first-child{font-size:17px}
 .m37-gate .m35-quick-result a{display:inline-block;font-size:15px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){
 .m37-memory-panel:not([hidden]){animation:none}.m37-memory .slab .front{transition:none}
 .m37-step-panel:not([hidden]),.m37-atlas-section .m34-kind-detail:not([hidden]){animation:none}
 .m37-loop :is(.node circle.c,.node .halo,.seg),.m37-ladder :is(#tok,.lv .sfront,.usepath,.whisp),.m37-gate :is(.m36-output-route,.m36-returned-memory){transition:none}
}

