.concept-explainer-module__BNXV1q__explainer{border:1px solid var(--color-studio-border);background:var(--color-studio-surface);color:var(--color-studio-ink);box-shadow:0 16px 38px color-mix(in srgb,var(--color-studio-ink) 7%,transparent);border-radius:16px;margin:20px 0;overflow:clip;container-type:inline-size}.concept-explainer-module__BNXV1q__heading{border-bottom:1px solid var(--color-studio-border);padding:26px 28px 22px}.concept-explainer-module__BNXV1q__eyebrow{font:.62rem/1.7 var(--font-mono);letter-spacing:.06em;color:var(--color-studio-cobalt);margin:0 0 10px;display:block}.concept-explainer-module__BNXV1q__heading h3{max-width:32ch;font:500 clamp(1.4rem,2.5vw,1.9rem)/1.2 var(--font-display);letter-spacing:-.035em;margin:0 0 14px}.concept-explainer-module__BNXV1q__heading>p:last-child{max-width:90ch;font:.94rem/1.85 var(--font-sans);margin:0}.concept-explainer-module__BNXV1q__workbench{grid-template-columns:minmax(0,1fr) 270px;align-items:stretch;display:grid}.concept-explainer-module__BNXV1q__map{background:var(--color-studio-muted);min-width:0}.concept-explainer-module__BNXV1q__mapLabel{font:.59rem/1.7 var(--font-mono);color:var(--color-studio-subtle);flex-wrap:wrap;justify-content:space-between;gap:14px;padding:16px 18px 0;display:flex}.concept-explainer-module__BNXV1q__canvas{background-image:radial-gradient(var(--color-studio-border) 1px,transparent 1px);background-size:20px 20px;min-width:0;position:relative}.concept-explainer-module__BNXV1q__connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.concept-explainer-module__BNXV1q__connection path{fill:none;stroke:var(--color-studio-subtle);stroke-width:1.4px;opacity:.7;transition:stroke .2s,opacity .2s}.concept-explainer-module__BNXV1q__connection text{font:500 11px var(--font-sans);fill:var(--color-studio-subtle);paint-order:stroke;stroke:var(--color-studio-muted);stroke-width:5px;stroke-linejoin:round}.concept-explainer-module__BNXV1q__connection[data-active] path{stroke:var(--color-studio-cobalt);stroke-width:2.5px;opacity:1}.concept-explainer-module__BNXV1q__connection[data-active] text{fill:var(--color-studio-cobalt)}.concept-explainer-module__BNXV1q__connection[data-return] path{stroke-dasharray:5 4;stroke:var(--color-studio-teal)}.concept-explainer-module__BNXV1q__connection[data-return] text{fill:var(--color-studio-teal)}.concept-explainer-module__BNXV1q__boundary rect{fill:color-mix(in srgb,var(--color-studio-cobalt) 3%,transparent);stroke:var(--color-studio-cobalt);stroke-dasharray:4 5;stroke-opacity:.45}.concept-explainer-module__BNXV1q__boundary text{fill:var(--color-studio-cobalt);font:500 10px var(--font-mono)}.concept-explainer-module__BNXV1q__part{border:1px solid var(--color-studio-border);text-align:left;background:var(--color-studio-surface);color:var(--color-studio-ink);box-shadow:0 4px 0 color-mix(in srgb,var(--color-studio-ink) 7%,transparent),0 9px 20px color-mix(in srgb,var(--color-studio-ink) 5%,transparent);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;padding:13px 14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:absolute}.concept-explainer-module__BNXV1q__part:hover{border-color:var(--color-studio-cobalt);transform:translateY(-2px)}.concept-explainer-module__BNXV1q__part[data-active]{border-color:var(--color-studio-cobalt);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-studio-cobalt) 13%,transparent),0 4px 0 color-mix(in srgb,var(--color-studio-cobalt) 18%,transparent)}.concept-explainer-module__BNXV1q__partTop{width:100%;color:var(--color-studio-cobalt);align-items:center;gap:9px;display:flex}.concept-explainer-module__BNXV1q__partTop svg{flex-shrink:0;width:23px;height:23px}.concept-explainer-module__BNXV1q__partTop>span{font:.53rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.03em}.concept-explainer-module__BNXV1q__part strong{font:500 .9rem/1.3 var(--font-display);letter-spacing:-.025em;overflow-wrap:break-word}.concept-explainer-module__BNXV1q__part[data-kind=data] .concept-explainer-module__BNXV1q__partTop,.concept-explainer-module__BNXV1q__part[data-kind=object] .concept-explainer-module__BNXV1q__partTop{color:var(--color-studio-teal)}.concept-explainer-module__BNXV1q__part[data-kind=index] .concept-explainer-module__BNXV1q__partTop{color:var(--color-studio-amber)}.concept-explainer-module__BNXV1q__sample{border-top:1px solid var(--color-studio-border);max-width:100%;font:.66rem/1.55 var(--font-mono);color:var(--color-studio-subtle);overflow-wrap:anywhere;padding-top:7px;display:block}.concept-explainer-module__BNXV1q__part[data-kind=decision] .concept-explainer-module__BNXV1q__partTop{color:var(--color-studio-subtle)}.concept-explainer-module__BNXV1q__key{font:.65rem/1.6 var(--font-sans);color:var(--color-studio-subtle);flex-wrap:wrap;gap:18px;padding:0 18px 18px;display:flex}.concept-explainer-module__BNXV1q__key>span{align-items:center;gap:7px;display:flex}.concept-explainer-module__BNXV1q__key i{border-top:2px solid var(--color-studio-cobalt);width:17px;display:inline-block}.concept-explainer-module__BNXV1q__key .concept-explainer-module__BNXV1q__returnKey{border-top:2px dashed var(--color-studio-teal)}.concept-explainer-module__BNXV1q__boundaryNote{font:.7rem/1.7 var(--font-sans);color:var(--color-studio-cobalt);margin:0;padding:0 18px 14px}.concept-explainer-module__BNXV1q__inspector{border-left:1px solid var(--color-studio-border);background:var(--color-studio-muted);padding:24px}.concept-explainer-module__BNXV1q__inspectorIcon{border:1px solid var(--color-studio-border);background:var(--color-studio-surface);width:44px;height:44px;color:var(--color-studio-cobalt);border-radius:9px;place-items:center;margin-bottom:24px;display:inline-grid}.concept-explainer-module__BNXV1q__inspectorIcon svg{width:26px;height:26px}.concept-explainer-module__BNXV1q__inspector h4{font:500 1.3rem/1.25 var(--font-display);letter-spacing:-.025em;margin:0 0 14px}.concept-explainer-module__BNXV1q__inspector>p:not(.concept-explainer-module__BNXV1q__eyebrow){font:.87rem/1.85 var(--font-sans);margin:0}.concept-explainer-module__BNXV1q__evidence{border-top:1px solid var(--color-studio-border);margin-top:22px;padding-top:20px}.concept-explainer-module__BNXV1q__evidence>span{color:var(--color-studio-teal);font:.6rem/1.7 var(--font-mono);text-transform:uppercase;letter-spacing:.03em;display:block}.concept-explainer-module__BNXV1q__evidence p{font:.8rem/1.8 var(--font-mono);overflow-wrap:anywhere;margin:10px 0 0}.concept-explainer-module__BNXV1q__evidence ul{font:.77rem/1.8 var(--font-sans);margin:10px 0 0;padding:0;list-style:none}.concept-explainer-module__BNXV1q__evidence li+li{margin-top:8px}.concept-explainer-module__BNXV1q__example{border-bottom:1px solid var(--color-studio-border);background:var(--color-studio-muted);padding:20px 24px 24px}.concept-explainer-module__BNXV1q__exampleHeading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.concept-explainer-module__BNXV1q__exampleHeading .concept-explainer-module__BNXV1q__eyebrow{margin:0}.concept-explainer-module__BNXV1q__exampleHeading p{font:500 1.05rem/1.5 var(--font-display);margin:6px 0 0}.concept-explainer-module__BNXV1q__exampleLabel{font:.62rem/1.6 var(--font-mono);color:var(--color-studio-subtle)}.concept-explainer-module__BNXV1q__frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.concept-explainer-module__BNXV1q__frames li{min-width:0}.concept-explainer-module__BNXV1q__frames button{text-align:left;border:1px solid var(--color-studio-border);background:var(--color-studio-muted);width:100%;height:100%;min-height:60px;color:var(--color-studio-ink);font:500 .8rem/1.5 var(--font-sans);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.concept-explainer-module__BNXV1q__frames button>span{font:.6rem/1 var(--font-mono);color:var(--color-studio-cobalt)}.concept-explainer-module__BNXV1q__frames b{font-weight:400}.concept-explainer-module__BNXV1q__frames [aria-current]{border-color:var(--color-studio-cobalt);background:var(--color-studio-cobalt);color:var(--color-field-white)}.concept-explainer-module__BNXV1q__frames [aria-current]>span{color:var(--color-field-white)}.concept-explainer-module__BNXV1q__frameControls{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:12px;display:flex}.concept-explainer-module__BNXV1q__frameControls button{min-height:44px;color:var(--color-studio-cobalt);font:.76rem/1.5 var(--font-sans);cursor:pointer;background:0 0;border:0}.concept-explainer-module__BNXV1q__frameControls button:disabled{opacity:.45;cursor:default}.concept-explainer-module__BNXV1q__reading{border-top:1px solid var(--color-studio-border);background:var(--color-studio-muted);padding:8px 24px}.concept-explainer-module__BNXV1q__reading details+details{border-top:1px solid var(--color-studio-border)}.concept-explainer-module__BNXV1q__reading summary{min-height:50px;font:500 .83rem/1.65 var(--font-sans);cursor:pointer;padding:16px 0}.concept-explainer-module__BNXV1q__reading ol{gap:15px;margin:0;padding:0 0 18px;list-style:none;display:grid}.concept-explainer-module__BNXV1q__reading li{align-items:baseline;gap:14px;display:flex}.concept-explainer-module__BNXV1q__reading li>span{font:.62rem/1.5 var(--font-mono);color:var(--color-studio-cobalt)}.concept-explainer-module__BNXV1q__reading strong{font:500 .85rem/1.7 var(--font-display)}.concept-explainer-module__BNXV1q__reading p{font:.84rem/1.8 var(--font-sans);margin:6px 0 0}.concept-explainer-module__BNXV1q__check p{border-left:3px solid var(--color-studio-teal);margin:0 0 18px;padding:4px 0 4px 16px}.concept-explainer-module__BNXV1q__explainer :is(button,summary):focus-visible{outline:3px solid var(--color-studio-cobalt);outline-offset:4px;z-index:2}@container (max-width:900px){.concept-explainer-module__BNXV1q__workbench{grid-template-columns:minmax(0,1fr)}.concept-explainer-module__BNXV1q__inspector{border-left:0;border-top:1px solid var(--color-studio-border);grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.concept-explainer-module__BNXV1q__inspectorIcon{display:none}.concept-explainer-module__BNXV1q__inspector .concept-explainer-module__BNXV1q__eyebrow,.concept-explainer-module__BNXV1q__inspector h4,.concept-explainer-module__BNXV1q__inspector>p{grid-column:1}.concept-explainer-module__BNXV1q__evidence{border-top:0;border-left:1px solid var(--color-studio-border);grid-area:1/2/4;margin:0;padding:0 0 0 24px}}@container (max-width:570px){.concept-explainer-module__BNXV1q__heading{padding:22px 18px}.concept-explainer-module__BNXV1q__heading h3{font-size:1.5rem}.concept-explainer-module__BNXV1q__heading>p:last-child{font-size:.9rem}.concept-explainer-module__BNXV1q__mapLabel{gap:6px;font-size:.54rem}.concept-explainer-module__BNXV1q__part{padding:12px 10px}.concept-explainer-module__BNXV1q__part strong{font-size:.86rem}.concept-explainer-module__BNXV1q__partTop{gap:6px}.concept-explainer-module__BNXV1q__partTop>span{font-size:.5rem}.concept-explainer-module__BNXV1q__partTop svg{width:20px;height:20px}.concept-explainer-module__BNXV1q__inspector{padding:22px 18px;display:block}.concept-explainer-module__BNXV1q__inspector h4{font-size:1.2rem}.concept-explainer-module__BNXV1q__evidence{border-left:0;border-top:1px solid var(--color-studio-border);margin-top:16px;padding:16px 0 0}.concept-explainer-module__BNXV1q__example{padding:20px 18px}.concept-explainer-module__BNXV1q__exampleHeading{display:block}.concept-explainer-module__BNXV1q__exampleLabel{margin-top:8px;display:block}.concept-explainer-module__BNXV1q__frames{grid-template-columns:1fr}.concept-explainer-module__BNXV1q__frames button{min-height:52px}.concept-explainer-module__BNXV1q__reading{padding:4px 18px}.concept-explainer-module__BNXV1q__key{gap:8px;font-size:.6rem}.concept-explainer-module__BNXV1q__frameControls{gap:8px}.concept-explainer-module__BNXV1q__frameControls button{font-size:.69rem}.concept-explainer-module__BNXV1q__connection text{font:600 11px var(--font-mono)}}@media (prefers-reduced-motion:reduce){.concept-explainer-module__BNXV1q__part,.concept-explainer-module__BNXV1q__connection path{transition:none}.concept-explainer-module__BNXV1q__part:hover{transform:none}}.concept-explainer-module__BNXV1q__detailSheet{width:min(100% - 16px,560px);max-width:none;max-height:min(80dvh,680px);padding:0 0 env(safe-area-inset-bottom);overscroll-behavior:contain;border:1px solid var(--color-studio-border);background:var(--color-studio-surface);color:var(--color-studio-ink);box-shadow:0 -12px 50px color-mix(in srgb,var(--color-studio-ink) 22%,transparent);border-radius:18px;margin:0 auto 8px;position:fixed;inset:auto 0 0;overflow:auto}.concept-explainer-module__BNXV1q__detailSheet::backdrop{background:color-mix(in srgb,var(--color-studio-night) 42%,transparent)}.concept-explainer-module__BNXV1q__sheetHeader{z-index:1;border-bottom:1px solid var(--color-studio-border);background:var(--color-studio-surface);padding:10px 18px;position:sticky;top:0}.concept-explainer-module__BNXV1q__sheetHeader button{min-height:44px;color:var(--color-studio-cobalt);font:500 .88rem/1.5 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:8px 2px;display:block}.concept-explainer-module__BNXV1q__sheetContent.concept-explainer-module__BNXV1q__inspector{background:var(--color-studio-surface);border:0;padding:22px 20px;display:block}.concept-explainer-module__BNXV1q__sheetContent .concept-explainer-module__BNXV1q__inspectorIcon{display:none}.concept-explainer-module__BNXV1q__sheetContent .concept-explainer-module__BNXV1q__evidence{border:0;border-top:1px solid var(--color-studio-border);margin:18px 0 0;padding:16px 0 0}.concept-explainer-module__BNXV1q__sheetControls{border-top:1px solid var(--color-studio-border);margin:0;padding:8px 20px 14px}
