[data-interactive="print-orientation"]{min-width:0;margin-block:1rem;font:1rem/1.45 var(--f-body);container-type:inline-size}
[data-interactive="print-orientation"] h3{margin-top:1.4rem}
.po-live{display:block}
.po-live-ready>.po-static{display:none}
.po-intro{margin:0 0 .8rem}
.po-work{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;align-items:start}
.po-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.8rem;align-items:start}
.po-controls fieldset{margin:0}
@container (min-width:62rem){.po-work{grid-template-columns:minmax(0,1.6fr) minmax(17rem,.8fr)}.po-controls{grid-template-columns:1fr}}
.po-stage,.po-controls{min-width:0}
.po-canvas{position:relative;height:27rem;max-height:70vh;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius-xs);overflow:hidden}
.po-canvas>svg{display:block;width:100%;height:100%}
.po-webgl{display:block;width:100%;height:100%;touch-action:none}
.po-webgl:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.po-status{min-height:1.5em;margin:.4rem 0;color:var(--ink-soft);font-size:.95rem}
.po-viewbar{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}
.po-controls fieldset{border:1px solid var(--rule);border-radius:var(--radius-xs);margin:0 0 .8rem;padding:.55rem .7rem .7rem;min-width:0}
.po-controls legend{font:700 .95rem/1.2 var(--f-display);padding:0 .3rem}
.po-controls label{display:block;font-weight:600}
.po-controls output{font:700 1rem var(--f-display);color:var(--ink)}
[data-interactive="print-orientation"] :is(button,select){min-height:44px;padding:.45rem .7rem;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-xs);font:600 .95rem/1.2 var(--f-display);cursor:pointer}
[data-interactive="print-orientation"] button[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
[data-interactive="print-orientation"] button:disabled{opacity:.55;cursor:not-allowed}
[data-interactive="print-orientation"] :is(button,select,input):focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.po-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
.po-presets button{width:100%}
.po-range{display:block;width:100%;min-height:44px;margin:.1rem 0 .3rem;accent-color:var(--accent)}
.po-radio{display:flex !important;align-items:center;gap:.55rem;line-height:1.3;min-height:44px;font-weight:500 !important}
.po-radio input{width:1.25rem;height:1.25rem;flex:none;accent-color:var(--accent)}
.po-row{display:flex;flex-wrap:wrap;gap:.4rem}
.po-row button{flex:1 1 8rem}
.po-hint{font-size:.9rem;color:var(--ink-soft);margin:.2rem 0 .4rem}
.po-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.45rem;margin:.8rem 0}
.po-readout>div{padding:.55rem .65rem;border:1px solid var(--rule);background:var(--surface);border-radius:var(--radius-xs)}
.po-readout>div.is-warn{box-shadow:inset 4px 0 var(--msu-redorange)}
.po-readout dt{font:700 .85rem/1.2 var(--f-display);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em}
.po-readout dd{margin:.2rem 0 0}
.po-readout dd strong{display:block;font:700 1.12rem/1.25 var(--f-display);color:var(--ink)}
.po-readout dd span{display:block;font-size:.9rem;color:var(--ink-soft);margin-top:.15rem}
.po-predict{border:1px solid var(--rule);border-left:4px solid var(--accent);background:var(--surface);padding:.7rem .85rem;margin:.8rem 0;border-radius:var(--radius-xs)}
.po-predict p{margin:.2rem 0 .5rem}
.po-predict .po-row{margin-top:.3rem}
.po-feedback{font-weight:600;min-height:1.4em}
.po-feedback.is-right{color:var(--ink)}
.po-score{font:600 .9rem var(--f-display);color:var(--ink-soft)}
.po-legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;list-style:none;padding:0;margin:.5rem 0;font-size:.9rem}
.po-legend li{display:flex;align-items:center;gap:.4rem}
.po-swatch{display:inline-block;width:1.1rem;height:1.1rem;border:1px solid var(--ink-soft);flex:none}
.po-swatch.is-support{background:#FF4500}.po-swatch.is-downok{background:#ECAC00}.po-swatch.is-bed{background:#00A4E3}.po-swatch.is-neutral{background:#B9C0C8}
.po-swatch.is-fibre{background:linear-gradient(90deg,#00A4E3,#FF4500)}
.po-view{display:block;width:100%;height:auto;background:var(--surface-2);border:1px solid var(--rule)}
.po-plate{fill:var(--surface);stroke:var(--rule);stroke-width:1}
.po-grid{stroke:var(--rule);stroke-width:.7;fill:none}
.po-foot{fill:#FF4500;fill-opacity:.32;stroke:none}
.po-pillar{stroke:#FF4500;stroke-width:1.6;stroke-opacity:.85}
.po-fibre{stroke-width:4;stroke-linecap:round;fill:none}
.po-arrow path{stroke:var(--ink);stroke-width:3;fill:none}
.po-arrow .po-arrow-head{fill:var(--ink);stroke-width:1}
.po-svg-title{fill:var(--ink);font:700 16px var(--f-display)}
.po-stairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:.6rem 0}
.po-stairs.is-plan{grid-template-columns:minmax(0,22rem)}
.po-zoom{margin:0;min-width:0}
.po-zoom svg{display:block;width:100%;height:auto;background:var(--surface);border:1px solid var(--rule)}
.po-zoom figcaption{font-size:.88rem;color:var(--ink-soft);margin-top:.3rem}
.po-zoom figcaption strong{color:var(--ink)}
.po-true{fill:none;stroke:var(--ink);stroke-width:1}
.po-true.is-zoom{stroke-width:2.2}
.po-steps{fill:none;stroke:var(--accent);stroke-width:1.1}
.po-layer{fill:var(--accent);fill-opacity:.22;stroke:var(--accent);stroke-width:.8;stroke-opacity:.8}
.po-zoombox{fill:none;stroke:#FF4500;stroke-width:1.6}
.po-zoomlabel{fill:var(--ink);font:700 12px var(--f-display)}
.po-zoomframe{fill:none;stroke:var(--rule)}
.po-scalebar{stroke:var(--ink);stroke-width:3}
.po-scaletext{fill:var(--ink);font:600 13px var(--f-display);paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}
.po-plate-line{stroke:var(--ink-soft);stroke-width:2;stroke-dasharray:6 4}
.po-layer-plan{fill:var(--accent);fill-opacity:.18;stroke:var(--ink);stroke-width:1.2}
.po-curve{fill:none;stroke:#FF4500;stroke-width:3}
.po-compare{width:100%;border-collapse:collapse;margin:.8rem 0;font-size:.95rem}
.po-compare caption{text-align:left;font:700 1rem var(--f-display);margin-bottom:.3rem}
.po-compare :is(th,td){border:1px solid var(--rule);padding:.4rem .5rem;text-align:left;vertical-align:top}
.po-compare thead th{background:var(--surface-2);font:700 .88rem var(--f-display)}
.po-compare-wrap{overflow-x:auto}
.po-compare-wrap:focus-visible{outline:3px solid var(--accent)}
.po-limit{padding:.65rem .75rem;background:var(--surface-2);font-size:.92rem}
.po-static-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.po-static-grid>figure{margin:0;min-width:0}
@media (max-width:58rem){.po-work,.po-static-grid{grid-template-columns:1fr}.po-canvas{height:24rem}}
@media (max-width:40rem){.po-stairs{grid-template-columns:1fr 1fr}.po-stairs .po-zoom-over{grid-column:1/-1}.po-canvas{height:21rem}.xcard:has([data-interactive="print-orientation"]) .body{padding-inline:.5rem}}
@media (prefers-reduced-motion:reduce){[data-interactive="print-orientation"] *{animation:none !important;transition:none !important}}
body.presenting [data-interactive="print-orientation"] .po-canvas{height:min(30rem,58vh)}
@media print{
  .po-live{display:none !important}
  .po-live-ready>.po-static{display:block !important}
  .xcard:has([data-interactive="print-orientation"]){break-before:page;page-break-before:always;break-inside:auto !important}
  [data-interactive="print-orientation"]{break-inside:auto !important}
  .po-static-grid{display:block}
  .po-static-grid>figure{break-inside:avoid;page-break-inside:avoid;margin-bottom:.8rem}
  .po-view{max-height:3.3in;width:auto;max-width:100%;margin-inline:auto}
  .po-readout{grid-template-columns:repeat(3,minmax(0,1fr));font-size:.82rem}
  .po-stairs{break-inside:avoid;page-break-inside:avoid}
  .po-compare{break-inside:avoid;font-size:.85rem}
  [data-interactive="print-orientation"] h3{break-after:avoid;page-break-after:avoid}
}

.po-consequence{margin:.5rem 0 0;padding:.45rem .55rem;border:1px solid var(--rule);border-left:4px solid var(--ink-soft);background:var(--surface);border-radius:var(--radius-xs)}
.po-consequence.is-warn{border-left-color:var(--msu-redorange)}
.po-consequence p{margin:0;font-size:.92rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.po-consequence .po-view{max-width:13rem;max-height:10rem;margin:.35rem auto 0;border:0}
.po-actions{min-width:0}
.po-saved-note{font-size:.92rem;margin:.4rem 0 .2rem;color:var(--ink)}
.po-saved-mini{margin:0;padding-left:1.3rem;font-size:.88rem;color:var(--ink-soft)}
@media print{.po-consequence,.po-saved-mini{display:none}}