/* Keep the model canvas across the whole study workspace. */
main,.top{max-width:1440px}
.system-study-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0}
.system-card{text-align:left;background:var(--surface);color:var(--ink);border-color:var(--line)}
.system-card[aria-pressed=true],[data-system-pack][aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.system-card strong,.system-card span{display:block}.system-card span{font-size:.8rem;font-weight:400;margin-top:.4rem;color:var(--muted)}
.system-identity{overflow-wrap:anywhere}.system-metrics{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.system-metrics strong{font-size:1.14rem}
.system-interpretation{display:grid;grid-template-columns:1.4fr 1fr;gap:1.2rem;margin:1.2rem 0}.system-interpretation>div{padding:1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:4px}.system-interpretation h3{margin:.1rem 0}.system-interpretation li{margin:.7rem 0;font-size:.88rem}.system-interpretation ul{padding-left:1.2rem}
.system-pack-panel{border-top:2px solid var(--line);padding-top:1.5rem;margin-top:2rem;min-width:0}
#system-study-detail,#system-pack-diagram{min-width:0;max-width:100%}#system-study-detail td{overflow-wrap:anywhere}#system-study-events td:last-child{min-width:250px;max-width:750px}
#system-pack-status{font-size:.85rem;color:var(--muted)}#system-subsystem-result:not(:empty){padding:.8rem 1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:4px}#system-subsystem-result p{margin:.3rem 0}
@media(max-width:1000px){.system-study-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.system-interpretation{grid-template-columns:1fr}}
@media(max-width:480px){.system-study-cards{grid-template-columns:1fr}.system-metrics{grid-template-columns:1fr 1fr}.system-metrics>div{min-width:0;overflow-wrap:anywhere}}
.model-case-label{display:block;max-width:380px;margin:1rem 0;font-size:.85rem;font-weight:700}
.model-case-label select{margin-top:.3rem}
.model-navigation-note{font-size:.86rem;color:var(--muted)}
.model-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem 1.5rem;margin:1rem 0}
.model-toolbar .model-case-label{flex:0 1 380px;margin:0}
.model-toolbar>p{flex:1 1 300px;margin:0 0 .4rem;max-width:650px}

.block-example-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0}
.block-example-list button{text-align:left;background:var(--surface);color:var(--ink);border-color:var(--line)}
.block-example-list button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
.block-example-list strong,.block-example-list span{display:block}
.block-example-list span{font-size:.8rem;font-weight:400;margin-top:.3rem;color:var(--muted)}

.block-example-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.block-example-layout>*{min-width:0}
.block-example-controls{border:1px solid var(--line);border-radius:4px;padding:1rem;background:var(--surface-2)}
.block-controls-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;gap:.75rem 1.5rem}
.block-controls-heading h3{margin:0 0 .4rem}
.block-controls-heading p{font-size:.86rem;max-width:850px;margin:0}
.block-example-controls label{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;font-weight:700}
.block-example-controls .inputs{grid-template-columns:repeat(4,minmax(0,1fr));margin:.75rem 0;gap:.65rem 1rem}
.block-example-controls .block-inputs{border-top:1px solid var(--line);padding-top:.6rem;margin:.8rem 0}
.block-example-controls .block-inputs summary{font-size:.86rem}
.block-example-controls .block-inputs[open]>summary{margin-bottom:.5rem}
.block-example-controls .actions{gap:.5rem}
.block-example-controls button,.block-example-controls .button{font-size:.82rem}
.block-example-controls [hidden]{display:none}
.block-example-controls p,#block-example-caption{overflow-wrap:anywhere}
.block-example-controls>.small{margin:.5rem 0 0}
.block-example-tools{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:.5rem 1rem;padding-top:.6rem;border-top:1px solid var(--line)}
.block-example-tools .downloads{margin:0}
.block-effects{flex:1 1 220px;margin:.3rem 0;font-size:.84rem}
.block-effects>div{max-width:900px}
.block-effects[open]{flex-basis:100%;order:1}
.block-example-canvas{width:100%;min-width:0}

#system-model-diagram,#block-example-diagram{width:100%;min-width:0;max-width:100%}
#block-example-results .summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
#block-selected-outputs{margin:.75rem 0;font-size:.84rem;overflow:auto}
#block-selected-outputs p{font-size:.8rem;color:var(--muted)}
#system-model-status,#block-example-status{font-size:.85rem;color:var(--muted)}
#block-example-status{margin:.6rem 0}

@media(max-width:1000px){
  .block-example-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .block-example-controls .inputs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .block-controls-heading{grid-template-columns:minmax(0,1fr)}
  .block-version-label{max-width:380px}
  .block-example-controls .inputs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .block-example-tools .downloads{width:100%}
}
@media(max-width:480px){
  .block-example-list{grid-template-columns:minmax(0,1fr)}
  .block-example-controls{padding:.75rem}
  .model-toolbar{gap:.5rem}
}
.physical-playback{margin:18px 0;padding:18px;border:1px solid var(--line,#ccd3dc);border-radius:4px;background:var(--surface,#fff)}.physical-playback h4{margin-top:0}.physical-playback p{font-size:13px;line-height:1.6}.physical-playback-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.physical-playback-toolbar button,.physical-playback-toolbar select{font:13px Arial,sans-serif;padding:8px 10px;border:1px solid var(--line,#ccd3dc);border-radius:4px;background:var(--surface,#fff);color:var(--ink,#1f2937)}.physical-playback-toolbar button{cursor:pointer;color:var(--accent,#2563eb)}.physical-playback-toolbar label{font-size:13px}.physical-playback-scrub{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px;margin-top:18px;font-size:13px}.physical-playback input[type=range]{width:100%;accent-color:var(--accent,#2563eb)}.physical-playback table{width:100%;border-collapse:collapse;font-size:12px}.physical-playback td,.physical-playback th{text-align:left;padding:8px;border-bottom:1px solid var(--line,#ccd3dc);overflow-wrap:anywhere}.physical-playback-table{overflow:auto}.physical-playback [data-playback-contacts]{overflow:auto}.physical-playback summary{cursor:pointer;margin:18px 0 10px}.physical-playback-note{color:var(--muted,#64748b)}@media(max-width:600px){.physical-playback{padding:12px}.physical-playback-scrub{grid-template-columns:1fr}.physical-playback-scrub output{font-size:12px}}
.physical-playback-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin:14px 0}.physical-playback-values>div{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line,#ccd3dc);border-radius:4px;background:var(--surface-2,#f8fafc);font-size:12px}

#coupled-route-study,#coupled-route-diagram,#coupled-mission-diagram{min-width:0;max-width:100%}.coupled-route-playback p,#coupled-status{overflow-wrap:anywhere}.coupled-route-playback .physical-playback-toolbar label{max-width:100%;min-width:0}.coupled-route-playback select{max-width:100%}.coupled-route-playback{min-width:0}.coupled-route-playback .physical-playback-scrub{min-width:0}
.coupled-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.coupled-workspace>div{min-width:0}.coupled-route-playback figure{margin:16px 0}.coupled-route-playback figure svg{width:100%;height:auto}.coupled-route-playback .route-playback-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1150px){.coupled-workspace{grid-template-columns:minmax(360px,0.85fr) minmax(0,1.15fr)}#coupled-route-diagram{position:sticky;top:12px}.coupled-route-playback .physical-playback-scrub{grid-template-columns:1fr}.coupled-route-playback .physical-playback-toolbar label{width:100%}}
