/* v38: grouped views, local feedback and a lighter capture drawing. */
.metis-v38 [hidden]{display:none!important}
.m38-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.m38-tabs button{font:inherit;font-size:15px;line-height:1.3;min-height:46px;padding:12px 20px;border:1px solid #cbd0d8;border-radius:28px;background:#fff;color:#484b51;cursor:pointer}
.m38-tabs button[aria-selected=true]{background:#282829;color:#fff;border-color:#282829}
.m38-tabs button:focus-visible{outline:2px solid #ea4700;outline-offset:4px}
.m38-view-intro{font-size:15px;line-height:1.6;color:#62646a;margin:12px 0 0}
.m38-views>.m37-phase{border:0;padding-bottom:20px}
.m38-views>[role=tabpanel]:focus-visible{outline:2px solid #ea4700;outline-offset:6px}
.m37-phase-head .m38-starting-point{font-size:15px;margin-top:16px;color:#555960}
.m38-builder-reference{margin-top:55px;padding-top:8px;border-top:1px solid #d9dce2}
.metis-v38 .m38-builder-reference :is(#fragment,#chaindet,#structured-record){margin:0;padding:32px 0 0;border:0;border-radius:0;background:none}
.metis-v38 .m38-depth-section{border-bottom:0;padding-bottom:0}
.metis-v38 #depth{border:0;padding-bottom:0;margin-bottom:0}
.metis-v38 .v33-trace-link{display:block;max-width:none}
.metis-v38 .v33-trace-link a{display:inline;margin:0 0 0 .35em;white-space:normal}
.metis-v38 .m37-loop{background:#f5f6f8;border:1px solid #e0e3e8;padding:20px}
.metis-v38 .m37-loop .node circle.c{fill:#fff;stroke:#b9bec7;stroke-width:2}
.metis-v38 .m37-loop .node text{fill:#282829}
.metis-v38 .m37-loop .node .ic{color:#484b51!important}
.metis-v38 .m37-loop .node.on circle.c{fill:#fff0e5;stroke:#ea4700;stroke-width:3}
.metis-v38 .m37-loop .node.on .ic{color:#c63c00!important}
.metis-v38 .m37-loop .node.on .halo{opacity:0}
.metis-v38 .m37-loop .node.done circle.c{stroke:#b9bec7}
.metis-v38 .m37-loop .node:focus-visible circle.c{stroke:#282829;stroke-width:4}
.metis-v38 .m37-loop .seg{stroke:#bbc0c8;stroke-width:3}
.metis-v38 .m37-loop .seg.done{stroke:#ea4700}
.m38-current-step{display:flex;align-items:baseline;gap:10px;font-size:13px;color:#62646a;margin:0 0 18px}
.m38-current-step strong{color:#bc3c0b;font-weight:550}
.metis-v38 .m37-step-panels{min-height:140px}
.metis-v38 .m37-question[hidden]{display:none;visibility:visible}
.metis-v38 #wheel .seg.sel .s{fill:var(--atlas-accent)!important;stroke:#282829;stroke-width:2}
.metis-v38 #wheel .seg.sel text{fill:#171719!important;paint-order:stroke;stroke:#ffffff66;stroke-width:1px}
.metis-v38 #wheel .seg[data-kind=K14].sel text,.metis-v38 #wheel .seg[data-kind=K15].sel text,.metis-v38 #wheel .seg[data-kind=K16].sel text,.metis-v38 #wheel .seg[data-kind=K17].sel text{fill:#fff!important;stroke:none}
.metis-v38 #wheel .seg:focus-visible .s{stroke:#171719;stroke-width:5}
.m38-atlas-centre{pointer-events:none;font-family:inherit;fill:#282829}
#atlasKey{font-size:62px;font-weight:600;fill:#282829}
#atlasName{font-size:29px;font-weight:500}
.m38-atlas-hint{font-size:20px;fill:#62646a}
.metis-v38 .m36-atlas-detail{border-top:4px solid var(--atlas-accent);padding-top:20px}
.m38-domain{font-size:14px;line-height:1.5;color:#555960;margin:0 0 22px;display:flex;align-items:center;gap:9px}
.m38-domain:before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--atlas-accent);flex-shrink:0}
.metis-v38 #kinds .m34-kind-detail{border:0;border-left:0;background:transparent;padding:0}
.metis-v38 #kinds .m34-kind-detail :is(h4,.m34-reference-label,dt){color:#282829}
.metis-v38 #kinds .m34-kind-details{min-height:300px}
.metis-v38 .m37-gate .m35-experiment-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 40px}
.metis-v38 .m37-gate .m35-situation{grid-column:1;grid-row:1 / span 2}
.metis-v38 .m38-gate-picture{grid-column:2;grid-row:1;background:#f8f9fc;border:1px solid #e0e3e8;border-radius:8px 8px 0 0;margin:0;padding:12px 20px 22px}
.metis-v38 .m37-gate .m35-live-result{grid-column:2;grid-row:2;min-height:0;border-top:0;border-radius:0 0 8px 8px}
.metis-v38 #try-conditions[data-route=allowed] .m36-gate>path:first-child{fill:#eaf6ef;stroke:#238047}
.metis-v38 #try-conditions[data-route=allowed] .m36-allowed{stroke:#238047;display:block}
.metis-v38 #try-conditions[data-route=allowed] .m36-withheld{display:none}
.metis-v38 #try-conditions[data-route=blocked] .m36-allowed{display:none}
.metis-v38 #try-conditions[data-route=blocked] .m36-withheld{display:block}
.metis-v38 #try-conditions[data-route=blocked] :is(.m36-output-route,.m36-returned-memory){opacity:0}
.metis-v38 .m38-gate-picture svg{width:100%;height:auto;display:block}
@media(max-width:1000px){
 .metis-v38 .m37-gate .m35-experiment-grid{grid-template-columns:1fr}
 .metis-v38 .m37-gate .m35-situation{grid-column:1;grid-row:2}
 .metis-v38 .m38-gate-picture{grid-column:1;grid-row:1;max-width:580px;width:100%;margin:0 auto 22px;border-radius:8px}
 .metis-v38 .m37-gate .m35-live-result{grid-column:1;grid-row:3;border:1px solid #d9dce2;border-radius:8px;margin-top:20px}
 .metis-v38 .m37-review .m37-ladder{max-width:520px}
}
@media(max-width:760px){
 .m38-tabs{gap:6px}.m38-tabs button{font-size:13px;padding:11px 14px}
 .m38-views>.m37-phase{padding-top:28px}.m37-phase-head{margin-bottom:22px}
 .metis-v38 #gap .m37-atlas-section{padding:24px 14px}
 .metis-v38 #wheel{max-width:360px;padding:0}
 .metis-v38 .m36-atlas{gap:20px}
 .metis-v38 .m36-atlas-detail{padding-top:16px}.m38-domain{margin-bottom:15px}
 .metis-v38 #kinds .m34-kind-details{min-height:0}
 .metis-v38 .m37-loop{max-width:340px;padding:8px}
 .metis-v38 .m37-capture{gap:18px}
 .m38-current-step{margin-bottom:12px}
 .metis-v38 .m37-step-panels{min-height:0}
 .metis-v38 .m37-account{margin-top:20px}
 .metis-v38 .m37-review{gap:18px}
 .metis-v38 .m37-review .m37-ladder{max-width:400px;margin:0 auto;padding:0}
 .metis-v38 .m37-outcomes label{min-height:70px;padding:10px 8px}
 .metis-v38 .m37-verdict{margin-top:16px;padding-top:16px}
 .metis-v38 .m38-gate-picture{padding:0 8px 14px;margin-bottom:16px}
 .metis-v38 .m38-gate-picture svg{max-height:170px}
 .metis-v38 .m37-condition-intro{font-size:15px;margin:0}
 .metis-v38 .m37-gate .m35-controls{margin-top:10px}
 .metis-v38 .m37-gate .m35-quick-result{display:block;margin-top:12px;padding:12px 14px;background:#f3f5f7;border-radius:5px}
 .metis-v38 .m37-gate .m35-quick-result p{margin:0;font-size:14px}
 .metis-v38 .m37-gate .m35-quick-result p:first-child{font-size:17px;margin-bottom:4px}
 .metis-v38 .m34-field-tabs{gap:6px}
 .metis-v38 .m34-field-tabs button{min-height:44px}
 .m38-builder-reference{margin-top:35px}
}
.metis-v38 #kinds .m34-kind-detail>.m34-reference-label{display:none}
@media(max-width:760px){
 .metis-v38 .m37-gate .m35-quick-result,.metis-v38 .m34-mobile-outcome{position:sticky;top:78px;z-index:4;background:#fff;box-shadow:0 2px 8px #28282914;border:1px solid #d9dce2}
 .metis-v38 .m34-mobile-outcome{padding:12px 14px}
 .metis-v38 :is(.m35-more-settings,.m34-condition-fields) input{scroll-margin-top:190px}
}
.metis-v38 .m38-builder-reference{border-top:0;margin-top:30px}
.metis-v38 .m38-builder-reference #structured-record{margin-top:28px;border:1px solid #d9dce2;border-radius:6px;padding:0}
.metis-v38 .m38-views>[role=tabpanel]:focus-visible{outline:none}
@media(max-width:380px){
 .metis-v38 .m38-tabs{gap:5px}
 .metis-v38 .m38-tabs button{font-size:12px;padding:11px 10px}
}
@media(min-width:761px) and (max-width:1000px){
 .metis-v38 .m37-capture>div:first-child,.metis-v38 .m37-loop{max-width:400px}
 .metis-v38 .m37-atlas-section .m36-wheel{max-width:440px}
 .metis-v38 .m37-memory .m37-art{max-width:440px}
}
.m38-tabs{scroll-margin-top:96px}
@media(max-width:760px){.m38-tabs{scroll-margin-top:88px}}
/* Result changes must not let browser anchoring move the visitor's controls. */
.metis-v38{overflow-anchor:none}
@media(min-width:1001px){
 .metis-v38 .m37-gate .m35-result-copy{min-height:450px}
 .metis-v38 .m37-review .m37-verdict{min-height:170px}
 .metis-v38 .m37-review .m37-limits{min-height:165px}
}