.regulation-runtime{width:100%;max-width:100%;min-width:0;margin-top:var(--space-7);font-family:var(--font-sans);color:var(--text)}
.regulation-runtime *{box-sizing:border-box;min-width:0}.regulation-runtime__shell{display:grid;width:100%;max-width:100%;gap:var(--space-5);padding:clamp(1rem,3vw,1.6rem);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,#38d6c9 6%),var(--surface))}
.regulation-runtime h2,.regulation-runtime h3,.regulation-runtime h4{margin:0}.regulation-runtime p{margin:.45rem 0}.regulation-runtime__eyebrow{font:700 .72rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.regulation-runtime__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.regulation-runtime__rail li{display:flex;align-items:center;gap:.45rem;padding:.65rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.78rem;font-weight:750}.regulation-runtime__rail li span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--bg);font:700 .72rem var(--font-mono)}.regulation-runtime__rail li[data-state=current]{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.regulation-runtime__rail li[data-state=done]{color:var(--text);border-color:#22c55e}.regulation-runtime__rail li[data-state=done] span{background:#22c55e;color:#07120b}
.regulation-runtime__scene{display:grid;grid-template-columns:minmax(220px,.8fr) 76px minmax(240px,1fr);gap:var(--space-4);align-items:center;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--radius-md);background:linear-gradient(120deg,#0a0e1a,#14233f);color:#f8fafc}.regulation-runtime__scene p{color:#cbd5e1}.regulation-runtime__facade{position:relative;display:grid;place-items:center;min-height:210px;border:1px solid #355273;border-radius:var(--radius-md);background:linear-gradient(#5da9e9 0 42%,#d6b27d 42%);overflow:hidden}.regulation-runtime__sun{position:absolute;right:1rem;top:.8rem;font-size:2.2rem}.regulation-runtime__window{position:relative;width:58%;height:125px;border:8px solid #513820;background:linear-gradient(#8fd7ff,#dff6ff);overflow:hidden}.regulation-runtime__window::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#513820 48% 52%,transparent 52%)}.regulation-runtime__shutter{position:absolute;z-index:2;inset:0 0 auto;height:12%;background:repeating-linear-gradient(#d9e1ea 0 8px,#75859a 9px 11px);box-shadow:0 4px 12px #0a0e1a80;transition:height .35s ease}.regulation-runtime__shutter[data-position=closed]{height:92%}.regulation-runtime__servo{position:absolute;left:.75rem;bottom:.65rem;padding:.3rem .45rem;border-radius:.3rem;background:#0a0e1ad9;font:700 .68rem var(--font-mono);color:#38d6c9}.regulation-runtime__servo[data-wear=high]{color:#ffb38f}.regulation-runtime__scene.is-pumping .regulation-runtime__window{animation:regulation-shake .22s linear 4}.regulation-runtime__meter{position:relative;width:54px;height:200px;margin:auto;border:1px solid #6fa8ff;border-radius:999px;background:linear-gradient(to top,#17294b,#f8d46b);overflow:visible}.regulation-runtime__meter-zone{position:absolute;inset:calc(100% - var(--close)) 0 var(--open);background:#38d6c966;border-block:2px solid #38d6c9}.regulation-runtime__meter-label{position:absolute;left:50%;bottom:-1.8rem;transform:translateX(-50%);white-space:nowrap;font:700 .62rem var(--font-mono);color:#cbd5e1}
.regulation-runtime__coach{display:grid;gap:.2rem;padding:.85rem 1rem;border-left:4px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.regulation-runtime__coach span{font:700 .68rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.regulation-runtime__step,.regulation-runtime__journal{width:100%;max-width:100%;padding:var(--space-4);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.regulation-runtime__step[hidden]{display:none}.regulation-runtime label{display:grid;gap:.4rem;font-weight:650}.regulation-runtime select,.regulation-runtime input[type=number]{width:100%;min-height:44px;padding:.65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit}.regulation-runtime__raw-readings,.regulation-runtime__readings{display:flex;width:100%;max-width:100%;gap:.4rem;overflow-x:auto;padding:.8rem .15rem;scrollbar-width:thin}.regulation-runtime__raw-readings span,.regulation-runtime__reading{flex:0 0 62px;text-align:center;padding:.55rem .3rem;border:1px solid var(--border);border-radius:.5rem;font:700 .8rem var(--font-mono)}.regulation-runtime__reading small{display:block;margin-top:.25rem;font-size:.62rem}.regulation-runtime__reading[data-state=closed]{border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 14%,var(--surface))}.regulation-runtime__reading[data-change=true]{outline:2px solid var(--accent);outline-offset:1px}.regulation-runtime__finding{padding:.75rem;border-radius:var(--radius-sm);background:color-mix(in srgb,#f59e0b 10%,var(--surface))}
.regulation-runtime__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin:1rem 0}.regulation-runtime__control{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm)}.regulation-runtime__control input[type=range]{width:100%;min-height:44px}.regulation-runtime__band{position:relative;height:72px;margin:1rem 0;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(90deg,#263c61,#f2c14e)}.regulation-runtime__marker{position:absolute;top:0;bottom:0;width:3px;background:var(--text)}.regulation-runtime__marker span{position:absolute;top:7px;white-space:nowrap;padding:.2rem .35rem;border-radius:.25rem;background:var(--surface);font:700 .7rem var(--font-mono)}.regulation-runtime__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.regulation-runtime button{min-height:44px}.regulation-runtime__scenario{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.regulation-runtime__scenario[data-ok=true]{border-color:#22c55e}.regulation-runtime__scenario[data-ok=false]{border-color:#ef4444}.regulation-runtime__journal{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:var(--space-4)}.regulation-runtime__journal ol{display:grid;gap:.45rem;max-height:260px;margin:0;padding:0;overflow:auto;list-style:none}.regulation-runtime__journal li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:.65rem;padding:.55rem;border-bottom:1px solid var(--border)}.regulation-runtime__journal time{font:700 .7rem var(--font-mono);color:var(--text-muted)}.regulation-runtime__journal li span{display:grid;gap:.15rem}.regulation-runtime__journal li[data-kind=error] strong{color:#ef4444}.regulation-runtime__journal li[data-kind=success] strong{color:#22c55e}.regulation-runtime__summary{display:grid;gap:.7rem;border-color:#22c55e;background:color-mix(in srgb,#22c55e 8%,var(--surface))}
@keyframes regulation-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:760px){.regulation-runtime__scene{grid-template-columns:minmax(0,1fr) 64px}.regulation-runtime__scene>div:last-child{grid-column:1/-1}.regulation-runtime__rail{grid-template-columns:1fr 1fr}.regulation-runtime__journal{grid-template-columns:1fr}}
@media(max-width:620px){.regulation-runtime__shell{padding:.75rem}.regulation-runtime__controls{grid-template-columns:1fr}.regulation-runtime__actions button{width:100%}.regulation-runtime__marker span{writing-mode:vertical-rl;top:5px}.regulation-runtime__scene{grid-template-columns:minmax(0,1fr);padding:.75rem}.regulation-runtime__meter{width:100%;height:42px;margin:0;background:linear-gradient(90deg,#17294b,#f8d46b)}.regulation-runtime__meter-zone{inset:0 calc(100% - var(--close)) 0 var(--open)}.regulation-runtime__meter-label{bottom:auto;top:48px}.regulation-runtime__facade{min-height:190px}.regulation-runtime__rail li{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.regulation-runtime__scene.is-pumping .regulation-runtime__window{animation:none}.regulation-runtime__shutter{transition:none}}