@layer reset{[data-explainer][data-enhanced=true] [data-explainer-panel][hidden]{display:block!important}}@layer pages{.mechanic-figure{--visual-navy:var(--brand-navy);--visual-deep:var(--brand-navy-deep);--visual-orange:var(--orange);--visual-coral:var(--brand-coral);border:1px solid var(--line);background:linear-gradient(135deg,#fffefa,#fff 62%);border-radius:6px;margin:30px 0 36px;overflow:hidden;box-shadow:0 18px 48px #1639640d,0 2px 8px #16396408;container-type:inline-size}.prose .mechanic-figure h3,.prose .mechanic-figure p{margin:0}.figure-heading{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff 0 68%,#f8faf7);justify-content:space-between;align-items:start;gap:20px;padding:22px 24px 18px;display:flex;position:relative}.figure-heading:after{background:var(--visual-orange);content:"";width:42px;height:2px;position:absolute;bottom:-1px;left:24px}.figure-heading h3{color:var(--visual-deep);letter-spacing:-.025em;font-size:20px}.figure-kicker{color:var(--orange-dark);font:9px var(--mono);letter-spacing:.1em;margin-bottom:5px;display:block}.figure-chip{border:1px solid var(--line);color:var(--muted);background:var(--paper);font:8px var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:3px;flex:none;padding:5px 8px}.mechanic-figure>figcaption{border-top:1px solid var(--line);color:var(--muted);padding:14px 24px 17px;font-size:12px;line-height:1.65}.diagram-asset .figure-chip{color:var(--orange-dark);text-decoration:none}.diagram-workspace{grid-template-columns:minmax(0,.8fr) 38px minmax(0,1.35fr);align-items:stretch;gap:12px;padding:22px 24px;display:grid}.diagram-source-panel,.diagram-output-panel{border:1px solid var(--line);background:#fffefa;border-radius:5px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.diagram-source-panel{color:#e6e8ec;background:#15181d}.diagram-panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:42px;padding:0 13px;display:flex}.diagram-source-panel .diagram-panel-heading{border-color:#ffffff20}.diagram-panel-heading>span{color:var(--orange-dark);font:8px var(--mono);letter-spacing:.05em}.diagram-panel-heading>strong{min-width:0;color:var(--visual-deep);font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-source-panel .diagram-panel-heading>strong{color:#e6e8ec}.diagram-panel-heading>a{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:9px}.diagram-source-panel .diagram-panel-heading>a{color:#c3cbd6}.diagram-source-editor{scrollbar-color:#56565a transparent;height:390px;min-height:0;overflow:auto}.diagram-source-editor pre{box-sizing:border-box;width:max-content;min-width:100%;font:9px/1.75 var(--mono);overflow-wrap:normal;border:0;border-radius:0;margin:0;padding:16px;background:#15181d!important}.diagram-panel-note{border-top:1px solid var(--line);min-height:36px;color:var(--muted);padding:10px 13px;font-size:9px;line-height:1.5}.diagram-source-panel .diagram-panel-note{color:#b3bfce;border-color:#ffffff20}.diagram-transform{color:var(--orange-dark);align-content:center;justify-items:center;gap:8px;display:grid}.diagram-transform span{font:7px var(--mono);letter-spacing:.06em;writing-mode:vertical-rl;transform:rotate(180deg)}.diagram-transform b{font:24px var(--sans)}.diagram-preview-canvas{background:radial-gradient(#becbd822 .6px,#0000 .6px) 0 0/16px 16px,#f8faf7;place-items:center;min-height:390px;padding:18px;display:grid}.diagram-preview-canvas img{object-fit:contain;mix-blend-mode:multiply;background:0 0;border:0;width:100%;height:auto;max-height:440px;display:block}.diagram-process{border:1px solid var(--line);background:#fffefa;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 24px 22px;display:grid}.diagram-process>div{border-right:1px solid var(--line);min-width:0;padding:13px 15px}.diagram-process>div:last-child{border-right:0}.diagram-process span{color:var(--orange-dark);font:8px var(--mono);letter-spacing:.04em}.diagram-process p{color:var(--visual-deep);margin:5px 0 0;font-size:10px;line-height:1.5}.mechanic-figure button{min-height:44px;color:var(--visual-navy);border:1px solid var(--line);font:10px var(--mono);cursor:pointer;background:#fffefa;border-radius:3px;transition:border-color .22s,background-color .22s,box-shadow .22s;position:relative}.mechanic-figure button:hover{border-color:var(--visual-orange);background:#fffaf0}.mechanic-figure button:focus-visible{outline-offset:2px;outline:3px solid #f7982c66}.mechanic-figure button[aria-selected=true]{border-color:var(--visual-orange);box-shadow:inset 0 -3px var(--visual-orange), 0 4px 12px #f7982c16;background:#fff4df}[data-explainer][data-enhanced=true] [data-explainer-panel][hidden]{visibility:hidden;pointer-events:none}[data-explainer=pipeline][data-enhanced=true]>.pipeline-panels,[data-explainer=routes][data-enhanced=true]>.route-panels,[data-explainer=quality][data-enhanced=true]>.quality-panels{display:grid}[data-explainer=pipeline][data-enhanced=true] .pipeline-panel,[data-explainer=routes][data-enhanced=true] .route-panel,[data-explainer=quality][data-enhanced=true] .quality-panel{grid-area:1/1;min-width:0}.panel-context{color:var(--orange-dark);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:4px 0 0!important}.pipeline-controls,.route-controls,.quality-controls{background:#f8faf7;gap:7px;padding:18px 24px;display:none}[data-explainer][data-enhanced=true]>.pipeline-controls,[data-explainer][data-enhanced=true]>.route-controls,[data-explainer][data-enhanced=true]>.quality-controls{display:grid}.pipeline-controls{grid-template-columns:repeat(6,1fr)}.pipeline-controls button,.route-controls button,.quality-controls button{text-align:center;place-content:center;gap:2px;display:grid}.pipeline-controls button span,.route-controls button span,.quality-controls button span{color:var(--orange-dark);font-size:8px}.pipeline-panel{padding:12px 24px 24px}.pipeline-sketch{justify-content:center;align-items:center;gap:18px;min-height:150px;display:flex}.source-sheet,.output-sheet{text-align:center;border:1px solid var(--line);width:90px;height:76px;color:var(--muted);font:10px var(--mono);box-shadow:5px 5px 0 var(--brand-navy-soft);background:#fff;border-radius:3px;place-items:center;padding:8px;display:grid}.stage-machine{border:2px solid var(--visual-navy);width:105px;height:105px;color:var(--orange-dark);font:12px var(--mono);box-shadow:0 0 0 8px var(--brand-navy-soft), 0 8px 24px #16396415;background:radial-gradient(circle at 35% 30%,#fff 0 24%,#f8faf7 72%);border-radius:50%;place-items:center;display:grid;position:relative}.stage-machine b{color:var(--visual-deep);font:700 13px var(--sans)}.stage-symbol{color:#16396470;font:9px var(--mono);position:absolute;top:13px;right:15px}.pipeline-arrow{color:var(--orange-dark);font-size:24px}.figure-facts{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.figure-facts div{border-right:1px solid var(--line);padding:12px}.figure-facts div:last-child{border:0}.figure-facts dt{color:var(--muted);font:9px var(--mono);text-transform:uppercase}.figure-facts dd{min-height:2.9em;color:var(--visual-deep);margin:4px 0 0;font-size:12px;line-height:1.45}.layout-cutaway{background-image:linear-gradient(#1639640b 1px,#0000 1px),linear-gradient(90deg,#1639640b 1px,#0000 1px);background-size:20px 20px;padding:24px}.cutaway-boundary{border:2px solid var(--visual-navy);background:#fffefae8;border-radius:4px;padding:44px 25px 25px;position:relative;box-shadow:inset 0 0 0 1px #fff}.cutaway-region{min-height:280px}.cutaway-app{border-style:dashed;place-items:center;min-height:175px;display:grid}.cutaway-label{color:var(--visual-deep);font-size:11px;font-weight:700;position:absolute;top:10px;left:12px}.resource-obstacle{border:1px dashed var(--visual-coral);background:#fff;border-radius:4px;grid-template-columns:58px 1fr;align-items:center;gap:13px;width:min(290px,75%);padding:20px;display:grid;position:relative;box-shadow:0 8px 22px #1639640c}.resource-icon{color:#fff;background:var(--visual-navy);width:58px;height:58px;font:700 10px var(--mono);place-items:center;display:grid}.resource-obstacle strong{font-size:12px;line-height:1.4}.measure{color:var(--orange-dark);font:8px var(--mono);background:#fff4df;padding:2px 5px;position:absolute}.measure-padding{top:9px;right:10px}.measure-obstacle{bottom:-10px;right:6px}.layout-comparison{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.layout-comparison section{padding:20px 24px}.layout-comparison section+section{border-left:1px solid var(--line)}.layout-comparison p{color:var(--muted);font-size:11px;line-height:1.6}.mini-flow{justify-content:space-between;align-items:center;gap:25px;margin:16px 0;display:flex}.mini-flow i{border:1px solid var(--visual-navy);color:var(--visual-deep);font:normal 9px var(--mono);text-align:center;background:#fff;flex:1;padding:10px 4px;position:relative}.mini-flow i+i:before{content:"→";color:var(--orange-dark);position:absolute;left:-20px}.mini-flow-pin i:nth-child(2){border:2px solid var(--orange-dark);translate:0 18px}.route-controls{grid-template-columns:repeat(3,1fr)}.route-panel{padding:6px 24px 22px}.route-panel svg{border:1px solid var(--line);background-color:#fbfcf8;background-image:linear-gradient(#16396408 1px,#0000 1px),linear-gradient(90deg,#16396408 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:4px;width:100%;height:auto;display:block}.diagram-node rect{fill:#fff;stroke:var(--visual-navy);stroke-width:2px}.diagram-node text{fill:var(--visual-deep);font:700 12px var(--sans);text-anchor:middle}.obstacle-node rect{stroke-dasharray:5 4}.candidate-path,.existing-path{fill:none;stroke:var(--visual-navy);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.existing-path{stroke-dasharray:5 6;opacity:.5}.rejected-path{stroke:var(--visual-coral);stroke-dasharray:10 6}.clear-path{stroke:var(--visual-navy)}.crossing-mark{fill:#fff4df;stroke:var(--visual-coral);stroke-width:3px}.crossing-label{fill:var(--visual-coral);font:10px var(--mono)}.route-panel marker path{fill:var(--visual-navy)}.route-verdict{justify-content:space-between;align-items:center;gap:24px;padding:14px 2px 0;display:flex}.route-verdict strong{color:var(--visual-deep);font-size:13px}.route-verdict p{color:var(--muted);font-size:11px}.route-verdict>span{min-width:100px;color:var(--visual-deep);font:700 19px var(--mono);text-align:right}.route-verdict small{color:var(--muted);font:9px var(--mono);text-transform:uppercase;display:block}.formula{color:var(--visual-deep);background:var(--brand-navy-soft);font:12px var(--mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:25px;display:flex}.formula span{border:1px solid var(--line);background:#fff;border-radius:3px;padding:8px 10px;box-shadow:0 3px 8px #16396408}.formula b{color:var(--orange-dark)}.cost-ledger{grid-template-columns:repeat(4,1fr);display:grid}.cost-ledger div{border-top:1px solid var(--line);border-right:1px solid var(--line);padding:16px}.cost-ledger div:last-child{border-right:0}.cost-ledger span,.cost-ledger strong{display:block}.cost-ledger span{color:var(--muted);font-size:9px}.cost-ledger strong{color:var(--visual-deep);font:700 15px var(--mono);margin-top:3px}.cost-total{background:#fff4df}.quality-controls{grid-template-columns:repeat(3,1fr)}.quality-panel{padding:6px 24px 24px}.candidate-thumbnails{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.candidate-card{border:1px solid var(--line);background:#fbfcf8;border-radius:4px;padding:14px;transition:border-color .18s,box-shadow .18s;position:relative}.candidate-card>span{color:var(--muted);font:9px var(--mono)}.candidate-card>strong{color:var(--visual-deep);background:var(--visual-orange);font:8px var(--mono);text-transform:uppercase;padding:3px 6px;position:absolute;top:9px;right:9px}.candidate-highlight{border:2px solid var(--visual-orange);border-radius:inherit;pointer-events:none;position:absolute;inset:-1px;box-shadow:0 8px 22px #f7982c14}.tuple-table{border:1px solid var(--line);font-size:10px;overflow-x:auto}.tuple-table>div{grid-template-columns:1.35fr repeat(4,1fr);min-width:480px;display:grid}.tuple-table span,.tuple-table strong{border-right:1px solid var(--line);border-top:1px solid var(--line);text-align:right;padding:9px}.tuple-table span:last-child{border-right:0}.tuple-table strong,.tuple-head span:first-child{text-align:left}.tuple-head{color:var(--muted);background:var(--brand-navy-soft);font:9px var(--mono);text-transform:uppercase}.tuple-head span{border-top:0}.deciding-cell{color:var(--visual-deep);font-weight:800;position:relative}.decision-highlight{box-shadow:inset 0 -3px var(--visual-orange);pointer-events:none;background:#fff4df;position:absolute;inset:0}.decision-label{z-index:1;color:var(--orange-dark);font:7px var(--mono);text-transform:uppercase;position:absolute;top:2px;left:5px}.tuple-value{font-weight:inherit;position:relative}.candidate-finding{color:var(--visual-deep);padding:18px 0 8px;font-size:15px}.quality-verdict{color:var(--visual-deep);align-items:center;gap:10px;font-size:11px;display:flex;margin-top:14px!important}.quality-verdict span{width:30px;height:30px;color:var(--visual-deep);background:var(--visual-orange);font:800 12px var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.decision-flow{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;list-style:none;display:grid;margin:0!important;padding:1px!important}.decision-flow li{background:#fff;min-height:110px;position:relative;margin:0!important;padding:18px!important}.decision-flow li:after{content:"→";z-index:1;color:var(--orange-dark);position:absolute;top:43px;right:-8px}.decision-flow li:nth-child(3):after{content:"↙";top:auto;bottom:-13px;right:48%}.decision-flow li:last-child:after{content:none}.decision-flow span,.decision-flow strong,.decision-flow small{display:block}.decision-flow span{color:var(--orange-dark);font:9px var(--mono)}.decision-flow strong{margin:8px 0 5px;font-size:12px}.decision-flow small{color:var(--muted);font-size:9px;line-height:1.5}.strategy-rail{color:var(--muted);background:var(--line);font:9px var(--mono);text-align:center;grid-template-columns:1.1fr repeat(4,1fr);gap:1px;padding:1px;display:grid}.strategy-rail>*{background:#f8faf7;padding:10px 7px}.strategy-rail b{color:var(--orange-dark);text-align:left;text-transform:uppercase}.outcome-strip{grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 24px;display:grid}.outcome-strip span{border:1px dashed var(--visual-navy);color:var(--visual-deep);font:9px var(--mono);text-align:center;padding:9px}.outcome-strip span:before{content:"— "}.outcome-strip .outcome-good{background:var(--brand-navy-soft);border-style:solid}.outcome-strip .outcome-good:before{content:"✓ "}.outcome-strip .outcome-stop{border-color:var(--visual-coral)}.outcome-strip .outcome-stop:before{content:"× "}.trace-grid{border:1px solid var(--line);grid-template-columns:1.15fr 1fr 1fr;margin:24px;display:grid}.trace-grid>div{border-right:1px solid var(--line);border-top:1px solid var(--line);min-width:0;padding:13px;font-size:10px;line-height:1.5}.trace-grid>div:nth-child(3n){border-right:0}.trace-grid>div:nth-child(-n+3){border-top:0}.trace-head{color:var(--muted);background:var(--brand-navy-soft);text-transform:uppercase;font:8px var(--mono)!important}.trace-pass b,.trace-fail b,.trace-na b{font:8px var(--mono);display:block}.trace-pass{box-shadow:inset 4px 0 var(--visual-navy);background:linear-gradient(90deg,#eaf2f1,#0000 58%)}.trace-fail{box-shadow:inset 4px 0 var(--visual-coral);background:linear-gradient(90deg,#fff0ed,#0000 58%)}.trace-na{box-shadow:inset 4px 0 #8293a9}.compact-flow,.catalog-flow,.source-layer-flow,.export-meter{align-items:stretch;gap:10px;padding:24px;display:flex}.compact-flow span,.catalog-flow span,.source-layer-flow span,.export-meter span{border:1px solid var(--line);color:var(--visual-deep);font:10px/1.55 var(--mono);text-align:center;background:#fff;flex:1;padding:14px}.compact-flow b,.catalog-flow i,.source-layer-flow i{color:var(--orange-dark);font:9px var(--mono);text-transform:uppercase;align-self:center}.catalog-flow i{font-size:18px;font-style:normal}.catalog-flow span b,.source-layer-flow span b,.export-meter span b{color:var(--muted);text-transform:uppercase;font-size:8px;display:block}.source-layer-flow i{border:1px dashed var(--orange-dark);place-items:center;min-width:72px;padding:5px;font-style:normal;display:grid}.export-meter span:last-child{border-color:var(--orange-dark);background:#fff4df}}@layer responsive{@container (width<=44rem){.diagram-workspace{grid-template-columns:1fr;gap:9px;padding:16px}.diagram-source-editor{height:270px}.diagram-transform{flex-direction:row;justify-content:center;display:flex}.diagram-transform span{writing-mode:horizontal-tb;transform:none}.diagram-transform b{transform:rotate(90deg)}.diagram-preview-canvas{min-height:300px}.diagram-process{grid-template-columns:1fr;margin-inline:16px}.diagram-process>div{border-right:0;border-top:1px solid var(--line)}.diagram-process>div:first-child{border-top:0}.pipeline-controls{grid-template-columns:repeat(3,1fr)}.figure-facts,.layout-comparison,.candidate-thumbnails{grid-template-columns:1fr}.figure-facts div,.layout-comparison section+section{border-left:0;border-right:0;border-top:1px solid var(--line)}.cost-ledger,.decision-flow{grid-template-columns:1fr 1fr}.decision-flow li:nth-child(3):after{content:"→";top:43px;bottom:auto;right:-8px}.trace-grid{grid-template-columns:1fr}.compact-flow,.catalog-flow,.source-layer-flow,.export-meter{flex-direction:column}.strategy-rail{grid-template-columns:1fr 1fr}.strategy-rail b{text-align:center;grid-column:1/-1}.trace-grid>div{border-right:0}.trace-grid>div:not(.trace-head){border-top:1px solid var(--line)}.trace-head{display:none}.trace-grid>div:nth-child(3n+1):before{content:"Requirement"}.trace-grid>div:nth-child(3n+2):before{content:"Expected evidence"}.trace-grid>div:nth-child(3n):before{content:"Diagram evidence"}.trace-grid>div:before{color:var(--muted);font:9px var(--mono);text-transform:uppercase;margin-bottom:4px;display:block}}@container (width<=30rem){.diagram-workspace{padding:12px}.diagram-source-editor{height:245px}.diagram-source-editor pre{padding:12px;font-size:8px}.diagram-preview-canvas{min-height:230px;padding:10px}.diagram-process{margin-inline:12px}.figure-heading,.route-verdict{flex-direction:column;align-items:start}.route-controls,.quality-controls,.decision-flow,.outcome-strip,.cost-ledger{grid-template-columns:1fr}.pipeline-controls{grid-template-columns:1fr 1fr}.pipeline-controls button,.route-controls button,.quality-controls button{text-align:left;grid-template-columns:28px 1fr;align-items:center}.pipeline-panel{padding-inline:16px}.pipeline-sketch{gap:5px}.source-sheet,.output-sheet{overflow-wrap:anywhere;flex-shrink:0;width:clamp(48px,20cqi,66px);padding:4px;font-size:9px}.stage-machine{flex-shrink:0;width:clamp(64px,24cqi,88px);height:clamp(64px,24cqi,88px)}.stage-symbol{font-size:8px;top:9px;right:10px}.pipeline-arrow{font-size:18px}.resource-obstacle{grid-template-columns:1fr;width:88%}.decision-flow li:after,.decision-flow li:nth-child(3):after{content:"↓";top:auto;bottom:-13px;right:50%}}@media (prefers-reduced-motion:reduce){.mechanic-figure *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.pipeline-controls,.route-controls,.quality-controls{display:none!important}.pipeline-panels,.route-panels,.quality-panels{display:block!important}[data-explainer] [data-explainer-panel]{break-inside:avoid;visibility:visible!important;display:block!important}[data-motion-content]{opacity:1!important}.mechanic-figure{box-shadow:none;break-inside:auto}.figure-heading,[data-explainer-panel]{break-inside:avoid}}@media (forced-colors:active){.mechanic-figure button[aria-selected=true],.candidate-card.winner,.deciding-cell{outline:3px solid highlight}.diagram-node rect,.candidate-path,.existing-path{stroke:canvastext;border-color:canvastext}.rejected-path,.crossing-mark{stroke:highlight}}}