/* ArcSecs v4.1.0 anti-Bootstrap hard reset and scientific cockpit UI. */
body.arcsecs-fullscreen-demo {
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100%;
    background: #020711;
    scrollbar-color: #68e7ff #020711;
    scrollbar-gutter: stable;
}
body.arcsecs-fullscreen-demo #wpadminbar { display: none !important; }
body.arcsecs-fullscreen-demo .site,
body.arcsecs-fullscreen-demo .site-main,
body.arcsecs-fullscreen-demo .content-area,
body.arcsecs-fullscreen-demo .entry-content,
body.arcsecs-fullscreen-demo .wp-site-blocks,
body.arcsecs-fullscreen-demo main {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.arcsecs-fullscreen-demo .entry-title,
body.arcsecs-fullscreen-demo .comments-area,
body.arcsecs-fullscreen-demo aside:not(.arcsecs-panel),
body.arcsecs-fullscreen-demo footer.site-footer { display: none !important; }
.arcsecs-physics-demo,
.arcsecs-physics-demo * {
    box-sizing: border-box;
}
.arcsecs-physics-demo {
    --arc-bg: #020711;
    --arc-panel: rgba(4, 16, 32, .92);
    --arc-panel-strong: rgba(8, 27, 49, .96);
    --arc-line: rgba(104, 231, 255, .28);
    --arc-line-strong: rgba(104, 231, 255, .62);
    --arc-text: #eaf7ff;
    --arc-dim: #9fc2d7;
    --arc-cyan: #68e7ff;
    --arc-orange: #ffcc66;
    --arc-purple: #906cff;
    width: 100%;
    max-width: 100vw;
    min-height: 100svh;
    background:
        radial-gradient(circle at 18% 8%, rgba(104, 231, 255, .12), transparent 34rem),
        radial-gradient(circle at 85% 24%, rgba(144, 108, 255, .10), transparent 38rem),
        linear-gradient(180deg, #03101d 0%, #020711 100%);
    color: var(--arc-text);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    overflow-x: hidden;
    overflow-y: visible;
}
.arcsecs-physics-demo a,
.arcsecs-physics-demo button,
.arcsecs-physics-demo input,
.arcsecs-physics-demo select,
.arcsecs-physics-demo textarea,
.arcsecs-physics-demo label {
    font: inherit !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
}
.arcsecs-physics-demo button,
.arcsecs-physics-demo .arcsecs-import-button,
.arcsecs-physics-demo select,
.arcsecs-physics-demo input {
    appearance: none;
    background: #031423 !important;
    border: 1px solid var(--arc-line) !important;
    color: var(--arc-text) !important;
    min-height: 30px;
}
.arcsecs-physics-demo button,
.arcsecs-physics-demo .arcsecs-import-button,
.arcsecs-physics-demo a.arcsecs-demo-back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .42rem .65rem !important;
    color: var(--arc-text) !important;
    text-decoration: none !important;
    line-height: 1 !important;
    cursor: pointer;
    background: #04182a !important;
    border: 1px solid var(--arc-line-strong) !important;
}
.arcsecs-physics-demo button:hover,
.arcsecs-physics-demo .arcsecs-import-button:hover,
.arcsecs-physics-demo a.arcsecs-demo-back-link:hover,
.arcsecs-demo-brand-link:hover {
    border-color: var(--arc-cyan) !important;
    background: #082844 !important;
}
.arcsecs-physics-demo button:focus-visible,
.arcsecs-physics-demo select:focus-visible,
.arcsecs-physics-demo input:focus-visible,
.arcsecs-physics-demo a:focus-visible {
    outline: 2px solid var(--arc-orange) !important;
    outline-offset: 2px;
}
.arcsecs-demo-hero {
    height: 74px;
    display: grid;
    grid-template-columns: minmax(330px, .8fr) minmax(260px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--arc-line-strong);
    background: rgba(3, 14, 28, .96);
}
.arcsecs-demo-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--arc-text) !important;
    text-decoration: none !important;
    min-width: 0;
}
.arcsecs-demo-mark {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--arc-cyan);
    color: var(--arc-cyan);
    font-weight: 800;
    letter-spacing: .04em;
}
.arcsecs-demo-brand-copy { min-width: 0; }
.arcsecs-demo-kicker,
.arcsecs-section-title,
.arcsecs-demo-disclaimer {
    color: var(--arc-cyan);
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 10px;
    font-weight: 800;
}
.arcsecs-demo-title {
    display: block;
    font-size: clamp(18px, 2vw, 26px);
    font-weight: 900;
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arcsecs-demo-subtitle {
    color: var(--arc-dim);
    font-size: 12px;
    line-height: 1.25;
}
.arcsecs-demo-subtitle strong {
    color: var(--arc-orange);
    display: block;
    margin-top: 3px;
}
.arcsecs-demo-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    white-space: nowrap;
}
.arcsecs-demo-disclaimer {
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: var(--arc-orange);
    background: rgba(255, 204, 102, .06);
    border-bottom: 1px solid rgba(255, 204, 102, .28);
}
.arcsecs-demo-grid {
    height: calc(100svh - 104px);
    display: grid;
    grid-template-columns: clamp(250px, 18vw, 330px) minmax(0, 1fr) clamp(300px, 24vw, 440px);
    gap: 8px;
    padding: 8px;
    min-height: 0;
}
.arcsecs-panel,
.arcsecs-viewport-wrap,
.arcsecs-current-model,
.arcsecs-telemetry-strip,
.arcsecs-bottom-graphs canvas {
    border: 1px solid var(--arc-line);
    background: var(--arc-panel);
}
.arcsecs-control-panel,
.arcsecs-diagnostics-panel {
    overflow: auto;
    padding: 10px;
    min-height: 0;
}
.arcsecs-control-form {
    display: grid;
    gap: 10px;
}
.arcsecs-control-form label,
.arcsecs-toggle {
    display: grid;
    gap: 4px;
    color: var(--arc-dim);
    font-size: 11px;
}
.arcsecs-control-form input,
.arcsecs-control-form select {
    width: 100%;
    padding: 7px 8px !important;
    font-size: 12px !important;
}
.arcsecs-section-title {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-top: 6px;
    border-top: 1px solid var(--arc-line);
}
.arcsecs-section-title:first-child { border-top: 0; padding-top: 0; }
.arcsecs-section-title span {
    color: var(--arc-bg);
    background: var(--arc-cyan);
    padding: 2px 5px;
}
.arcsecs-scenario-buttons,
.arcsecs-button-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}
.arcsecs-scenario-buttons button,
.arcsecs-button-row button,
.arcsecs-import-button {
    min-height: 34px;
    font-size: 11px !important;
}
.arcsecs-import-button input { display: none; }
.arcsecs-viewport-column {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) 42px 190px;
    gap: 8px;
    min-width: 0;
    min-height: 0;
}
.arcsecs-current-model {
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--arc-dim);
}
.arcsecs-current-model strong { color: var(--arc-cyan); }
.arcsecs-viewport-wrap {
    position: relative;
    min-height: 0;
    overflow: hidden;
    background: radial-gradient(circle at 50% 50%, rgba(104,231,255,.07), transparent 40%), #020711;
}
.arcsecs-viewport-wrap canvas {
    display: block;
    width: 100%;
    height: 100%;
}
.arcsecs-viewport-overlay {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: var(--arc-cyan);
    font-size: 11px;
    pointer-events: none;
}
.arcsecs-telemetry-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    font-size: 11px;
    overflow: hidden;
}
.arcsecs-telemetry-strip span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 9px;
    border-right: 1px solid var(--arc-line);
    color: var(--arc-dim);
}
.arcsecs-telemetry-strip strong { color: var(--arc-text); }
.arcsecs-bottom-graphs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    min-height: 0;
}
.arcsecs-bottom-graphs canvas {
    width: 100%;
    height: 100%;
    display: block;
}
.arcsecs-diagnostics-panel {
    display: grid;
    gap: 8px;
    align-content: start;
}
.arcsecs-diagnostics-panel section {
    border: 1px solid var(--arc-line);
    background: rgba(1, 8, 18, .5);
    padding: 9px;
}
.arcsecs-diagnostics-panel h2 {
    margin: 0 0 7px 0 !important;
    color: var(--arc-text);
    font-size: 13px !important;
    line-height: 1.1 !important;
}
.arcsecs-diagnostics-panel dl {
    display: grid;
    grid-template-columns: minmax(90px, .8fr) 1fr;
    gap: 6px;
    margin: 0;
    font-size: 11px;
}
.arcsecs-diagnostics-panel dt { color: var(--arc-cyan); }
.arcsecs-diagnostics-panel dd { margin: 0; color: var(--arc-dim); }
.arcsecs-diagnostics-panel p,
.arcsecs-diagnostics-panel li {
    color: var(--arc-dim);
    font-size: 11px;
    line-height: 1.4;
}
.arcsecs-diagnostics-panel ul { margin: 0 0 0 16px; padding: 0; }
.arcsecs-memory-item {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 5px;
    align-items: center;
    border-top: 1px solid var(--arc-line);
    padding-top: 6px;
    margin-top: 6px;
}
.arcsecs-memory-item time { color: var(--arc-dim); font-size: 10px; }
.arcsecs-demo-footer {
    color: var(--arc-cyan);
    text-align: right;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 10px;
}
@media (max-width: 1180px) {
    body.arcsecs-fullscreen-demo { overflow-x: hidden; overflow-y: auto; }
    .arcsecs-physics-demo { overflow-x: hidden; overflow-y: visible; }
    .arcsecs-demo-hero { height: auto; grid-template-columns: 1fr; }
    .arcsecs-demo-grid { height: auto; min-height: calc(100svh - 104px); grid-template-columns: 1fr; }
    .arcsecs-viewport-column { grid-template-rows: auto 58svh 42px 360px; }
    .arcsecs-bottom-graphs { grid-template-columns: 1fr; }
    .arcsecs-diagnostics-panel { max-height: none; }
}
@media (max-width: 680px) {
    .arcsecs-demo-actions,
    .arcsecs-scenario-buttons,
    .arcsecs-button-row,
    .arcsecs-telemetry-strip { grid-template-columns: 1fr; display: grid; }
    .arcsecs-telemetry-strip span { min-height: 28px; }
    .arcsecs-current-model { display: grid; }
}

/* v5.8.36 viewport scrollbar accessibility fix.
   The readiness/audit panels can be taller than short browser windows.
   Keep the retro cockpit look, but let the page itself scroll so lower
   controls, graphs, exports, and reviewer panels remain reachable. */
.arcsecs-fullscreen-template {
    min-height: 100svh;
    overflow-x: hidden;
    overflow-y: visible;
}
.arcsecs-physics-demo::-webkit-scrollbar,
body.arcsecs-fullscreen-demo::-webkit-scrollbar {
    width: 12px;
}
.arcsecs-physics-demo::-webkit-scrollbar-track,
body.arcsecs-fullscreen-demo::-webkit-scrollbar-track {
    background: #020711;
}
.arcsecs-physics-demo::-webkit-scrollbar-thumb,
body.arcsecs-fullscreen-demo::-webkit-scrollbar-thumb {
    background: rgba(104, 231, 255, .52);
    border: 2px solid #020711;
}
.arcsecs-physics-demo::-webkit-scrollbar-thumb:hover,
body.arcsecs-fullscreen-demo::-webkit-scrollbar-thumb:hover {
    background: rgba(104, 231, 255, .82);
}
@media (max-height: 760px) {
    .arcsecs-demo-grid {
        height: auto;
        min-height: calc(100svh - 104px);
    }
    .arcsecs-viewport-column {
        grid-template-rows: auto minmax(360px, 58svh) 42px minmax(190px, 34svh);
    }
    .arcsecs-readiness-sweep-panel,
    .arcsecs-contact-hero,
    .arcsecs-contact-card {
        scroll-margin-top: 12px;
    }
}
@media (max-height: 640px) {
    .arcsecs-demo-grid {
        padding-bottom: 24px;
    }
    .arcsecs-control-panel,
    .arcsecs-diagnostics-panel {
        max-height: none;
    }
}

/* v4.1.0 command palette, scenario contracts, and runtime audit polish. */
.arcsecs-contract-panel,
.arcsecs-audit-panel {
    display: block;
    padding: 8px;
    border: 1px solid rgba(104, 231, 255, .22);
    background: rgba(2, 8, 16, .68);
    color: var(--arc-dim);
    font-size: 11px;
    line-height: 1.45;
}
.arcsecs-contract-panel p,
.arcsecs-audit-panel p { margin: 0 0 8px; }
.arcsecs-contract-panel dl,
.arcsecs-audit-panel dl { display: grid; gap: 6px; margin: 0; }
.arcsecs-contract-panel dt,
.arcsecs-audit-panel dt {
    color: var(--arc-cyan);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 9px;
    font-weight: 800;
}
.arcsecs-contract-panel dd,
.arcsecs-audit-panel dd { margin: 0 0 5px; color: var(--arc-text); }
.arcsecs-audit-panel ul {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 5px;
}
.arcsecs-command-palette[hidden] { display: none !important; }
.arcsecs-command-palette {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: grid;
    place-items: center;
    background: rgba(1, 5, 12, .78);
    backdrop-filter: blur(10px);
}
.arcsecs-command-card {
    width: min(760px, calc(100vw - 28px));
    border: 1px solid var(--arc-line-strong);
    background: #04101d;
    box-shadow: 0 0 0 1px rgba(104,231,255,.10), 0 28px 100px rgba(0,0,0,.62);
    padding: 14px;
}
.arcsecs-command-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--arc-line);
    color: var(--arc-cyan);
    text-transform: uppercase;
    letter-spacing: .14em;
}
.arcsecs-command-card p { color: var(--arc-dim); margin: 10px 0 12px; font-size: 12px; }
.arcsecs-command-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.arcsecs-command-grid button {
    justify-content: flex-start !important;
    min-height: 40px;
    text-align: left;
}
.arcsecs-physics-demo[data-keyboard-ready="true"] .arcsecs-demo-hero::after {
    content: "keyboard ready: space/r/s/?/1-9";
    position: absolute;
    right: 12px;
    bottom: -26px;
    color: rgba(104,231,255,.62);
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
    pointer-events: none;
}
.arcsecs-demo-hero { position: relative; }
@media (max-width: 740px) {
    .arcsecs-command-grid { grid-template-columns: 1fr; }
    .arcsecs-command-card { max-height: calc(100svh - 40px); overflow: auto; }
}

/* v4.1.0 precision polish pass: denser research-console proportions and stronger visual hierarchy. */
.arcsecs-physics-demo {
    --arc-panel: rgba(2, 10, 22, .95);
    --arc-panel-strong: rgba(4, 18, 34, .98);
    --arc-grid: rgba(104, 231, 255, .09);
    --arc-success: #7cffd4;
    --arc-warn: #ffcc66;
    --arc-danger: #ff728a;
    background-image:
        linear-gradient(rgba(104,231,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(104,231,255,.035) 1px, transparent 1px),
        radial-gradient(circle at 15% 10%, rgba(104,231,255,.16), transparent 30rem),
        radial-gradient(circle at 82% 16%, rgba(144,108,255,.12), transparent 34rem),
        linear-gradient(180deg, #020b15, #01040b 72%);
    background-size: 28px 28px, 28px 28px, auto, auto, auto;
}
.arcsecs-demo-hero {
    min-height: 60px;
    height: auto;
    grid-template-columns: minmax(310px, 1.05fr) minmax(320px, 1.2fr) minmax(250px, .85fr) auto;
    gap: 10px;
    padding: 7px 10px;
    background: linear-gradient(180deg, rgba(6,23,43,.98), rgba(2,9,18,.96));
    border-bottom: 1px solid rgba(104,231,255,.72);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.05), 0 10px 34px rgba(0,0,0,.36);
}
.arcsecs-demo-brand {
    min-width: 0;
}
.arcsecs-demo-brand-link:hover,
.arcsecs-demo-brand-link:focus-visible {
    outline: 1px solid rgba(124,255,212,.72) !important;
    outline-offset: 3px;
    background: rgba(104,231,255,.065);
}
.arcsecs-demo-mark {
    width: 38px;
    height: 38px;
    border-color: rgba(124,255,212,.9);
    color: #9fffea;
    text-shadow: 0 0 12px rgba(124,255,212,.55);
}
.arcsecs-demo-kicker {
    color: var(--arc-cyan);
    font-size: 9px;
    letter-spacing: .18em;
}
.arcsecs-demo-title {
    font-size: clamp(18px, 1.55vw, 28px);
    letter-spacing: -.025em;
}
.arcsecs-demo-subtitle {
    align-self: stretch;
    border-left: 1px solid rgba(104,231,255,.26);
    border-right: 1px solid rgba(104,231,255,.16);
    padding: 5px 10px;
    background: rgba(2,8,16,.42);
}
.arcsecs-demo-subtitle span {
    color: #d8f7ff;
    font-size: 11px;
    line-height: 1.35;
}
.arcsecs-demo-subtitle strong {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 6px;
    border: 1px solid rgba(255,204,102,.35);
    color: var(--arc-warn);
    font-size: 9px;
    letter-spacing: .16em;
}
.arcsecs-header-readouts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    min-width: 250px;
}
.arcsecs-header-readouts span {
    display: grid;
    gap: 1px;
    padding: 5px 7px;
    border: 1px solid rgba(104,231,255,.18);
    background: rgba(0,0,0,.2);
    color: var(--arc-dim);
    font-size: 8px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: .13em;
}
.arcsecs-header-readouts strong {
    color: var(--arc-text);
    font-size: 10px;
    letter-spacing: .02em;
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.arcsecs-demo-actions {
    gap: 5px;
}
.arcsecs-demo-actions button,
.arcsecs-demo-actions a {
    min-height: 32px !important;
    padding: 0 10px !important;
    border-color: rgba(104,231,255,.38) !important;
    background: rgba(2, 14, 27, .92) !important;
}
.arcsecs-demo-grid {
    grid-template-columns: clamp(220px, 16vw, 300px) minmax(560px, 1fr) clamp(300px, 23vw, 430px);
    gap: 8px;
    padding: 8px;
}
.arcsecs-panel,
.arcsecs-viewport-wrap,
.arcsecs-current-model,
.arcsecs-research-ribbon,
.arcsecs-bottom-graphs canvas {
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 18px 42px rgba(0,0,0,.22);
}
.arcsecs-control-panel,
.arcsecs-diagnostics-panel {
    background: linear-gradient(180deg, rgba(4,18,34,.98), rgba(1,7,14,.96));
    border-color: rgba(104,231,255,.32);
}
.arcsecs-section-title {
    margin: 9px 0 6px;
    padding: 5px 0;
    border-top: 1px solid rgba(104,231,255,.18);
    border-bottom: 1px solid rgba(104,231,255,.10);
}
.arcsecs-section-title span {
    background: rgba(124,255,212,.16);
    color: var(--arc-success);
}
.arcsecs-control-form label {
    gap: 4px;
    color: #b6d5e6;
    font-size: 10px;
    letter-spacing: .02em;
}
.arcsecs-control-form input,
.arcsecs-control-form select {
    min-height: 28px !important;
    padding: 4px 8px !important;
    background: #010915 !important;
}
.arcsecs-control-form input:focus,
.arcsecs-control-form select:focus,
.arcsecs-physics-demo button:focus-visible,
.arcsecs-physics-demo a:focus-visible {
    outline: 1px solid rgba(124,255,212,.95) !important;
    outline-offset: 2px;
    border-color: rgba(124,255,212,.95) !important;
}
.arcsecs-scenario-buttons {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}
.arcsecs-scenario-buttons button {
    justify-content: flex-start !important;
    min-height: 30px !important;
    padding: 4px 6px !important;
    font-size: 9px !important;
    text-align: left;
}
.arcsecs-scenario-buttons button.is-active,
.arcsecs-command-grid button.is-active {
    border-color: rgba(124,255,212,.95) !important;
    background: linear-gradient(90deg, rgba(124,255,212,.22), rgba(104,231,255,.08)) !important;
    color: #f1fffb !important;
    box-shadow: inset 3px 0 0 var(--arc-success) !important;
}
.arcsecs-current-model {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 6px 10px;
    background: linear-gradient(90deg, rgba(104,231,255,.12), rgba(144,108,255,.045));
}
.arcsecs-current-model strong {
    color: var(--arc-text);
    font-size: 12px;
}
.arcsecs-current-model span {
    color: var(--arc-dim);
    font-size: 10px;
}
.arcsecs-research-ribbon {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid rgba(104,231,255,.22);
    background: rgba(1, 8, 17, .86);
}
.arcsecs-research-ribbon span {
    display: grid;
    gap: 3px;
    padding: 7px 9px;
    min-width: 0;
    border-right: 1px solid rgba(104,231,255,.12);
}
.arcsecs-research-ribbon span:last-child { border-right: 0; }
.arcsecs-research-ribbon em {
    color: var(--arc-cyan);
    font-style: normal;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .15em;
}
.arcsecs-research-ribbon strong {
    color: #f5fbff;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arcsecs-viewport-column {
    grid-template-rows: auto auto minmax(360px, 1fr) 38px minmax(140px, .34fr);
    gap: 7px;
}
.arcsecs-viewport-wrap {
    position: relative;
    min-height: 420px;
    background:
        linear-gradient(rgba(104,231,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(104,231,255,.045) 1px, transparent 1px),
        radial-gradient(circle at 50% 42%, rgba(104,231,255,.12), transparent 34rem),
        #010712;
    background-size: 32px 32px, 32px 32px, auto, auto;
}
.arcsecs-viewport-wrap::before,
.arcsecs-viewport-wrap::after {
    content: "";
    position: absolute;
    inset: 8px;
    pointer-events: none;
    border: 1px solid rgba(124,255,212,.16);
}
.arcsecs-viewport-wrap::after {
    inset: 18px;
    border-color: rgba(104,231,255,.08);
}
.arcsecs-viewport-wrap canvas {
    width: 100%;
    height: 100%;
    display: block;
}
.arcsecs-viewport-corner {
    position: absolute;
    z-index: 2;
    color: rgba(104,231,255,.72);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
    background: rgba(1, 7, 14, .72);
    border: 1px solid rgba(104,231,255,.18);
    padding: 3px 5px;
    pointer-events: none;
}
.arcsecs-viewport-corner.top-left { top: 9px; left: 9px; }
.arcsecs-viewport-corner.top-right { top: 9px; right: 9px; }
.arcsecs-viewport-corner.bottom-left { bottom: 9px; left: 9px; }
.arcsecs-viewport-corner.bottom-right { bottom: 9px; right: 9px; }
.arcsecs-telemetry-strip {
    gap: 4px;
    padding: 0;
    border: 1px solid rgba(104,231,255,.22);
    background: rgba(1, 7, 14, .90);
}
.arcsecs-telemetry-strip span {
    min-height: 36px;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 4px 8px;
    border-right: 1px solid rgba(104,231,255,.12);
    color: var(--arc-dim);
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .13em;
}
.arcsecs-telemetry-strip span:last-child { border-right: 0; }
.arcsecs-telemetry-strip strong {
    color: var(--arc-success);
    font-size: 11px;
    letter-spacing: .02em;
    text-transform: none;
}
.arcsecs-bottom-graphs {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}
.arcsecs-diagnostics-panel section {
    padding: 9px 10px;
    border-bottom: 1px solid rgba(104,231,255,.16);
}
.arcsecs-diagnostics-panel h2 {
    margin: 0 0 6px;
    color: var(--arc-cyan);
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.arcsecs-diagnostics-panel dl {
    display: grid;
    grid-template-columns: minmax(110px, .7fr) 1fr;
    gap: 4px 8px;
    margin: 0;
}
.arcsecs-diagnostics-panel dt {
    color: var(--arc-dim);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .09em;
}
.arcsecs-diagnostics-panel dd {
    margin: 0;
    color: #fff;
    font-size: 10px;
}
.arcsecs-priority-panel {
    background: linear-gradient(90deg, rgba(124,255,212,.08), rgba(104,231,255,.02));
}
.arcsecs-priority-panel p {
    margin: 0;
    color: #d9f8ff;
    font-size: 11px;
    line-height: 1.45;
}
.arcsecs-is-dirty .arcsecs-telemetry-strip {
    border-color: rgba(255,204,102,.55);
}
.arcsecs-is-dirty .arcsecs-telemetry-strip::before {
    content: "parameters changed - rerun recommended";
    position: absolute;
    transform: translateY(-100%);
    right: 10px;
    color: var(--arc-warn);
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .16em;
}
.arcsecs-command-card {
    background:
        linear-gradient(rgba(104,231,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(104,231,255,.03) 1px, transparent 1px),
        #020b15;
    background-size: 24px 24px, 24px 24px, auto;
}
@media (max-width: 1420px) {
    .arcsecs-demo-hero { grid-template-columns: 1fr auto; }
    .arcsecs-demo-subtitle,
    .arcsecs-header-readouts { grid-column: 1 / -1; }
    .arcsecs-demo-grid { grid-template-columns: 240px minmax(480px,1fr) 330px; }
}
@media (max-width: 1180px) {
    .arcsecs-demo-grid { grid-template-columns: 1fr; }
    .arcsecs-research-ribbon { grid-template-columns: 1fr 1fr; }
    .arcsecs-viewport-column { grid-template-rows: auto auto minmax(460px, 62svh) auto auto; }
}
@media (max-width: 680px) {
    .arcsecs-header-readouts,
    .arcsecs-research-ribbon,
    .arcsecs-bottom-graphs { grid-template-columns: 1fr; }
    .arcsecs-demo-title { font-size: 18px; }
    .arcsecs-viewport-wrap { min-height: 380px; }
}

/* v4.1.0 Dark Matter Drive Ramjet subsystem polish */
.arcsecs-physics-demo .arcsecs-ramjet-controls-title { border-color: rgba(255, 125, 80, .55); }
.arcsecs-physics-demo .arcsecs-ramjet-inspector dl,
.arcsecs-physics-demo [data-arcsecs-diagnostics] { display: grid; grid-template-columns: minmax(120px, .9fr) minmax(0, 1fr); gap: 3px 10px; }
.arcsecs-physics-demo .arcsecs-ramjet-inspector dt,
.arcsecs-physics-demo [data-arcsecs-diagnostics] dt { color: #68e7ff; text-transform: uppercase; letter-spacing: .08em; font-size: 10px; }
.arcsecs-physics-demo .arcsecs-ramjet-inspector dd,
.arcsecs-physics-demo [data-arcsecs-diagnostics] dd { margin: 0; color: #f5fbff; font-weight: 700; }
.arcsecs-physics-demo .arcsecs-energy-flow { display: grid; gap: 6px; }
.arcsecs-physics-demo .arcsecs-energy-flow span { display: grid; grid-template-columns: 90px 1fr 80px; align-items: center; gap: 8px; min-height: 19px; }
.arcsecs-physics-demo .arcsecs-energy-flow em { font-style: normal; color: #9ecce0; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.arcsecs-physics-demo .arcsecs-energy-flow b { display: block; height: 6px; min-width: 6px; background: linear-gradient(90deg, #68e7ff, #906cff, #ffcc66, #ff4d57); box-shadow: 0 0 14px rgba(104, 231, 255, .35); }
.arcsecs-physics-demo .arcsecs-energy-flow strong { color: #eaf7ff; text-align: right; font-variant-numeric: tabular-nums; }
.arcsecs-physics-demo button[data-arcsecs-preset="darkMatterRamjet"] { border-color: rgba(255, 125, 80, .7); color: #ffd1be; }
.arcsecs-physics-demo button[data-arcsecs-preset="darkMatterRamjet"].is-active { background: linear-gradient(90deg, rgba(255, 125, 80, .22), rgba(104, 231, 255, .12)); color: #ffffff; }


/* v4.1.0 advanced ramjet operations layer */
.arcsecs-physics-demo .arcsecs-ramjet-preset-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 6px 0 10px;
}
.arcsecs-physics-demo .arcsecs-flight-director,
.arcsecs-physics-demo .arcsecs-subsystem-table,
.arcsecs-physics-demo .arcsecs-warning-timeline,
.arcsecs-physics-demo .arcsecs-ramjet-comparison {
    border: 1px solid rgba(104,231,255,.22);
    background: linear-gradient(180deg, rgba(10,28,48,.72), rgba(4,10,22,.92));
    padding: 10px;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
    line-height: 1.45;
}
.arcsecs-physics-demo .arcsecs-flight-director strong {
    display: inline-block;
    border: 1px solid rgba(255,208,96,.65);
    color: #ffd060;
    padding: 2px 8px;
    margin-bottom: 6px;
}
.arcsecs-physics-demo .arcsecs-subsystem-table table {
    width: 100%;
    border-collapse: collapse;
}
.arcsecs-physics-demo .arcsecs-subsystem-table th,
.arcsecs-physics-demo .arcsecs-subsystem-table td {
    border-bottom: 1px solid rgba(104,231,255,.16);
    padding: 5px 4px;
    text-align: left;
    vertical-align: top;
}
.arcsecs-physics-demo .arcsecs-warning-timeline {
    display: grid;
    gap: 5px;
}
.arcsecs-physics-demo .arcsecs-warning-timeline span {
    display: flex;
    gap: 8px;
    border-left: 2px solid #ff7d50;
    padding-left: 8px;
    color: #ffd8c6;
}
.arcsecs-physics-demo .arcsecs-warning-timeline strong {
    color: #68e7ff;
    min-width: 34px;
}


/* v4.1.0 final polish: instrument-density, subsystem focus rail, and mission-grade contrast. */
.arcsecs-physics-demo {
    --arc-ink: #f4fbff;
    --arc-muted-panel: rgba(3, 12, 24, .78);
    --arc-glow-soft: 0 0 24px rgba(104,231,255,.12);
}
.arcsecs-demo-hero {
    border-top: 1px solid rgba(124,255,212,.38);
}
.arcsecs-demo-actions button,
.arcsecs-demo-actions a,
.arcsecs-scenario-buttons button,
.arcsecs-ramjet-preset-buttons button,
.arcsecs-button-row button,
.arcsecs-import-button {
    position: relative;
    overflow: hidden;
}
.arcsecs-demo-actions button::before,
.arcsecs-demo-actions a::before,
.arcsecs-scenario-buttons button::before,
.arcsecs-ramjet-preset-buttons button::before,
.arcsecs-button-row button::before,
.arcsecs-import-button::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: rgba(104,231,255,.6);
    opacity: .72;
}
.arcsecs-demo-actions button:hover,
.arcsecs-demo-actions a:hover,
.arcsecs-scenario-buttons button:hover,
.arcsecs-ramjet-preset-buttons button:hover,
.arcsecs-button-row button:hover,
.arcsecs-import-button:hover {
    transform: translateY(-1px);
    box-shadow: inset 0 0 0 1px rgba(124,255,212,.18), 0 0 22px rgba(104,231,255,.12) !important;
}
.arcsecs-scenario-buttons button.is-active,
.arcsecs-ramjet-preset-buttons button.is-active,
.arcsecs-ramjet-pipeline-deck button.is-active {
    border-color: rgba(124,255,212,.95) !important;
    background: linear-gradient(90deg, rgba(18,74,88,.82), rgba(3,18,34,.95)) !important;
    color: #f5ffff !important;
}
.arcsecs-ramjet-pipeline-deck {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 6px;
    min-height: 54px;
    padding: 6px;
    border: 1px solid rgba(104,231,255,.28);
    background: linear-gradient(180deg, rgba(2,12,24,.92), rgba(1,6,14,.84));
    box-shadow: var(--arc-glow-soft);
}
.arcsecs-ramjet-pipeline-deck button {
    min-width: 0;
    min-height: 42px !important;
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 6px;
    row-gap: 1px;
    justify-content: start !important;
    align-content: center;
    text-align: left;
    padding: 5px 7px !important;
    border-color: rgba(104,231,255,.22) !important;
    background: rgba(1,8,18,.88) !important;
}
.arcsecs-ramjet-pipeline-deck button strong {
    grid-row: 1 / span 2;
    align-self: center;
    color: #04101d;
    background: var(--arc-cyan);
    font-size: 10px;
    padding: 2px 4px;
}
.arcsecs-ramjet-pipeline-deck button span {
    color: var(--arc-ink);
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arcsecs-ramjet-pipeline-deck button em {
    color: var(--arc-dim);
    font-size: 8px;
    font-style: normal;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.arcsecs-viewport-column {
    grid-template-rows: auto auto minmax(0, 1fr) 42px 190px;
}
.arcsecs-current-model,
.arcsecs-research-ribbon {
    background: linear-gradient(90deg, rgba(4,22,40,.92), rgba(1,8,18,.88));
}
.arcsecs-viewport-wrap {
    border-color: rgba(104,231,255,.48);
    box-shadow: inset 0 0 0 1px rgba(124,255,212,.04), inset 0 0 60px rgba(104,231,255,.045), 0 18px 50px rgba(0,0,0,.34);
}
.arcsecs-viewport-overlay {
    left: 8px;
    right: 8px;
    bottom: 8px;
    padding: 5px 7px;
    border: 1px solid rgba(104,231,255,.16);
    background: rgba(1,6,13,.72);
    color: #c8f4ff;
    letter-spacing: .08em;
    text-transform: uppercase;
    max-width: calc(100% - 16px);
}
.arcsecs-inspector-lede {
    color: var(--arc-dim);
    font-size: 10px;
    line-height: 1.35;
    border-left: 2px solid rgba(124,255,212,.8);
    padding: 4px 0 4px 8px;
    margin-bottom: 7px;
    background: rgba(124,255,212,.035);
}
.arcsecs-subsystem-card header {
    display: grid;
    gap: 2px;
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: 1px solid rgba(104,231,255,.18);
}
.arcsecs-subsystem-card header span {
    color: var(--arc-cyan);
    font-size: 9px;
    letter-spacing: .15em;
    text-transform: uppercase;
    font-weight: 800;
}
.arcsecs-subsystem-card header strong {
    color: var(--arc-ink);
    font-size: 13px;
}
.arcsecs-subsystem-card p {
    color: #cfe8f3;
    margin: 0 0 8px;
}
.arcsecs-subsystem-card footer {
    margin-top: 8px;
    color: var(--arc-warn);
    font-size: 9px;
    line-height: 1.35;
    border-top: 1px solid rgba(255,204,102,.18);
    padding-top: 6px;
}
.arcsecs-energy-flow span {
    display: grid;
    grid-template-columns: 82px 1fr 56px;
    align-items: center;
    gap: 6px;
    min-height: 21px;
    font-size: 10px;
}
.arcsecs-energy-flow span em {
    color: var(--arc-cyan);
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.arcsecs-energy-flow span b {
    display: block;
    height: 5px;
    background: linear-gradient(90deg, var(--arc-cyan), var(--arc-orange));
    box-shadow: 0 0 10px rgba(104,231,255,.24);
}
.arcsecs-energy-flow span strong {
    color: var(--arc-ink);
    text-align: right;
}
.arcsecs-warning-timeline {
    display: grid;
    gap: 5px;
}
.arcsecs-warning-timeline span {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 6px;
    align-items: center;
    border: 1px solid rgba(255,204,102,.22);
    background: rgba(255,204,102,.035);
    padding: 4px 6px;
    color: #ffe3a3;
    font-size: 10px;
}
.arcsecs-warning-timeline span strong {
    color: #01040b;
    background: var(--arc-warn);
    text-align: center;
    padding: 2px 3px;
}
.arcsecs-ramjet-inspector dl,
.arcsecs-subsystem-card dl {
    display: grid;
    grid-template-columns: minmax(96px, .85fr) 1fr;
    gap: 6px;
    margin: 0;
}
.arcsecs-ramjet-inspector dt,
.arcsecs-subsystem-card dt {
    color: var(--arc-cyan);
    text-transform: uppercase;
    letter-spacing: .10em;
    font-size: 9px;
}
.arcsecs-ramjet-inspector dd,
.arcsecs-subsystem-card dd {
    margin: 0;
    color: var(--arc-ink);
    font-size: 10px;
}
.arcsecs-subsystem-table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}
.arcsecs-subsystem-table th,
.arcsecs-subsystem-table td {
    border-bottom: 1px solid rgba(104,231,255,.14);
    padding: 4px 5px;
    text-align: left;
}
.arcsecs-subsystem-table th {
    color: var(--arc-cyan);
    text-transform: uppercase;
    letter-spacing: .08em;
}
@media (max-width: 1320px) {
    .arcsecs-ramjet-pipeline-deck { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 740px) {
    .arcsecs-ramjet-pipeline-deck { grid-template-columns: 1fr 1fr; }
    .arcsecs-viewport-column { grid-template-rows: auto auto auto auto 58svh 42px 360px; }
}


/* v4.1.0 Relational Theatrical Physics Engine polish */
.arcsecs-physics-demo .arcsecs-demo-hero { background: linear-gradient(90deg, rgba(1,8,18,.98), rgba(3,18,34,.94)); border-bottom: 1px solid rgba(104,231,255,.42); }
.arcsecs-physics-demo .arcsecs-demo-subtitle strong { display:inline-flex; margin-left:.45rem; padding:.13rem .38rem; border:1px solid rgba(104,231,255,.38); color:#7dd3fc; background:rgba(1,18,34,.72); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }
.arcsecs-physics-demo .arcsecs-scenario-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.arcsecs-physics-demo .arcsecs-scenario-buttons button { min-height: 30px; text-align:left; }
.arcsecs-physics-demo .arcsecs-demo-footer { display:flex; gap:1rem; align-items:center; justify-content:center; min-height:32px; color:#9ecfe2; border-top:1px solid rgba(104,231,255,.25); background:#010812; font-size:.72rem; letter-spacing:.05em; }
.arcsecs-physics-demo .arcsecs-current-model strong::after { content:'  •  Relational Theatrical Physics Engine'; color:#68e7ff; font-weight:600; }
.arcsecs-physics-demo[data-experimental-platform="true"] canvas { image-rendering:auto; }


/* v4.1.0 Validation Lab and synthetic observation instrumentation */
.arcsecs-validation-lab-card,
.arcsecs-observation-frame-card,
.arcsecs-benchmark-card,
.arcsecs-measurement-history-card { border-color: rgba(98, 231, 255, .42) !important; background: linear-gradient(180deg, rgba(3, 20, 38, .96), rgba(0, 7, 16, .98)) !important; }
.arcsecs-validation-score { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 6px 10px; align-items: baseline; padding: 8px; border: 1px solid rgba(98, 231, 255, .28); background: rgba(8, 28, 52, .74); margin-bottom: 8px; }
.arcsecs-validation-score strong { color: #7dfff0; font-size: 1.05rem; }
.arcsecs-validation-score span { color: #9ec7d8; text-transform: uppercase; font-size: .68rem; letter-spacing: .08em; }
.arcsecs-validation-lab table,
.arcsecs-benchmark-panel table { width: 100%; border-collapse: collapse; font-size: .74rem; }
.arcsecs-validation-lab th,
.arcsecs-validation-lab td,
.arcsecs-benchmark-panel th,
.arcsecs-benchmark-panel td { border-bottom: 1px solid rgba(98, 231, 255, .18); padding: 5px 6px; text-align: left; }
.arcsecs-validation-lab th,
.arcsecs-benchmark-panel th { color: #6ee7ff; text-transform: uppercase; letter-spacing: .09em; font-size: .66rem; }
.arcsecs-observation-frame dl { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; margin: 0 0 8px; }
.arcsecs-observation-frame dt { color: #9ec7d8; text-transform: uppercase; font-size: .68rem; }
.arcsecs-observation-frame dd { margin: 0; color: #fff4bf; font-weight: 700; }
.arcsecs-measurement-history { display: grid; gap: 6px; }
.arcsecs-measurement-history span { display: grid; grid-template-columns: 1.2fr auto auto; gap: 8px; align-items: center; padding: 6px 8px; border: 1px solid rgba(98, 231, 255, .18); background: rgba(7, 18, 33, .76); }
.arcsecs-measurement-history strong { color: #eaf7ff; }
.arcsecs-measurement-history em { color: #7dfff0; font-style: normal; text-transform: uppercase; }
.arcsecs-measurement-history b { color: #ffd25d; }
.arcsecs-measurement-history small { grid-column: 1 / -1; color: #7ea9ba; font-size: .65rem; }


/* v4.1.0 calibration certificate, readiness matrix, and experiment queue polish */
.arcsecs-calibration-certificate,
.arcsecs-readiness-matrix,
.arcsecs-experiment-queue {
    display: grid;
    gap: .55rem;
    color: #dff8ff;
}
.arcsecs-calibration-certificate table,
.arcsecs-readiness-matrix table {
    width: 100%;
    border-collapse: collapse;
    font-size: .74rem;
}
.arcsecs-calibration-certificate th,
.arcsecs-calibration-certificate td,
.arcsecs-readiness-matrix th,
.arcsecs-readiness-matrix td {
    border: 1px solid rgba(104, 231, 255, .18);
    padding: .38rem .45rem;
    vertical-align: top;
}
.arcsecs-certificate-verdict,
.arcsecs-readiness-score {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    gap: .7rem;
    border: 1px solid rgba(100, 255, 154, .32);
    background: linear-gradient(90deg, rgba(100,255,154,.12), rgba(104,231,255,.06));
    padding: .55rem .65rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.arcsecs-certificate-verdict strong,
.arcsecs-readiness-score strong {
    color: #64ff9a;
    font-size: 1.2rem;
}
.arcsecs-experiment-queue button {
    display: grid;
    grid-template-columns: 2.2rem 1fr;
    gap: .15rem .55rem;
    width: 100%;
    text-align: left;
    border: 1px solid rgba(104,231,255,.22);
    background: rgba(3, 12, 24, .92);
    color: #eaf7ff;
    padding: .45rem .55rem;
}
.arcsecs-experiment-queue button strong { color: #68e7ff; grid-row: span 2; }
.arcsecs-experiment-queue button span { font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.arcsecs-experiment-queue button em { color: rgba(234,247,255,.72); font-style: normal; font-size: .72rem; }
.arcsecs-experiment-queue button:hover,
.arcsecs-experiment-queue button:focus-visible,
.arcsecs-experiment-queue button.is-active {
    border-color: rgba(255,204,102,.75);
    box-shadow: inset 0 0 0 1px rgba(255,204,102,.28), 0 0 18px rgba(104,231,255,.12);
    outline: none;
}
@media (prefers-reduced-motion: reduce) {
    .arcsecs-physics-demo *, .arcsecs-physics-demo *::before, .arcsecs-physics-demo *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}


/* v4.1.0 polish and QA cockpit layer */
.arcsecs-experimental-physics-engine [data-arcsecs-quality-gate],
.arcsecs-experimental-physics-engine [data-arcsecs-scenario-passport],
.arcsecs-experimental-physics-engine [data-arcsecs-anomaly-triage],
.arcsecs-experimental-physics-engine [data-arcsecs-accessibility-audit],
.arcsecs-experimental-physics-engine [data-arcsecs-performance-envelope],
.arcsecs-experimental-physics-engine [data-arcsecs-test-coverage] {
    border: 1px solid rgba(93, 234, 255, .22);
    background: linear-gradient(135deg, rgba(6, 18, 30, .96), rgba(10, 29, 44, .88));
    padding: 10px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 0 18px rgba(0, 209, 255, .08);
}
.arcsecs-experimental-physics-engine .arcsecs-gate-score {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
    align-items: baseline;
    margin-bottom: 8px;
}
.arcsecs-experimental-physics-engine .arcsecs-gate-score strong {
    color: #74f5ff;
    font-size: 20px;
}
.arcsecs-experimental-physics-engine .arcsecs-gate-score span {
    color: #9fb7c6;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 10px;
}
.arcsecs-experimental-physics-engine [data-arcsecs-quality-gate] ul,
.arcsecs-experimental-physics-engine [data-arcsecs-accessibility-audit] ul {
    list-style: none;
    padding: 0;
    margin: 0 0 8px;
    display: grid;
    gap: 5px;
}
.arcsecs-experimental-physics-engine [data-arcsecs-quality-gate] li {
    display: grid;
    gap: 2px;
    border-left: 3px solid #21d889;
    padding: 5px 7px;
    background: rgba(255,255,255,.035);
}
.arcsecs-experimental-physics-engine [data-arcsecs-quality-gate] li.is-warn { border-left-color: #ffb84d; }
.arcsecs-experimental-physics-engine .arcsecs-anomaly {
    border-left: 3px solid #21d889;
    padding: 7px 8px;
    margin-bottom: 6px;
    background: rgba(255,255,255,.035);
    display: grid;
    gap: 3px;
}
.arcsecs-experimental-physics-engine .arcsecs-anomaly.is-warn { border-left-color: #ffb84d; }
.arcsecs-experimental-physics-engine .arcsecs-anomaly.is-critical { border-left-color: #ff4f6d; }
.arcsecs-experimental-physics-engine .arcsecs-scenario-passport dl,
.arcsecs-experimental-physics-engine .arcsecs-performance-envelope dl {
    display: grid;
    grid-template-columns: minmax(110px, .6fr) 1.4fr;
    gap: 5px 8px;
    margin: 0 0 8px;
}
.arcsecs-experimental-physics-engine [data-arcsecs-test-coverage] table { width: 100%; font-size: 11px; border-collapse: collapse; }
.arcsecs-experimental-physics-engine [data-arcsecs-test-coverage] th,
.arcsecs-experimental-physics-engine [data-arcsecs-test-coverage] td { border-bottom: 1px solid rgba(255,255,255,.08); padding: 5px; vertical-align: top; }
.arcsecs-experimental-physics-engine [data-arcsecs-test-coverage] th { color: #74f5ff; text-transform: uppercase; letter-spacing: .08em; }


/* v4.1.0 large-slice cockpit polish: stability, capability, runbook, release, recorder. */
.arcsecs-experimental-physics-engine [data-arcsecs-stability-drilldown],
.arcsecs-experimental-physics-engine [data-arcsecs-capability-map],
.arcsecs-experimental-physics-engine [data-arcsecs-operator-runbook],
.arcsecs-experimental-physics-engine [data-arcsecs-release-checklist],
.arcsecs-experimental-physics-engine [data-arcsecs-experiment-recorder] {
    border: 1px solid rgba(93, 224, 255, .18);
    background: linear-gradient(135deg, rgba(4, 18, 29, .92), rgba(7, 10, 24, .96));
    padding: 10px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 0 18px rgba(0, 204, 255, .045);
}
.arcsecs-experimental-physics-engine .arcsecs-capability-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 8px 0;
}
.arcsecs-experimental-physics-engine .arcsecs-capability-grid span,
.arcsecs-experimental-physics-engine .arcsecs-recorder-timeline span {
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(0,0,0,.22);
    padding: 6px 8px;
    font-size: 11px;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.arcsecs-experimental-physics-engine .arcsecs-capability-grid .is-pass { color: #86ffd7; border-color: rgba(134,255,215,.22); }
.arcsecs-experimental-physics-engine .arcsecs-capability-grid .is-warn { color: #ffcf7a; border-color: rgba(255,207,122,.22); }
.arcsecs-experimental-physics-engine .arcsecs-recorder-timeline { display: grid; gap: 5px; }
.arcsecs-experimental-physics-engine .arcsecs-recorder-timeline strong { color: #5de0ff; margin-right: 8px; }
.arcsecs-experimental-physics-engine [data-arcsecs-operator-runbook] ol { padding-left: 20px; margin: 0 0 8px; }
.arcsecs-experimental-physics-engine [data-arcsecs-operator-runbook] li { margin-bottom: 7px; }
.arcsecs-experimental-physics-engine [data-arcsecs-operator-runbook] li span { display: block; color: rgba(232,245,255,.76); margin-top: 2px; }
.arcsecs-experimental-physics-engine [data-arcsecs-release-checklist] li,
.arcsecs-experimental-physics-engine [data-arcsecs-quality-gate] li { border-left: 2px solid rgba(255,255,255,.12); padding-left: 8px; margin-bottom: 6px; }
.arcsecs-experimental-physics-engine [data-arcsecs-release-checklist] .is-pass { border-left-color: #5dffb1; }
.arcsecs-experimental-physics-engine [data-arcsecs-release-checklist] .is-warn { border-left-color: #ffb85d; }

/* v4.1.0 standard-screen instrument density pass.
   Purpose: remove the remaining Bootstrap-like large-button feel at 1366px/standard laptop sizes
   and keep the simulator cockpit tighter without relying on theme or framework styling. */
.arcsecs-physics-demo {
    height: 100svh;
    max-height: 100svh;
    overflow: hidden !important;
    font-size: 12px;
}
.arcsecs-physics-demo .arcsecs-demo-hero {
    display: grid !important;
    grid-template-columns: minmax(260px, .88fr) minmax(340px, 1.2fr) minmax(250px, .72fr) !important;
    grid-template-areas:
        "brand subtitle readouts"
        "actions actions actions" !important;
    align-items: center !important;
    gap: 5px 8px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 5px 10px 6px !important;
}
.arcsecs-physics-demo .arcsecs-demo-brand { grid-area: brand; }
.arcsecs-physics-demo .arcsecs-demo-subtitle { grid-area: subtitle; min-height: 0 !important; padding: 4px 8px !important; }
.arcsecs-physics-demo .arcsecs-header-readouts { grid-area: readouts; min-width: 0 !important; }
.arcsecs-physics-demo .arcsecs-demo-actions {
    grid-area: actions;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(104,231,255,.45) rgba(1,8,18,.9);
    padding: 1px 0 2px !important;
    border-top: 1px solid rgba(104,231,255,.16);
}
.arcsecs-physics-demo .arcsecs-demo-actions::-webkit-scrollbar { height: 5px; }
.arcsecs-physics-demo .arcsecs-demo-actions::-webkit-scrollbar-thumb { background: rgba(104,231,255,.45); }
.arcsecs-physics-demo .arcsecs-demo-actions > * {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    white-space: nowrap !important;
    background: rgba(1, 12, 24, .96) !important;
    border-color: rgba(104,231,255,.42) !important;
}
.arcsecs-physics-demo .arcsecs-demo-actions > *::before { width: 1px !important; }
.arcsecs-physics-demo .arcsecs-demo-actions > *:hover { transform: none !important; }
.arcsecs-physics-demo .arcsecs-demo-actions a.arcsecs-demo-back-link:first-child {
    color: #bffbff !important;
    border-color: rgba(124,255,212,.62) !important;
}
.arcsecs-physics-demo .arcsecs-demo-title {
    font-size: clamp(18px, 1.35vw, 23px) !important;
    line-height: 1 !important;
}
.arcsecs-physics-demo .arcsecs-demo-kicker {
    font-size: 8px !important;
    line-height: 1.05 !important;
}
.arcsecs-physics-demo .arcsecs-demo-subtitle span {
    font-size: 10px !important;
    line-height: 1.2 !important;
}
.arcsecs-physics-demo .arcsecs-demo-subtitle strong {
    margin-top: 3px !important;
    padding: 1px 5px !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
}
.arcsecs-physics-demo .arcsecs-demo-mark {
    width: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
}
.arcsecs-physics-demo .arcsecs-header-readouts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 3px !important;
}
.arcsecs-physics-demo .arcsecs-header-readouts span {
    padding: 3px 6px !important;
    font-size: 7px !important;
    min-height: 24px !important;
}
.arcsecs-physics-demo .arcsecs-header-readouts strong {
    font-size: 9px !important;
}
.arcsecs-physics-demo .arcsecs-demo-disclaimer {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
    letter-spacing: .11em !important;
}
.arcsecs-physics-demo .arcsecs-demo-grid {
    height: calc(100svh - 126px) !important;
    grid-template-columns: clamp(210px, 17vw, 260px) minmax(430px, 1fr) clamp(270px, 23vw, 360px) !important;
    gap: 6px !important;
    padding: 6px !important;
}
.arcsecs-physics-demo .arcsecs-control-panel,
.arcsecs-physics-demo .arcsecs-diagnostics-panel {
    padding: 8px !important;
}
.arcsecs-physics-demo .arcsecs-section-title {
    margin: 6px 0 5px !important;
    padding: 4px 0 !important;
    font-size: 9px !important;
}
.arcsecs-physics-demo .arcsecs-control-form { gap: 8px !important; }
.arcsecs-physics-demo .arcsecs-control-form label,
.arcsecs-physics-demo .arcsecs-toggle {
    font-size: 9px !important;
}
.arcsecs-physics-demo .arcsecs-control-form input,
.arcsecs-physics-demo .arcsecs-control-form select {
    min-height: 25px !important;
    height: 25px !important;
    padding: 3px 6px !important;
    font-size: 10px !important;
}
.arcsecs-physics-demo .arcsecs-scenario-buttons button,
.arcsecs-physics-demo .arcsecs-button-row button,
.arcsecs-physics-demo .arcsecs-import-button {
    min-height: 26px !important;
    padding: 3px 5px !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
}
.arcsecs-physics-demo .arcsecs-current-model,
.arcsecs-physics-demo .arcsecs-research-ribbon,
.arcsecs-physics-demo .arcsecs-operator-summary,
.arcsecs-physics-demo .arcsecs-scenario-contract {
    font-size: 10px !important;
}
.arcsecs-physics-demo .arcsecs-viewport-column {
    grid-template-rows: auto auto auto auto minmax(340px, 1fr) 34px 156px !important;
    gap: 6px !important;
}
.arcsecs-physics-demo .arcsecs-telemetry-strip {
    min-height: 34px !important;
}
.arcsecs-physics-demo .arcsecs-bottom-graphs {
    min-height: 0 !important;
}
.arcsecs-physics-demo .arcsecs-bottom-graphs canvas {
    min-height: 0 !important;
}
.arcsecs-physics-demo .arcsecs-panel h3,
.arcsecs-physics-demo .arcsecs-panel h4,
.arcsecs-physics-demo .arcsecs-panel strong {
    letter-spacing: .015em;
}
@media (max-width: 1180px) {
    .arcsecs-physics-demo .arcsecs-demo-hero {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "brand"
            "subtitle"
            "readouts"
            "actions" !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-actions { justify-content: flex-start !important; }
    .arcsecs-physics-demo .arcsecs-demo-grid {
        height: auto !important;
        min-height: calc(100svh - 180px) !important;
        overflow: auto !important;
        grid-template-columns: 1fr !important;
    }
    .arcsecs-physics-demo { overflow: auto !important; }
}
@media (max-height: 760px) and (min-width: 1181px) {
    .arcsecs-physics-demo .arcsecs-demo-grid {
        height: calc(100svh - 118px) !important;
        grid-template-columns: clamp(205px, 16vw, 245px) minmax(420px, 1fr) clamp(260px, 22vw, 340px) !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-column {
        grid-template-rows: auto auto auto auto minmax(280px, 1fr) 30px 130px !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-actions > * {
        height: 22px !important;
        min-height: 22px !important;
        font-size: 9px !important;
        padding: 0 7px !important;
    }
}
/* compatibility sentinel: v4.0.0 polish and QA cockpit layer */

/* v4.2.0 priority layout repair.
   The previous responsive layer still allowed non-essential panels to consume viewport area.
   This layer changes the simulator from fluid proportional scaling to priority sizing:
   fixed instrument chrome, fixed-width side consoles, dominant center viewport, capped graphs. */
.arcsecs-physics-demo,
.arcsecs-physics-demo * {
    box-sizing: border-box !important;
}
.arcsecs-physics-demo {
    --arc-left-width: 252px;
    --arc-right-width: 318px;
    --arc-gap: 6px;
    --arc-header-height: 82px;
    --arc-disclaimer-height: 24px;
    --arc-graph-height: 124px;
    --arc-rail-height: 40px;
    --arc-telemetry-height: 32px;
    --arc-control-height: 26px;
    height: 100svh !important;
    min-height: 680px !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}
.arcsecs-physics-demo button,
.arcsecs-physics-demo input,
.arcsecs-physics-demo select,
.arcsecs-physics-demo textarea,
.arcsecs-physics-demo a.arcsecs-demo-back-link,
.arcsecs-physics-demo .arcsecs-import-button {
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
@media (min-width: 1181px) {
    .arcsecs-physics-demo .arcsecs-demo-hero {
        height: var(--arc-header-height) !important;
        max-height: var(--arc-header-height) !important;
        min-height: var(--arc-header-height) !important;
        display: grid !important;
        grid-template-columns: 320px minmax(420px, 1fr) 300px !important;
        grid-template-rows: 48px 28px !important;
        grid-template-areas:
            "brand subtitle readouts"
            "actions actions actions" !important;
        gap: 3px 8px !important;
        padding: 5px 10px !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-brand {
        grid-area: brand !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-brand-copy {
        min-width: 0 !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-subtitle {
        grid-area: subtitle !important;
        align-self: stretch !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 4px 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        flex-wrap: wrap !important;
        align-content: center !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-subtitle span {
        flex: 1 1 340px !important;
        min-width: 0 !important;
        font-size: 10px !important;
        line-height: 1.18 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-subtitle strong {
        flex: 0 0 auto !important;
        margin: 0 !important;
        height: 18px !important;
        min-height: 18px !important;
        line-height: 16px !important;
        padding: 0 5px !important;
        font-size: 8px !important;
        letter-spacing: .08em !important;
        white-space: nowrap !important;
    }
    .arcsecs-physics-demo .arcsecs-header-readouts {
        grid-area: readouts !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 3px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-header-readouts span {
        min-height: 20px !important;
        height: 20px !important;
        padding: 2px 5px !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-actions {
        grid-area: actions !important;
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 2px 0 1px !important;
        border-top: 1px solid rgba(104,231,255,.14) !important;
        white-space: nowrap !important;
        scrollbar-width: thin !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-actions > * {
        flex: 0 0 auto !important;
        height: 23px !important;
        min-height: 23px !important;
        max-height: 23px !important;
        padding: 0 7px !important;
        font-size: 9px !important;
        line-height: 21px !important;
        letter-spacing: .045em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-grid {
        height: calc(100svh - var(--arc-header-height) - var(--arc-disclaimer-height)) !important;
        max-height: calc(100svh - var(--arc-header-height) - var(--arc-disclaimer-height)) !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: var(--arc-left-width) minmax(0, 1fr) var(--arc-right-width) !important;
        grid-template-areas: "left main right" !important;
        gap: var(--arc-gap) !important;
        padding: var(--arc-gap) !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-control-panel {
        grid-area: left !important;
        width: var(--arc-left-width) !important;
        min-width: var(--arc-left-width) !important;
        max-width: var(--arc-left-width) !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-column {
        grid-area: main !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: 100% !important;
        display: grid !important;
        grid-template-rows: 32px 42px auto auto var(--arc-rail-height) minmax(300px, 1fr) var(--arc-telemetry-height) var(--arc-graph-height) !important;
        gap: var(--arc-gap) !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-diagnostics-panel {
        grid-area: right !important;
        width: var(--arc-right-width) !important;
        min-width: var(--arc-right-width) !important;
        max-width: var(--arc-right-width) !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-current-model {
        min-height: 32px !important;
        max-height: 32px !important;
        height: 32px !important;
        overflow: hidden !important;
        padding: 4px 8px !important;
    }
    .arcsecs-physics-demo .arcsecs-research-ribbon {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-research-ribbon span {
        padding: 5px 7px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-ramjet-pipeline-deck {
        height: var(--arc-rail-height) !important;
        min-height: var(--arc-rail-height) !important;
        max-height: var(--arc-rail-height) !important;
        display: grid !important;
        grid-template-columns: repeat(8, minmax(74px, 1fr)) !important;
        gap: 4px !important;
        padding: 4px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin !important;
    }
    .arcsecs-physics-demo .arcsecs-ramjet-pipeline-deck button {
        min-height: 30px !important;
        height: 30px !important;
        padding: 3px 5px !important;
        column-gap: 4px !important;
    }
    .arcsecs-physics-demo .arcsecs-ramjet-pipeline-deck button strong {
        font-size: 8px !important;
        padding: 1px 3px !important;
    }
    .arcsecs-physics-demo .arcsecs-ramjet-pipeline-deck button span {
        font-size: 8px !important;
    }
    .arcsecs-physics-demo .arcsecs-ramjet-pipeline-deck button em {
        font-size: 7px !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-wrap {
        min-height: 340px !important;
        height: 100% !important;
        max-height: none !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-wrap canvas {
        width: 100% !important;
        height: 100% !important;
    }
    .arcsecs-physics-demo .arcsecs-telemetry-strip {
        height: var(--arc-telemetry-height) !important;
        min-height: var(--arc-telemetry-height) !important;
        max-height: var(--arc-telemetry-height) !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-telemetry-strip span {
        min-height: 0 !important;
        height: var(--arc-telemetry-height) !important;
        padding: 3px 6px !important;
        font-size: 7px !important;
    }
    .arcsecs-physics-demo .arcsecs-telemetry-strip strong {
        font-size: 10px !important;
    }
    .arcsecs-physics-demo .arcsecs-bottom-graphs {
        height: var(--arc-graph-height) !important;
        min-height: var(--arc-graph-height) !important;
        max-height: var(--arc-graph-height) !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: var(--arc-gap) !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-bottom-graphs canvas {
        min-height: 0 !important;
        height: 100% !important;
        max-height: var(--arc-graph-height) !important;
    }
    .arcsecs-physics-demo .arcsecs-control-form {
        gap: 6px !important;
    }
    .arcsecs-physics-demo .arcsecs-section-title {
        margin: 5px 0 4px !important;
        padding: 3px 0 !important;
        font-size: 8px !important;
    }
    .arcsecs-physics-demo .arcsecs-control-form label,
    .arcsecs-physics-demo .arcsecs-toggle {
        gap: 3px !important;
        font-size: 9px !important;
        line-height: 1.15 !important;
    }
    .arcsecs-physics-demo .arcsecs-control-form input,
    .arcsecs-physics-demo .arcsecs-control-form select {
        height: var(--arc-control-height) !important;
        min-height: var(--arc-control-height) !important;
        padding: 2px 6px !important;
        font-size: 10px !important;
    }
    .arcsecs-physics-demo .arcsecs-scenario-buttons,
    .arcsecs-physics-demo .arcsecs-button-row,
    .arcsecs-physics-demo .arcsecs-ramjet-preset-buttons {
        gap: 4px !important;
    }
    .arcsecs-physics-demo .arcsecs-scenario-buttons button,
    .arcsecs-physics-demo .arcsecs-button-row button,
    .arcsecs-physics-demo .arcsecs-ramjet-preset-buttons button,
    .arcsecs-physics-demo .arcsecs-import-button {
        min-height: 24px !important;
        height: 24px !important;
        padding: 2px 5px !important;
        font-size: 8px !important;
        line-height: 1.05 !important;
    }
    .arcsecs-physics-demo .arcsecs-diagnostics-panel {
        display: block !important;
        padding: 7px !important;
    }
    .arcsecs-physics-demo .arcsecs-diagnostics-panel section {
        padding: 7px !important;
        margin: 0 0 6px !important;
    }
    .arcsecs-physics-demo .arcsecs-diagnostics-panel h2 {
        font-size: 9px !important;
        line-height: 1.1 !important;
        margin: 0 0 5px !important;
    }
    .arcsecs-physics-demo .arcsecs-diagnostics-panel p,
    .arcsecs-physics-demo .arcsecs-diagnostics-panel li,
    .arcsecs-physics-demo .arcsecs-diagnostics-panel dd,
    .arcsecs-physics-demo .arcsecs-diagnostics-panel dt {
        font-size: 9px !important;
        line-height: 1.28 !important;
    }
}
@media (min-width: 1181px) and (max-width: 1320px) {
    .arcsecs-physics-demo {
        --arc-left-width: 236px;
        --arc-right-width: 292px;
        --arc-graph-height: 112px;
        --arc-rail-height: 38px;
    }
    .arcsecs-physics-demo .arcsecs-demo-hero {
        grid-template-columns: 285px minmax(360px, 1fr) 270px !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-title {
        font-size: 18px !important;
    }
}
@media (min-width: 1181px) and (max-height: 760px) {
    .arcsecs-physics-demo {
        --arc-header-height: 76px;
        --arc-graph-height: 104px;
        --arc-rail-height: 36px;
        --arc-telemetry-height: 28px;
        --arc-control-height: 24px;
    }
    .arcsecs-physics-demo .arcsecs-demo-hero {
        grid-template-rows: 44px 24px !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-actions {
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-actions > * {
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        font-size: 8px !important;
        line-height: 18px !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-column {
        grid-template-rows: 28px 36px var(--arc-rail-height) minmax(320px, 1fr) var(--arc-telemetry-height) var(--arc-graph-height) !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-wrap {
        min-height: 320px !important;
    }
}
@media (max-width: 1180px) {
    .arcsecs-physics-demo {
        min-height: 100svh !important;
        height: auto !important;
        max-height: none !important;
        overflow: auto !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-grid {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        grid-template-columns: 1fr !important;
    }
    .arcsecs-physics-demo .arcsecs-control-panel,
    .arcsecs-physics-demo .arcsecs-diagnostics-panel {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: none !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-column {
        min-height: 680px !important;
        grid-template-rows: auto auto auto minmax(360px, 54svh) auto 240px !important;
    }
}

/* v4.4.0 detailed help and bottom graph explanation layer. */
.arcsecs-physics-demo [title] {
    cursor: help;
}
.arcsecs-physics-demo button[title],
.arcsecs-physics-demo a[title],
.arcsecs-physics-demo select[title],
.arcsecs-physics-demo input[title],
.arcsecs-physics-demo .arcsecs-import-button[title] {
    cursor: pointer;
}
.arcsecs-physics-demo .arcsecs-bottom-graphs {
    align-items: stretch !important;
}
.arcsecs-physics-demo .arcsecs-graph-card {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: 22px 20px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(89, 214, 255, .48);
    background:
        linear-gradient(180deg, rgba(7, 24, 36, .96), rgba(3, 12, 20, .98)),
        repeating-linear-gradient(90deg, rgba(89, 214, 255, .08) 0 1px, transparent 1px 96px);
}
.arcsecs-physics-demo .arcsecs-graph-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 22px;
    padding: 3px 6px;
    border-bottom: 1px solid rgba(89, 214, 255, .35);
    background: rgba(5, 25, 38, .92);
    color: #dbfbff;
    font-size: 9px;
    line-height: 1;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.arcsecs-physics-demo .arcsecs-graph-card > header span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #7ee8ff;
    font-weight: 700;
}
.arcsecs-physics-demo .arcsecs-graph-card > p {
    margin: 0;
    padding: 3px 6px;
    color: rgba(218, 251, 255, .72);
    font-size: 9px;
    line-height: 1.2;
    border-bottom: 1px solid rgba(89, 214, 255, .18);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arcsecs-physics-demo .arcsecs-graph-card canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border: 0 !important;
}
.arcsecs-physics-demo .arcsecs-demo-actions > *,
.arcsecs-physics-demo .arcsecs-scenario-buttons button,
.arcsecs-physics-demo .arcsecs-button-row button,
.arcsecs-physics-demo .arcsecs-ramjet-preset-buttons button,
.arcsecs-physics-demo .arcsecs-ramjet-pipeline-deck button {
    position: relative;
}
.arcsecs-physics-demo .arcsecs-demo-actions > *:focus-visible,
.arcsecs-physics-demo .arcsecs-scenario-buttons button:focus-visible,
.arcsecs-physics-demo .arcsecs-button-row button:focus-visible,
.arcsecs-physics-demo .arcsecs-ramjet-preset-buttons button:focus-visible,
.arcsecs-physics-demo .arcsecs-ramjet-pipeline-deck button:focus-visible,
.arcsecs-physics-demo select:focus-visible,
.arcsecs-physics-demo input:focus-visible {
    outline: 2px solid #ffd166 !important;
    outline-offset: 2px !important;
}
@media (min-width: 1181px) and (max-height: 760px) {
    .arcsecs-physics-demo .arcsecs-graph-card {
        grid-template-rows: 18px 0 minmax(0, 1fr);
    }
    .arcsecs-physics-demo .arcsecs-graph-card > p {
        display: none;
    }
    .arcsecs-physics-demo .arcsecs-graph-card > header {
        min-height: 18px;
        height: 18px;
        padding: 2px 5px;
        font-size: 8px;
    }
}
@media (max-width: 1180px) {
    .arcsecs-physics-demo .arcsecs-graph-card {
        min-height: 180px;
    }
}


/* v4.5.0: dual-audience polish, teaching cards, and physicist scorecards. */
.arcsecs-physics-demo {
    --arcsecs-public-accent: #7dd3fc;
    --arcsecs-physicist-accent: #c084fc;
}
.arcsecs-physics-demo [data-arcsecs-audience-mode] {
    border-color: rgba(125, 211, 252, 0.55);
}
.arcsecs-physics-demo [data-arcsecs-audience-mode].is-active,
.arcsecs-physics-demo [data-arcsecs-audience-mode][aria-pressed="true"] {
    background: linear-gradient(180deg, rgba(33, 148, 190, 0.24), rgba(4, 22, 35, 0.92));
    color: #e9fbff;
    box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.62), 0 0 12px rgba(56, 189, 248, 0.18);
}
.arcsecs-public-guide-panel,
.arcsecs-physicist-notes-panel {
    border-left: 2px solid var(--arcsecs-public-accent);
}
.arcsecs-physicist-notes-panel {
    border-left-color: var(--arcsecs-physicist-accent);
}
.arcsecs-physics-demo[data-arcsecs-audience-mode="public"] .arcsecs-physicist-notes-panel {
    opacity: 0.72;
}
.arcsecs-physics-demo[data-arcsecs-audience-mode="physicist"] .arcsecs-public-guide-panel {
    opacity: 0.72;
}
.arcsecs-public-guide-panel h3,
.arcsecs-physicist-notes-panel h3 {
    margin: 0 0 6px;
    color: #eaf7ff;
    font-size: 12px;
    line-height: 1.35;
}
.arcsecs-public-guide-panel p,
.arcsecs-physicist-notes-panel p,
.arcsecs-walkthrough p,
.arcsecs-slider-impact p,
.arcsecs-physicist-scorecard p {
    margin: 6px 0;
}
.arcsecs-walkthrough ol,
.arcsecs-slider-impact ul,
.arcsecs-glossary dl,
.arcsecs-equation-ledger dl,
.arcsecs-physicist-notes-panel dl {
    margin: 6px 0 0;
}
.arcsecs-walkthrough li,
.arcsecs-slider-impact li {
    margin: 4px 0;
}
.arcsecs-assumption-ladder {
    display: grid;
    gap: 5px;
}
.arcsecs-ladder-row {
    display: grid;
    grid-template-columns: 24px minmax(110px, 0.42fr) minmax(0, 1fr);
    gap: 6px;
    align-items: start;
    padding: 6px;
    border: 1px solid rgba(74, 222, 255, 0.22);
    background: rgba(3, 12, 20, 0.76);
}
.arcsecs-ladder-row span {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(104, 231, 255, 0.55);
    color: #67e8f9;
}
.arcsecs-ladder-row strong {
    color: #eaf7ff;
}
.arcsecs-ladder-row em {
    color: #b8d7e6;
    font-style: normal;
}
.arcsecs-ladder-speculative { border-color: rgba(192, 132, 252, 0.45); }
.arcsecs-ladder-review { border-color: rgba(251, 113, 133, 0.55); }
.arcsecs-ladder-clear { border-color: rgba(52, 211, 153, 0.45); }
.arcsecs-equation-ledger code {
    display: block;
    padding: 8px;
    border: 1px solid rgba(104, 231, 255, 0.28);
    background: rgba(0, 0, 0, 0.35);
    color: #fcd34d;
    white-space: normal;
    line-height: 1.4;
}
.arcsecs-scorecard {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}
.arcsecs-scorecard span {
    min-width: 0;
    border: 1px solid rgba(104, 231, 255, 0.25);
    background: rgba(4, 16, 28, 0.82);
    padding: 7px;
}
.arcsecs-scorecard strong {
    display: block;
    color: #a7f3d0;
    font-size: 13px;
}
.arcsecs-scorecard em {
    display: block;
    color: #89a8b8;
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.arcsecs-glossary dt,
.arcsecs-equation-ledger dt,
.arcsecs-physicist-notes-panel dt {
    color: #67e8f9;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 10px;
    margin-top: 6px;
}
.arcsecs-glossary dd,
.arcsecs-equation-ledger dd,
.arcsecs-physicist-notes-panel dd {
    margin: 2px 0 4px;
    color: #d8eef8;
}
@media (max-width: 1279px) {
    .arcsecs-scorecard { grid-template-columns: 1fr; }
    .arcsecs-ladder-row { grid-template-columns: 22px minmax(0, 1fr); }
    .arcsecs-ladder-row em { grid-column: 2; }
}


/* v4.6.0: telemetry count hardening. Entity, photon, and constraint counters remain readable and compact in the status strip. */
.arcsecs-experimental-physics-engine [data-arcsecs-constraint-count],
.arcsecs-experimental-physics-engine [data-arcsecs-entity-count],
.arcsecs-experimental-physics-engine [data-arcsecs-photon-count] { color: #63ffd5; font-variant-numeric: tabular-nums; }

/* v4.8.0 AI access + universal clock + static summary polish */
.arcsecs-universal-clock {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 6px 8px;
    border-block: 1px solid rgba(95, 221, 255, 0.28);
    background: linear-gradient(90deg, rgba(5, 19, 30, 0.96), rgba(9, 26, 40, 0.78));
}
.arcsecs-universal-clock > div {
    border: 1px solid rgba(95, 221, 255, 0.32);
    background: rgba(2, 10, 18, 0.84);
    padding: 5px 7px;
    min-width: 0;
}
.arcsecs-universal-clock span {
    display: block;
    color: #7fdfff;
    font-size: 9px;
    line-height: 1.1;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.arcsecs-universal-clock strong {
    display: block;
    margin-top: 2px;
    color: #ecfbff;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.arcsecs-ai-readable-summary {
    margin: 8px;
    padding: 12px;
    border: 1px solid rgba(95, 221, 255, 0.30);
    background: #03101a;
    color: #cdefff;
    font-size: 12px;
    line-height: 1.45;
}
.arcsecs-ai-readable-summary h2,
.arcsecs-ai-readable-summary h3 {
    margin: 0 0 8px;
    color: #66e5ff;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.arcsecs-ai-readable-summary h3 { margin-top: 12px; font-size: 11px; }
.arcsecs-ai-readable-summary ul { margin: 8px 0 0 18px; padding: 0; }
.arcsecs-ai-readable-summary li { margin: 4px 0; }
.arcsecs-ai-readable-summary a { color: #7df3ff; text-decoration: underline; }
@media (max-width: 1099px) {
    .arcsecs-universal-clock { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v5.0.0 implementation-memory panel and .uai handoff polish */
.arcsecs-physics-demo .arcsecs-uai-status {
    border: 1px solid rgba(91, 221, 255, 0.32);
    background: linear-gradient(180deg, rgba(6, 27, 42, 0.72), rgba(3, 11, 18, 0.92));
    padding: 8px;
    font-size: 11px;
    line-height: 1.35;
}
.arcsecs-physics-demo .arcsecs-uai-status dl {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 5px 8px;
    margin: 0;
}
.arcsecs-physics-demo .arcsecs-uai-status dt {
    color: #63e6ff;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 10px;
}
.arcsecs-physics-demo .arcsecs-uai-status dd {
    margin: 0;
    color: #d7f7ff;
}

/* v5.0.0 relational architecture console and core-engine handoff layer */
.arcsecs-experimental-physics-engine .arcsecs-relational-architecture-panel {
    border-color: rgba(112, 232, 255, 0.45);
    background: linear-gradient(180deg, rgba(8, 32, 48, 0.88), rgba(2, 10, 18, 0.95));
}
.arcsecs-experimental-physics-engine .arcsecs-relational-architecture-panel dl {
    display: grid;
    gap: 4px;
    margin: 0 0 8px;
}
.arcsecs-experimental-physics-engine .arcsecs-relational-architecture-panel dt {
    color: #74ecff;
    font-size: 10px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}
.arcsecs-experimental-physics-engine .arcsecs-relational-architecture-panel dd {
    margin: 0 0 6px;
    color: #d9fbff;
    font-size: 11px;
    line-height: 1.35;
}
.arcsecs-experimental-physics-engine .arcsecs-relational-architecture-panel table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}
.arcsecs-experimental-physics-engine .arcsecs-relational-architecture-panel th,
.arcsecs-experimental-physics-engine .arcsecs-relational-architecture-panel td {
    border: 1px solid rgba(68, 202, 236, 0.22);
    padding: 4px;
    vertical-align: top;
}
.arcsecs-experimental-physics-engine .arcsecs-relational-architecture-panel th {
    color: #70e8ff;
    background: rgba(5, 24, 38, 0.75);
}

/* v5.1.0 relational workbench polish */
.arcsecs-physics-demo .arcsecs-relational-workbench-panel {
    border: 1px solid rgba(92, 231, 255, 0.45);
    background: linear-gradient(180deg, rgba(4, 18, 31, 0.96), rgba(2, 10, 18, 0.98));
}
.arcsecs-physics-demo .arcsecs-relational-workbench-panel .arcsecs-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 8px;
}
.arcsecs-physics-demo .arcsecs-relational-workbench-panel .arcsecs-mini-grid article {
    border: 1px solid rgba(92, 231, 255, 0.35);
    padding: 6px;
    min-height: 44px;
    background: rgba(8, 32, 48, 0.72);
}
.arcsecs-physics-demo .arcsecs-relational-workbench-panel .arcsecs-mini-grid strong {
    display: block;
    color: #65f4ff;
    font-size: 13px;
}
.arcsecs-physics-demo .arcsecs-relational-workbench-panel .arcsecs-mini-grid span {
    display: block;
    color: #b7dce8;
    font-size: 10px;
    line-height: 1.25;
}
.arcsecs-physics-demo .arcsecs-relational-workbench-panel table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}
.arcsecs-physics-demo .arcsecs-relational-workbench-panel th,
.arcsecs-physics-demo .arcsecs-relational-workbench-panel td {
    border: 1px solid rgba(92, 231, 255, 0.25);
    padding: 4px;
    vertical-align: top;
}

/* v5.7.0 presentation polish: scenario spotlight, layout modes, and storyboard */
.arcsecs-physics-demo .arcsecs-scenario-spotlight {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    min-height: 56px;
    max-height: 76px;
    overflow: hidden;
}
.arcsecs-physics-demo .arcsecs-scenario-spotlight article {
    border: 1px solid rgba(104, 231, 255, .34);
    background: linear-gradient(180deg, rgba(5, 24, 38, .86), rgba(2, 9, 17, .96));
    padding: 6px 8px;
    min-width: 0;
    box-shadow: inset 0 0 18px rgba(104, 231, 255, .035);
}
.arcsecs-physics-demo .arcsecs-scenario-spotlight strong {
    display: block;
    color: #6ee7ff;
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: .09em;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.arcsecs-physics-demo .arcsecs-scenario-spotlight span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #d8f7ff;
    font-size: 10.5px;
    line-height: 1.25;
}
.arcsecs-physics-demo .arcsecs-visitor-storyboard-panel {
    border-color: rgba(167, 243, 208, .42) !important;
    background: linear-gradient(180deg, rgba(4, 26, 30, .82), rgba(2, 10, 18, .96)) !important;
}
.arcsecs-physics-demo .arcsecs-visitor-storyboard ol {
    margin: 0 0 0 18px;
    padding: 0;
}
.arcsecs-physics-demo .arcsecs-visitor-storyboard li {
    margin: 0 0 7px;
    color: #d8f7ff;
    line-height: 1.35;
}
.arcsecs-physics-demo .arcsecs-visitor-storyboard p {
    margin: 8px 0 0;
    color: #ffd166;
    border-top: 1px solid rgba(255, 209, 102, .25);
    padding-top: 6px;
}
.arcsecs-physics-demo [data-arcsecs-layout-mode][aria-pressed="true"] {
    border-color: rgba(167, 243, 208, .78) !important;
    color: #eafff8 !important;
    background: linear-gradient(180deg, rgba(6, 52, 54, .96), rgba(3, 22, 32, .98)) !important;
}
.arcsecs-physics-demo[data-arcsecs-layout-mode="focus"] .arcsecs-demo-grid {
    grid-template-columns: 190px minmax(520px, 1fr) 238px !important;
}
.arcsecs-physics-demo[data-arcsecs-layout-mode="focus"] .arcsecs-control-panel,
.arcsecs-physics-demo[data-arcsecs-layout-mode="focus"] .arcsecs-diagnostics-panel {
    opacity: .82;
}
.arcsecs-physics-demo[data-arcsecs-layout-mode="focus"] .arcsecs-diagnostics-panel section:not(.arcsecs-priority-panel):not(.arcsecs-relational-workbench-panel):not(.arcsecs-visitor-storyboard-panel) {
    max-height: 118px;
    overflow: hidden;
}
.arcsecs-physics-demo[data-arcsecs-layout-mode="focus"] .arcsecs-viewport-column {
    grid-template-rows: auto auto auto minmax(420px, 1fr) var(--arc-telemetry-height) 104px !important;
}
.arcsecs-physics-demo[data-arcsecs-layout-mode="explain"] .arcsecs-public-guide-panel,
.arcsecs-physics-demo[data-arcsecs-layout-mode="explain"] .arcsecs-visitor-storyboard-panel,
.arcsecs-physics-demo[data-arcsecs-layout-mode="explain"] .arcsecs-relational-workbench-panel {
    border-color: rgba(255, 209, 102, .58) !important;
    box-shadow: inset 3px 0 0 rgba(255, 209, 102, .62);
}
.arcsecs-physics-demo[data-arcsecs-layout-mode="explain"] .arcsecs-physicist-notes-panel {
    opacity: .65;
}
@media (max-height: 760px) and (min-width: 1181px) {
    .arcsecs-physics-demo .arcsecs-scenario-spotlight {
        min-height: 46px;
        max-height: 52px;
    }
    .arcsecs-physics-demo .arcsecs-scenario-spotlight article {
        padding: 4px 6px;
    }
    .arcsecs-physics-demo .arcsecs-scenario-spotlight span {
        -webkit-line-clamp: 1;
        font-size: 9.5px;
    }
}
@media (max-width: 760px) {
    .arcsecs-physics-demo .arcsecs-scenario-spotlight {
        grid-template-columns: 1fr;
        max-height: none;
    }
}


/* v5.7.0 live Universal Cosmic Clock polish */
.arcsecs-universal-clock [data-arcsecs-cosmic-tick],
.arcsecs-universal-clock [data-arcsecs-elapsed-time] {
    color: #84ffcf;
    text-shadow: 0 0 8px rgba(132,255,207,.22);
}
.arcsecs-universal-clock {
    contain: layout paint;
}

/* v5.6.0 live health and quick recipe polish */
.arcsecs-live-health-panel,
.arcsecs-experiment-recipes-panel {
    border-color: rgba(94, 230, 255, 0.42);
    background: linear-gradient(180deg, rgba(5, 24, 36, 0.94), rgba(1, 10, 18, 0.98));
}
.arcsecs-live-health-panel ul,
.arcsecs-experiment-recipes-panel ol {
    display: grid;
    gap: 6px;
    margin: 8px 0 0;
    padding-left: 16px;
}
.arcsecs-live-health-panel li,
.arcsecs-experiment-recipes-panel li {
    padding: 5px 6px;
    border-left: 2px solid rgba(94, 230, 255, 0.6);
    background: rgba(94, 230, 255, 0.045);
}
.arcsecs-live-health-panel li.is-ok { border-left-color: rgba(88, 255, 184, 0.86); }
.arcsecs-live-health-panel li.is-warn { border-left-color: rgba(255, 184, 66, 0.95); }
.arcsecs-experiment-recipes-panel li span {
    display: block;
    margin-top: 2px;
    color: #b9d7e2;
    line-height: 1.35;
}
.arcsecs-live-health-panel strong,
.arcsecs-experiment-recipes-panel strong { color: #78efff; }

/* v5.7.0 top alignment and independent center scroll repair.
   The cockpit header is now a stable three-zone instrument bar, the command rail remains compact,
   and the center stage scrolls independently so important visualization content is not compressed by side panels. */
.arcsecs-physics-demo {
    --arc-v55-header-height: 86px;
    --arc-v55-clock-height: 44px;
    --arc-v55-disclaimer-height: 22px;
    --arc-v55-center-viewport-min: 360px;
}
.arcsecs-physics-demo .arcsecs-demo-hero {
    contain: layout paint;
}
@media (min-width: 1181px) {
    .arcsecs-physics-demo .arcsecs-demo-hero {
        height: var(--arc-v55-header-height) !important;
        min-height: var(--arc-v55-header-height) !important;
        max-height: var(--arc-v55-header-height) !important;
        grid-template-columns: minmax(300px, 348px) minmax(360px, 1fr) minmax(236px, 300px) !important;
        grid-template-rows: 50px 28px !important;
        grid-template-areas:
            "brand subtitle readouts"
            "actions actions actions" !important;
        align-items: stretch !important;
        padding: 5px 10px 4px !important;
        gap: 4px 8px !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-brand {
        min-height: 0 !important;
        align-items: center !important;
        gap: 8px !important;
        padding-right: 6px !important;
        border-right: 1px solid rgba(104,231,255,.22) !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-mark {
        width: 35px !important;
        min-width: 35px !important;
        height: 35px !important;
        font-size: 13px !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-brand-copy {
        display: grid !important;
        grid-template-rows: 13px 18px !important;
        align-content: center !important;
        gap: 2px !important;
        min-width: 0 !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-kicker {
        font-size: 8.5px !important;
        line-height: 1.05 !important;
        letter-spacing: .12em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-title {
        font-size: 16px !important;
        line-height: 1.05 !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-subtitle {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        grid-auto-rows: 19px !important;
        align-content: center !important;
        align-items: center !important;
        gap: 4px 6px !important;
        padding: 3px 8px !important;
        overflow: hidden !important;
        border-inline: 1px solid rgba(104,231,255,.14) !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-subtitle span {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 3 !important;
        align-self: center !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-subtitle strong {
        height: 18px !important;
        line-height: 16px !important;
        padding: 0 5px !important;
        font-size: 8px !important;
        justify-self: stretch !important;
        text-align: center !important;
    }
    .arcsecs-physics-demo .arcsecs-header-readouts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, 22px) !important;
        align-content: center !important;
        gap: 3px !important;
    }
    .arcsecs-physics-demo .arcsecs-header-readouts span {
        height: 22px !important;
        min-height: 22px !important;
        padding: 2px 5px !important;
        font-size: 7.5px !important;
    }
    .arcsecs-physics-demo .arcsecs-header-readouts strong {
        font-size: 9px !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-actions {
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        align-self: end !important;
        justify-content: flex-end !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-gutter: stable !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-actions > * {
        height: 23px !important;
        min-height: 23px !important;
        max-height: 23px !important;
        padding-inline: 7px !important;
        font-size: 8.75px !important;
        line-height: 21px !important;
    }
    .arcsecs-physics-demo .arcsecs-universal-clock {
        height: var(--arc-v55-clock-height) !important;
        min-height: var(--arc-v55-clock-height) !important;
        max-height: var(--arc-v55-clock-height) !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 5px !important;
        padding: 4px 8px !important;
        overflow: hidden !important;
    }
    .arcsecs-physics-demo .arcsecs-universal-clock > div {
        min-height: 34px !important;
        height: 34px !important;
        padding: 4px 7px !important;
    }
    .arcsecs-physics-demo .arcsecs-universal-clock span { font-size: 8.5px !important; }
    .arcsecs-physics-demo .arcsecs-universal-clock strong { font-size: 11px !important; }
    .arcsecs-physics-demo .arcsecs-demo-disclaimer {
        min-height: var(--arc-v55-disclaimer-height) !important;
        height: var(--arc-v55-disclaimer-height) !important;
        line-height: var(--arc-v55-disclaimer-height) !important;
        padding-block: 0 !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-grid {
        height: calc(100svh - var(--arc-v55-header-height) - var(--arc-v55-clock-height) - var(--arc-v55-disclaimer-height)) !important;
        max-height: calc(100svh - var(--arc-v55-header-height) - var(--arc-v55-clock-height) - var(--arc-v55-disclaimer-height)) !important;
        min-height: 0 !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-column[data-arcsecs-center-scroll="true"] {
        min-height: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-gutter: stable !important;
        overscroll-behavior: contain !important;
        grid-template-rows: auto auto auto minmax(var(--arc-v55-center-viewport-min), 58svh) auto auto !important;
        align-content: start !important;
        padding-right: 3px !important;
    }
    .arcsecs-physics-demo .arcsecs-viewport-column[data-arcsecs-center-scroll="true"]::-webkit-scrollbar,
    .arcsecs-physics-demo .arcsecs-control-panel::-webkit-scrollbar,
    .arcsecs-physics-demo .arcsecs-diagnostics-panel::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    .arcsecs-physics-demo .arcsecs-viewport-column[data-arcsecs-center-scroll="true"]::-webkit-scrollbar-thumb,
    .arcsecs-physics-demo .arcsecs-control-panel::-webkit-scrollbar-thumb,
    .arcsecs-physics-demo .arcsecs-diagnostics-panel::-webkit-scrollbar-thumb {
        background: rgba(104,231,255,.44);
        border: 2px solid rgba(1,8,18,.96);
    }
    .arcsecs-physics-demo .arcsecs-viewport-column[data-arcsecs-center-scroll="true"]::-webkit-scrollbar-track {
        background: rgba(4,20,31,.86);
    }
    .arcsecs-physics-demo .arcsecs-viewport-wrap {
        min-height: var(--arc-v55-center-viewport-min) !important;
        height: 58svh !important;
        max-height: 620px !important;
        flex: 0 0 auto !important;
    }
    .arcsecs-physics-demo .arcsecs-bottom-graphs {
        flex: 0 0 auto !important;
        min-height: 118px !important;
    }
    .arcsecs-physics-demo .arcsecs-scenario-spotlight {
        flex: 0 0 auto !important;
        min-height: 48px !important;
        max-height: 66px !important;
    }
}
@media (min-width: 1181px) and (max-height: 760px) {
    .arcsecs-physics-demo {
        --arc-v55-header-height: 78px;
        --arc-v55-clock-height: 40px;
        --arc-v55-center-viewport-min: 320px;
        --arc-graph-height: 104px;
    }
    .arcsecs-physics-demo .arcsecs-demo-hero {
        grid-template-rows: 45px 25px !important;
    }
    .arcsecs-physics-demo .arcsecs-demo-title { font-size: 14px !important; }
    .arcsecs-physics-demo .arcsecs-demo-kicker { font-size: 7.75px !important; }
    .arcsecs-physics-demo .arcsecs-demo-actions { height: 25px !important; min-height: 25px !important; max-height: 25px !important; }
    .arcsecs-physics-demo .arcsecs-demo-actions > * { height: 21px !important; min-height: 21px !important; max-height: 21px !important; font-size: 8px !important; line-height: 19px !important; }
    .arcsecs-physics-demo .arcsecs-universal-clock > div { height: 30px !important; min-height: 30px !important; }
    .arcsecs-physics-demo .arcsecs-universal-clock strong { font-size: 10px !important; }
    .arcsecs-physics-demo .arcsecs-viewport-wrap { height: 52svh !important; max-height: 440px !important; }
}
@media (max-width: 1180px) {
    .arcsecs-physics-demo .arcsecs-viewport-column[data-arcsecs-center-scroll="true"] {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-gutter: stable !important;
        max-height: none !important;
    }
}



/* v5.7.0 run guidance and center-stage clarity layer. */
.arcsecs-physics-demo .arcsecs-run-guide {
    border: 1px solid rgba(104, 231, 255, .38);
    background: linear-gradient(180deg, rgba(6, 18, 30, .96), rgba(2, 10, 18, .94));
    padding: 6px 8px;
    display: grid;
    gap: 6px;
}
.arcsecs-physics-demo .arcsecs-run-guide header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    color: var(--arc-cyan);
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: 10px;
}
.arcsecs-physics-demo .arcsecs-run-guide-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px;
}
.arcsecs-physics-demo .arcsecs-run-guide-grid article {
    border-left: 2px solid rgba(104, 231, 255, .55);
    background: rgba(104, 231, 255, .04);
    padding: 5px 6px;
}
.arcsecs-physics-demo .arcsecs-run-guide-grid article strong,
.arcsecs-physics-demo .arcsecs-evidence-empty-state strong {
    display: block;
    color: #f0fbff;
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: 2px;
}
.arcsecs-physics-demo .arcsecs-run-guide-grid article span,
.arcsecs-physics-demo .arcsecs-run-guide-note,
.arcsecs-physics-demo .arcsecs-evidence-empty-state p,
.arcsecs-physics-demo .arcsecs-evidence-empty-state li {
    color: var(--arc-dim);
    font-size: 9.5px;
    line-height: 1.35;
}
.arcsecs-physics-demo .arcsecs-run-guide-note {
    margin: 0;
}
.arcsecs-physics-demo .arcsecs-evidence-empty-state {
    display: grid;
    gap: 6px;
}
.arcsecs-physics-demo .arcsecs-evidence-empty-state ol {
    margin: 0;
    padding-left: 16px;
    display: grid;
    gap: 4px;
}
@media (max-width: 1180px) {
    .arcsecs-physics-demo .arcsecs-run-guide-grid { grid-template-columns: 1fr; }
}

/* v5.6.0 scenario evidence and signal legend polish. */
.arcsecs-physics-demo .arcsecs-evidence-checklist {
    border: 1px solid rgba(104, 231, 255, .42);
    background: linear-gradient(180deg, rgba(5, 20, 32, .95), rgba(2, 10, 18, .92));
    padding: 6px 8px;
    display: grid;
    gap: 6px;
    min-height: 72px;
}
.arcsecs-physics-demo .arcsecs-evidence-checklist header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    color: var(--arc-cyan);
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: 10px;
}
.arcsecs-physics-demo .arcsecs-evidence-checklist ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.arcsecs-physics-demo .arcsecs-evidence-checklist li {
    border-left: 2px solid rgba(104, 231, 255, .45);
    background: rgba(104, 231, 255, .045);
    padding: 5px 6px;
    min-width: 0;
}
.arcsecs-physics-demo .arcsecs-evidence-checklist li.is-ok { border-left-color: #6dffb7; }
.arcsecs-physics-demo .arcsecs-evidence-checklist li.is-warn { border-left-color: #ffb454; }
.arcsecs-physics-demo .arcsecs-evidence-checklist li strong {
    display: block;
    color: #f0fbff;
    font-size: 10px;
    line-height: 1.2;
}
.arcsecs-physics-demo .arcsecs-evidence-checklist li span {
    display: block;
    color: var(--arc-dim);
    font-size: 9.5px;
    line-height: 1.25;
    margin-top: 2px;
}
.arcsecs-physics-demo .arcsecs-signal-legend-panel dl {
    display: grid;
    grid-template-columns: minmax(78px, .45fr) minmax(0, 1fr);
    gap: 4px 8px;
    margin: 0;
}
.arcsecs-physics-demo .arcsecs-signal-legend-panel dt {
    color: var(--arc-cyan);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.arcsecs-physics-demo .arcsecs-signal-legend-panel dd {
    margin: 0;
    color: #d6f8ff;
    font-size: 10.5px;
    line-height: 1.3;
}
@media (max-width: 980px) {
    .arcsecs-physics-demo .arcsecs-evidence-checklist ul { grid-template-columns: 1fr; }
}

.arcsecs-physics-demo .arcsecs-failure-buttons {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

.arcsecs-physics-demo .arcsecs-failure-buttons button[aria-pressed="true"],
.arcsecs-physics-demo .arcsecs-failure-buttons button.is-active {
    border-color: rgba(255, 105, 105, .9) !important;
    box-shadow: 0 0 0 1px rgba(255, 105, 105, .35), 0 0 18px rgba(255, 105, 105, .18) !important;
}

/* v5.7.1 presentation polish: compatibility sentinel for scenario spotlight, layout modes, and storyboard. */
/* v5.7.1 live Universal Cosmic Clock polish: compatibility sentinel for render-loop clock updates. */

/* v5.7.10 runtime readiness and performance-budget polish */
.arcsecs-physics-demo .arcsecs-status-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 0;
    font-size: .72rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.arcsecs-physics-demo .arcsecs-status-legend span {
    border: 1px solid rgba(116,245,255,.24);
    border-radius: 999px;
    color: rgba(235,250,255,.75);
    background: rgba(3,14,24,.72);
    padding: 4px 8px;
}
.arcsecs-physics-demo[data-arcsecs-runtime-state="Idle"] .arcsecs-status-legend [data-arcsecs-status-state="Idle"],
.arcsecs-physics-demo[data-arcsecs-runtime-state="Running"] .arcsecs-status-legend [data-arcsecs-status-state="Running"],
.arcsecs-physics-demo[data-arcsecs-runtime-state="Paused"] .arcsecs-status-legend [data-arcsecs-status-state="Paused"],
.arcsecs-physics-demo[data-arcsecs-runtime-state="Stepping"] .arcsecs-status-legend [data-arcsecs-status-state="Stepping"],
.arcsecs-physics-demo[data-arcsecs-runtime-state="Warning"] .arcsecs-status-legend [data-arcsecs-status-state="Warning"],
.arcsecs-physics-demo[data-arcsecs-runtime-state="Failed validation"] .arcsecs-status-legend [data-arcsecs-status-state="Failed validation"] {
    border-color: rgba(255,204,102,.82);
    color: #fff7d4;
    box-shadow: 0 0 14px rgba(255,204,102,.14), inset 0 0 0 1px rgba(255,204,102,.16);
}


.arcsecs-grand-tour-panel table {
    width: 100%;
    border-collapse: collapse;
    font-size: .78rem;
}
.arcsecs-grand-tour-panel th,
.arcsecs-grand-tour-panel td {
    border-bottom: 1px solid rgba(104, 231, 255, .18);
    padding: .35rem .25rem;
    text-align: left;
}
.arcsecs-grand-tour-panel tr.is-review td {
    color: #ffd36a;
}
.arcsecs-grand-tour-panel tr.is-pass td {
    color: #b9ffd8;
}

/* v5.7.10 page-load autopilot and Grand Experiment autostart polish */
.arcsecs-physics-demo .arcsecs-autolaunch-panel {
    border: 1px solid rgba(255, 204, 102, .28);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255, 204, 102, .10), rgba(104, 231, 255, .06));
    color: #eefbff;
    padding: .75rem .85rem;
    margin-bottom: .8rem;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.18);
}
.arcsecs-physics-demo .arcsecs-autolaunch-panel p {
    margin: 0 0 .45rem;
}
.arcsecs-physics-demo .arcsecs-autolaunch-panel dl {
    display: grid;
    grid-template-columns: minmax(130px, .55fr) minmax(0, 1fr);
    gap: .25rem .65rem;
    margin: 0;
}
.arcsecs-physics-demo .arcsecs-autolaunch-panel dt {
    color: var(--arc-cyan);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.arcsecs-physics-demo .arcsecs-autolaunch-panel dd {
    margin: 0;
    color: #fff5cd;
    font-size: .78rem;
}

/* v5.7.10 autopilot flight recorder polish */
.arcsecs-physics-demo .arcsecs-experiment-recorder {
    border: 1px solid rgba(104, 231, 255, .22);
    border-radius: 14px;
    background: rgba(2, 8, 16, .72);
    padding: .75rem .85rem;
}
.arcsecs-physics-demo .arcsecs-flight-recorder-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem .5rem;
    align-items: center;
    margin-bottom: .65rem;
}
.arcsecs-physics-demo .arcsecs-flight-recorder-summary strong {
    color: #fff7d4;
    font-size: 1rem;
}
.arcsecs-physics-demo .arcsecs-flight-recorder-summary span {
    color: #b8d7e6;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.arcsecs-physics-demo .arcsecs-flight-recorder-events {
    display: grid;
    gap: .45rem;
    margin: 0;
    padding-left: 1.05rem;
    max-height: 18rem;
    overflow: auto;
}
.arcsecs-physics-demo .arcsecs-flight-recorder-events li {
    border-left: 3px solid rgba(104, 231, 255, .35);
    padding-left: .55rem;
}
.arcsecs-physics-demo .arcsecs-flight-recorder-events li.is-pass { border-left-color: #8fffb5; }
.arcsecs-physics-demo .arcsecs-flight-recorder-events li.is-warn { border-left-color: #ffcc66; }
.arcsecs-physics-demo .arcsecs-flight-recorder-events li.is-fail { border-left-color: #ff6b6b; }
.arcsecs-physics-demo .arcsecs-flight-recorder-events strong,
.arcsecs-physics-demo .arcsecs-flight-recorder-events span,
.arcsecs-physics-demo .arcsecs-flight-recorder-events small {
    display: block;
}
.arcsecs-physics-demo .arcsecs-flight-recorder-events small {
    color: #89a8b8;
    font-size: .7rem;
}

/* v5.7.10 guided autopilot tour */
.arcsecs-physics-demo .arcsecs-guided-tour-panel {
    border: 1px solid rgba(104, 231, 255, .26);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(8, 20, 34, .94), rgba(20, 10, 38, .90));
    box-shadow: 0 18px 42px rgba(0, 0, 0, .32), inset 0 0 0 1px rgba(255, 255, 255, .04);
    padding: 14px;
    display: grid;
    gap: 12px;
}

.arcsecs-physics-demo .arcsecs-guided-tour-meter {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 12px;
    align-items: center;
    color: #eaf7ff;
}

.arcsecs-physics-demo .arcsecs-guided-tour-meter strong {
    color: #68e7ff;
    font-size: 1.4rem;
}

.arcsecs-physics-demo .arcsecs-guided-tour-meter span {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    color: rgba(234, 247, 255, .72);
}

.arcsecs-physics-demo .arcsecs-guided-tour-meter b {
    grid-column: 1 / -1;
    min-height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(104, 231, 255, .95), rgba(255, 125, 80, .85));
    box-shadow: 0 0 22px rgba(104, 231, 255, .28);
}

.arcsecs-physics-demo .arcsecs-guided-tour-current {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    background: rgba(255, 255, 255, .045);
    padding: 12px;
}

.arcsecs-physics-demo .arcsecs-guided-tour-current header {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}

.arcsecs-physics-demo .arcsecs-guided-tour-current header span {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(104, 231, 255, .14);
    color: #68e7ff;
    font-weight: 800;
}

.arcsecs-physics-demo .arcsecs-guided-tour-current dl {
    display: grid;
    grid-template-columns: minmax(110px, .38fr) 1fr;
    gap: 6px 12px;
    margin: 10px 0 0;
}

.arcsecs-physics-demo .arcsecs-guided-tour-current dt {
    color: #68e7ff;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.arcsecs-physics-demo .arcsecs-guided-tour-current dd {
    margin: 0;
    color: rgba(234, 247, 255, .86);
}

.arcsecs-physics-demo .arcsecs-guided-tour-stages {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 360px;
    overflow: auto;
}

.arcsecs-physics-demo .arcsecs-guided-tour-stages button {
    width: 100%;
    text-align: left;
    display: grid;
    gap: 4px;
    border: 1px solid rgba(104, 231, 255, .18);
    border-radius: 12px;
    background: rgba(3, 12, 24, .75);
    color: #eaf7ff;
    padding: 10px;
}

.arcsecs-physics-demo .arcsecs-guided-tour-stages li.is-active button,
.arcsecs-physics-demo .arcsecs-guided-tour-stages li.is-paused button {
    border-color: rgba(255, 125, 80, .72);
    box-shadow: 0 0 0 1px rgba(255, 125, 80, .16), 0 0 28px rgba(255, 125, 80, .10);
}

.arcsecs-physics-demo .arcsecs-guided-tour-stages li.is-complete button {
    border-color: rgba(100, 255, 154, .46);
}

.arcsecs-physics-demo .arcsecs-guided-tour-stages span {
    color: rgba(234, 247, 255, .72);
    font-size: .82rem;
}

.arcsecs-physics-demo .arcsecs-guided-tour-stages em {
    color: #68e7ff;
    font-size: .72rem;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* v5.7.10 review cockpit polish */
.arcsecs-review-cockpit {
    border: 1px solid rgba(141, 255, 198, 0.24);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(8, 22, 30, 0.94), rgba(17, 32, 41, 0.82));
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
}

.arcsecs-review-score {
    display: grid;
    grid-template-columns: minmax(5rem, auto) 1fr auto;
    gap: 0.75rem;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.05);
}

.arcsecs-review-score strong {
    font-size: clamp(1.5rem, 3vw, 2.35rem);
    line-height: 1;
}

.arcsecs-review-score span {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

.arcsecs-review-score em {
    font-style: normal;
    opacity: 0.78;
}

.arcsecs-review-score.is-readyWithCaution {
    box-shadow: inset 0 0 0 1px rgba(92, 255, 166, 0.25);
}

.arcsecs-review-score.is-needsReview {
    box-shadow: inset 0 0 0 1px rgba(255, 211, 111, 0.32);
}

.arcsecs-review-score.is-holdForRevision {
    box-shadow: inset 0 0 0 1px rgba(255, 123, 123, 0.34);
}

.arcsecs-review-summary,
.arcsecs-review-actions {
    border-radius: 14px;
    padding: 0.85rem;
    background: rgba(0, 0, 0, 0.18);
}

.arcsecs-review-summary h3,
.arcsecs-review-actions h3,
.arcsecs-review-grid h3 {
    margin: 0 0 0.35rem;
    font-size: 0.92rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.arcsecs-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.arcsecs-review-grid section {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.035);
    max-height: 18rem;
    overflow: auto;
}

.arcsecs-review-grid ol,
.arcsecs-review-actions ol {
    margin: 0;
    padding-left: 1.15rem;
}

.arcsecs-review-grid li,
.arcsecs-review-actions li {
    margin: 0.45rem 0;
}

.arcsecs-review-grid li strong,
.arcsecs-review-grid li span,
.arcsecs-review-grid li em {
    display: block;
}

.arcsecs-review-grid li em {
    font-style: normal;
    opacity: 0.74;
}

.arcsecs-review-grid li.is-high strong {
    color: #ffbd91;
}

.arcsecs-review-grid li.is-medium strong {
    color: #ffe29b;
}

.arcsecs-review-grid li.is-low strong {
    color: #a6f5c8;
}

@media (max-width: 900px) {
    .arcsecs-review-grid,
    .arcsecs-review-score {
        grid-template-columns: 1fr;
    }
}

/* v5.7.11 executable next-action command center */
.arcsecs-physics-demo .arcsecs-next-action-panel,
.arcsecs-physics-demo .arcsecs-ledger-next-action {
    border: 1px solid rgba(255, 210, 120, 0.26);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(20, 16, 7, 0.92), rgba(7, 24, 36, 0.84));
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
}

.arcsecs-physics-demo .arcsecs-next-action-summary {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 0.75rem;
    align-items: center;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.045);
    padding: 0.75rem;
}

.arcsecs-physics-demo .arcsecs-next-action-summary strong {
    color: #ffd66f;
    font-size: 1.4rem;
}

.arcsecs-physics-demo .arcsecs-next-action-summary span {
    color: #eaf7ff;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-next-action-summary em {
    grid-column: 1 / -1;
    color: rgba(234, 247, 255, 0.78);
    font-style: normal;
}

.arcsecs-physics-demo .arcsecs-next-action-list {
    display: grid;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.arcsecs-physics-demo .arcsecs-next-action-list li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem 0.75rem;
    align-items: center;
    border-left: 4px solid rgba(104, 231, 255, 0.42);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.22);
    padding: 0.75rem;
}

.arcsecs-physics-demo .arcsecs-next-action-list li.is-warning { border-left-color: #ff8f73; }
.arcsecs-physics-demo .arcsecs-next-action-list li.is-review { border-left-color: #ffd66f; }
.arcsecs-physics-demo .arcsecs-next-action-list li.is-complete { opacity: 0.82; }

.arcsecs-physics-demo .arcsecs-next-action-list strong,
.arcsecs-physics-demo .arcsecs-next-action-list span {
    display: block;
}

.arcsecs-physics-demo .arcsecs-next-action-list span {
    color: rgba(234, 247, 255, 0.76);
    font-size: 0.82rem;
}

.arcsecs-physics-demo .arcsecs-next-action-list button {
    grid-row: 1 / span 2;
    grid-column: 2;
    white-space: nowrap;
}

.arcsecs-physics-demo .arcsecs-ledger-action-card dl {
    display: grid;
    grid-template-columns: minmax(120px, 0.45fr) minmax(0, 1fr);
    gap: 0.35rem 0.75rem;
    margin: 0.75rem 0;
}

.arcsecs-physics-demo .arcsecs-ledger-action-card dt {
    color: var(--arc-cyan);
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-ledger-action-card dd {
    margin: 0;
    color: #fff6d5;
}

@media (max-width: 720px) {
    .arcsecs-physics-demo .arcsecs-next-action-list li {
        grid-template-columns: 1fr;
    }
    .arcsecs-physics-demo .arcsecs-next-action-list button {
        grid-row: auto;
        grid-column: 1;
    }
}

/* v5.7.13 Run Your Own Simulation parameter guide modal */
.arcsecs-physics-demo .arcsecs-parameter-guide-modal[hidden] {
    display: none;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: grid;
    align-items: center;
    justify-items: center;
    padding: clamp(0.75rem, 2vw, 2rem);
    background: rgba(0, 3, 10, 0.78);
    backdrop-filter: blur(12px);
}

.arcsecs-physics-demo .arcsecs-parameter-guide-dialog {
    width: min(1180px, 96vw);
    max-height: min(860px, 92vh);
    overflow: hidden;
    border: 1px solid rgba(104, 231, 255, 0.38);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(4, 12, 24, 0.98), rgba(12, 24, 36, 0.96));
    box-shadow: 0 24px 90px rgba(0, 0, 0, 0.66), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    color: #ecfbff;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-dialog > header,
.arcsecs-physics-demo .arcsecs-parameter-guide-actions {
    padding: 1rem 1.15rem;
    background: rgba(255, 255, 255, 0.045);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.arcsecs-physics-demo .arcsecs-parameter-guide-dialog > header {
    position: relative;
    padding-right: 4rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-dialog > header span {
    color: var(--arc-cyan);
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-dialog h2 {
    margin: 0.15rem 0 0.35rem;
    font-size: clamp(1.25rem, 2vw, 2rem);
}

.arcsecs-physics-demo .arcsecs-parameter-guide-dialog p {
    margin: 0.35rem 0;
    color: rgba(236, 251, 255, 0.82);
}

.arcsecs-physics-demo [data-arcsecs-parameter-guide-close] {
    cursor: pointer;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-dialog > header [data-arcsecs-parameter-guide-close] {
    position: absolute;
    right: 1rem;
    top: 1rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    border-radius: 999px;
    font-size: 1.35rem;
    line-height: 1;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-grid {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(260px, 0.95fr) minmax(320px, 1.35fr);
    gap: 1rem;
    overflow: hidden;
    padding: 1rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-list,
.arcsecs-physics-demo .arcsecs-parameter-guide-detail {
    min-height: 0;
    overflow: auto;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-list {
    display: grid;
    align-content: start;
    gap: 0.65rem;
}

.arcsecs-physics-demo .arcsecs-parameter-preset-card {
    text-align: left;
    display: grid;
    gap: 0.25rem;
    border: 1px solid rgba(104, 231, 255, 0.18);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
    color: #f3feff;
    padding: 0.85rem;
}

.arcsecs-physics-demo .arcsecs-parameter-preset-card.is-active {
    border-color: rgba(255, 214, 111, 0.82);
    box-shadow: inset 0 0 0 1px rgba(255, 214, 111, 0.28), 0 0 28px rgba(255, 214, 111, 0.11);
}

.arcsecs-physics-demo .arcsecs-parameter-preset-card span {
    color: rgba(236, 251, 255, 0.76);
    font-size: 0.83rem;
}

.arcsecs-physics-demo .arcsecs-parameter-preset-card em {
    color: #ffd66f;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.28);
    padding: 1rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card header span {
    color: var(--arc-cyan);
    display: block;
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card header strong {
    display: block;
    font-size: 1.35rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card ol {
    display: grid;
    gap: 0.45rem;
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card li {
    display: grid;
    grid-template-columns: minmax(140px, 0.65fr) minmax(0, 1fr);
    gap: 0.5rem;
    border-left: 3px solid rgba(104, 231, 255, 0.35);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    padding: 0.5rem 0.65rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card li.is-highlighted {
    border-left-color: #ffd66f;
    background: rgba(255, 214, 111, 0.08);
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card li strong {
    color: var(--arc-cyan);
}

.arcsecs-physics-demo .arcsecs-parameter-guide-detail-card li span {
    color: #fff4c8;
    overflow-wrap: anywhere;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-actions {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 0;
    display: grid;
    gap: 0.85rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-action-groups {
    display: grid;
    gap: 0.75rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-action-group {
    display: none;
    border: 1px solid rgba(104, 231, 255, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    padding: 0.85rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-action-group.is-active {
    display: block;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-action-group header {
    display: grid;
    gap: 0.25rem;
    margin-bottom: 0.65rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-action-group header strong {
    color: #fff7d4;
    font-size: 0.92rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-action-group header span {
    color: rgba(236, 251, 255, 0.7);
    font-size: 0.8rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-footer-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 0.35rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-footer-bar p {
    margin: 0;
    color: rgba(236, 251, 255, 0.72);
    font-size: 0.82rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-launch-panel button {
    width: 100%;
}

@media (max-width: 820px) {
    .arcsecs-physics-demo .arcsecs-parameter-guide-grid {
        grid-template-columns: 1fr;
    }
    .arcsecs-physics-demo .arcsecs-parameter-guide-dialog {
        max-height: 95vh;
    }
    .arcsecs-physics-demo .arcsecs-parameter-guide-detail-card li {
        grid-template-columns: 1fr;
    }
    .arcsecs-physics-demo .arcsecs-parameter-guide-footer-bar {
        flex-direction: column;
        align-items: stretch;
    }
}

/* v5.7.13 Run Your Own Simulation Recipe Lab */
.arcsecs-physics-demo .arcsecs-parameter-guide-detail-stack {
    min-height: 0;
    overflow: auto;
    display: grid;
    gap: 0.85rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-workspace-rail {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 0.2rem 0 0.4rem;
    background: linear-gradient(180deg, rgba(4, 12, 24, 0.98), rgba(4, 12, 24, 0.9) 75%, rgba(4, 12, 24, 0));
}

.arcsecs-physics-demo .arcsecs-parameter-guide-workspace-rail button {
    border-radius: 999px;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(104, 231, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(236, 251, 255, 0.84);
    font-size: 0.76rem;
}

.arcsecs-physics-demo .arcsecs-parameter-guide-workspace-rail button[aria-pressed="true"] {
    border-color: rgba(255, 214, 111, 0.82);
    background: rgba(255, 214, 111, 0.12);
    color: #fff7d4;
    box-shadow: 0 0 18px rgba(255, 214, 111, 0.12);
}

.arcsecs-physics-demo .arcsecs-parameter-guide-selection {
    border: 1px solid rgba(104, 231, 255, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(236, 251, 255, 0.78);
    padding: 0.8rem 0.9rem;
    font-size: 0.88rem;
}

.arcsecs-physics-demo .arcsecs-guide-workspace-panel {
    display: none;
}

.arcsecs-physics-demo .arcsecs-guide-workspace-panel.is-active {
    display: block;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card {
    border: 1px solid rgba(255, 214, 111, 0.24);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 214, 111, 0.07), rgba(0, 0, 0, 0.22));
    padding: 1rem;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 0.75rem;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card header span {
    color: #ffd66f;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card header strong {
    display: block;
    font-size: 1.12rem;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card header em {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    border-radius: 999px;
    padding: 0.22rem 0.6rem;
    background: rgba(104, 231, 255, 0.1);
    color: var(--arc-cyan);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card header em.is-warning {
    background: rgba(255, 214, 111, 0.14);
    color: #ffd66f;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card header em.is-failed {
    background: rgba(255, 111, 111, 0.14);
    color: #ff9f9f;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card dl {
    display: grid;
    grid-template-columns: minmax(110px, 0.38fr) minmax(0, 1fr);
    gap: 0.45rem 0.65rem;
    margin: 0.75rem 0;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card dt {
    color: var(--arc-cyan);
    font-weight: 800;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.arcsecs-physics-demo .arcsecs-recipe-link-output {
    border: 1px dashed rgba(104, 231, 255, 0.28);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.22);
    color: #fff4c8;
    padding: 0.45rem;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.78rem;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card ol {
    display: grid;
    gap: 0.4rem;
    margin: 0.75rem 0;
    padding: 0;
    list-style: none;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card li {
    display: grid;
    grid-template-columns: minmax(100px, 0.32fr) minmax(0, 1fr);
    gap: 0.5rem;
    border-left: 3px solid rgba(104, 231, 255, 0.42);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    padding: 0.45rem 0.6rem;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card li.is-warning {
    border-left-color: #ffd66f;
}

.arcsecs-physics-demo .arcsecs-recipe-lab-card li.is-error {
    border-left-color: #ff8f8f;
}

@media (max-width: 820px) {
    .arcsecs-physics-demo .arcsecs-recipe-lab-card dl,
    .arcsecs-physics-demo .arcsecs-recipe-lab-card li {
        grid-template-columns: 1fr;
    }
}

/* v5.7.16 Experiment Comparison Workbench */
.arcsecs-physics-demo .arcsecs-recipe-comparison {
    min-height: 0;
}

.arcsecs-physics-demo .arcsecs-comparison-workbench-card {
    border: 1px solid rgba(104, 231, 255, 0.24);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(104, 231, 255, 0.08), rgba(0, 0, 0, 0.24));
    padding: 1rem;
}

.arcsecs-physics-demo .arcsecs-comparison-workbench-card header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 0.75rem;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
}

.arcsecs-physics-demo .arcsecs-comparison-workbench-card header span {
    color: var(--arc-cyan);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-comparison-workbench-card header strong {
    display: block;
    font-size: 1.12rem;
}

.arcsecs-physics-demo .arcsecs-comparison-workbench-card header em {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    border-radius: 999px;
    padding: 0.22rem 0.6rem;
    background: rgba(104, 231, 255, 0.12);
    color: var(--arc-cyan);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-comparison-workbench-card header em.is-medium {
    background: rgba(255, 214, 111, 0.14);
    color: #ffd66f;
}

.arcsecs-physics-demo .arcsecs-comparison-workbench-card header em.is-high {
    background: rgba(255, 111, 111, 0.14);
    color: #ffaaaa;
}

.arcsecs-physics-demo .arcsecs-comparison-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0.75rem 0;
}

.arcsecs-physics-demo .arcsecs-comparison-summary span {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.18);
    color: #e7fbff;
    padding: 0.45rem 0.55rem;
    text-align: center;
    font-weight: 800;
}

.arcsecs-physics-demo .arcsecs-comparison-rows {
    display: grid;
    gap: 0.55rem;
}

.arcsecs-physics-demo .arcsecs-comparison-row {
    display: grid;
    gap: 0.25rem;
    width: 100%;
    border: 1px solid rgba(104, 231, 255, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    color: #f6fbff;
    padding: 0.7rem;
    text-align: left;
    cursor: pointer;
}

.arcsecs-physics-demo .arcsecs-comparison-row:hover,
.arcsecs-physics-demo .arcsecs-comparison-row:focus-visible {
    border-color: rgba(104, 231, 255, 0.55);
    box-shadow: 0 0 0 3px rgba(104, 231, 255, 0.1);
    outline: none;
}

.arcsecs-physics-demo .arcsecs-comparison-row strong {
    color: #ffffff;
}

.arcsecs-physics-demo .arcsecs-comparison-row span {
    color: #bfecf5;
    font-size: 0.82rem;
}

.arcsecs-physics-demo .arcsecs-comparison-row em {
    color: #ffe9a6;
    font-size: 0.78rem;
    font-style: normal;
}

@media (max-width: 820px) {
    .arcsecs-physics-demo .arcsecs-comparison-summary {
        grid-template-columns: 1fr;
    }
}

/* v5.7.16 Experiment Playlist Runner */
.arcsecs-physics-demo .arcsecs-recipe-playlist {
    min-height: 0;
}

.arcsecs-physics-demo .arcsecs-playlist-runner-card {
    border: 1px solid rgba(255, 214, 111, 0.26);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 214, 111, 0.08), rgba(0, 0, 0, 0.24));
    padding: 1rem;
}

.arcsecs-physics-demo .arcsecs-playlist-runner-card header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 0.75rem;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
}

.arcsecs-physics-demo .arcsecs-playlist-runner-card header span {
    color: #ffd66f;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-playlist-runner-card header strong {
    display: block;
    font-size: 1.12rem;
}

.arcsecs-physics-demo .arcsecs-playlist-runner-card header em {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    border-radius: 999px;
    padding: 0.22rem 0.6rem;
    background: rgba(104, 231, 255, 0.12);
    color: var(--arc-cyan);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-playlist-runner-card header em.is-warning {
    background: rgba(255, 214, 111, 0.14);
    color: #ffd66f;
}

.arcsecs-physics-demo .arcsecs-playlist-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0.75rem 0;
}

.arcsecs-physics-demo .arcsecs-playlist-summary span {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.18);
    color: #fff4c8;
    padding: 0.45rem 0.55rem;
    text-align: center;
    font-weight: 800;
}

.arcsecs-physics-demo .arcsecs-playlist-rows {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.arcsecs-physics-demo .arcsecs-playlist-rows li {
    border-left: 4px solid rgba(104, 231, 255, 0.28);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
}

.arcsecs-physics-demo .arcsecs-playlist-rows li.is-running {
    border-left-color: #68e7ff;
    background: rgba(104, 231, 255, 0.07);
}

.arcsecs-physics-demo .arcsecs-playlist-rows li.is-complete {
    border-left-color: #7fffb2;
}

.arcsecs-physics-demo .arcsecs-playlist-rows li.is-warning {
    border-left-color: #ffd66f;
}

.arcsecs-physics-demo .arcsecs-playlist-rows button {
    display: grid;
    gap: 0.25rem;
    width: 100%;
    border: 0;
    background: transparent;
    color: #f6fbff;
    padding: 0.7rem;
    text-align: left;
    cursor: pointer;
}

.arcsecs-physics-demo .arcsecs-playlist-rows button:hover,
.arcsecs-physics-demo .arcsecs-playlist-rows button:focus-visible {
    box-shadow: 0 0 0 3px rgba(255, 214, 111, 0.12);
    outline: none;
}

.arcsecs-physics-demo .arcsecs-playlist-rows strong {
    color: #ffffff;
}

.arcsecs-physics-demo .arcsecs-playlist-rows span {
    color: #bfecf5;
    font-size: 0.82rem;
}

.arcsecs-physics-demo .arcsecs-playlist-rows em {
    color: #ffe9a6;
    font-size: 0.78rem;
    font-style: normal;
}

@media (max-width: 820px) {
    .arcsecs-physics-demo .arcsecs-playlist-summary {
        grid-template-columns: 1fr;
    }
}

/* v5.7.16 Experiment Lab Notebook */
.arcsecs-physics-demo .arcsecs-lab-notebook {
    border: 1px solid rgba(104, 231, 255, .22);
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(2, 10, 22, .92), rgba(12, 32, 54, .72));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04), 0 18px 48px rgba(0, 0, 0, .24);
    max-height: 52vh;
    overflow: auto;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-card {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-card header {
    align-items: center;
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-card header span {
    color: #8bdfff;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-card header strong {
    color: #f5fbff;
    font-size: .9rem;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-card header em {
    border: 1px solid rgba(104, 231, 255, .28);
    border-radius: 999px;
    color: #bff3ff;
    font-size: .72rem;
    font-style: normal;
    padding: .25rem .55rem;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-card header em.is-warning {
    border-color: rgba(255, 193, 112, .5);
    color: #ffdca7;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-entries {
    display: grid;
    gap: .75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-entries li {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
    display: grid;
    gap: .65rem;
    padding: .75rem;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-entries li.is-warning {
    border-color: rgba(255, 193, 112, .38);
    background: rgba(255, 193, 112, .07);
}

.arcsecs-physics-demo .arcsecs-lab-notebook-entries button {
    appearance: none;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: .22rem;
    padding: 0;
    text-align: left;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-entries button:hover strong,
.arcsecs-physics-demo .arcsecs-lab-notebook-entries button:focus-visible strong {
    color: #68e7ff;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-entries strong {
    color: #ffffff;
    font-size: .9rem;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-entries span,
.arcsecs-physics-demo .arcsecs-lab-notebook-entries small {
    color: rgba(223, 248, 255, .66);
    font-size: .72rem;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-entries em {
    color: #dff8ff;
    font-size: .78rem;
    font-style: normal;
    line-height: 1.45;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-metrics {
    display: grid;
    gap: .42rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.arcsecs-physics-demo .arcsecs-lab-notebook-metrics span {
    border: 1px solid rgba(104, 231, 255, .14);
    border-radius: 12px;
    background: rgba(0, 0, 0, .2);
    display: grid;
    gap: .18rem;
    overflow: hidden;
    padding: .55rem;
    position: relative;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-metrics span.is-warning {
    border-color: rgba(255, 193, 112, .42);
}

.arcsecs-physics-demo .arcsecs-lab-notebook-metrics b {
    color: rgba(223, 248, 255, .7);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-metrics strong {
    color: #ffffff;
    font-size: .86rem;
    z-index: 1;
}

.arcsecs-physics-demo .arcsecs-lab-notebook-metrics i {
    background: linear-gradient(90deg, rgba(104, 231, 255, .32), rgba(255, 193, 112, .18));
    bottom: 0;
    left: 0;
    min-width: 8%;
    position: absolute;
    top: 0;
    z-index: 0;
}

@media (max-width: 760px) {
    .arcsecs-physics-demo .arcsecs-lab-notebook-card header,
    .arcsecs-physics-demo .arcsecs-lab-notebook-metrics {
        grid-template-columns: 1fr;
    }
}

/* v5.7.18 Experiment Replay Timeline */
.arcsecs-physics-demo .arcsecs-replay-timeline {
    display: block;
    margin-top: 1rem;
}

.arcsecs-physics-demo .arcsecs-replay-timeline-card {
    border: 1px solid rgba(125, 211, 252, 0.3);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(6, 23, 39, 0.95), rgba(9, 34, 48, 0.92));
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
    padding: 1rem;
}

.arcsecs-physics-demo .arcsecs-replay-timeline-card header {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.7rem;
}

.arcsecs-physics-demo .arcsecs-replay-timeline-card header span {
    color: #93c5fd;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-replay-timeline-card header strong {
    color: #f8fafc;
}

.arcsecs-physics-demo .arcsecs-replay-timeline-card header em,
.arcsecs-physics-demo .arcsecs-replay-markers span {
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    color: #cbd5e1;
    font-size: 0.76rem;
    font-style: normal;
    padding: 0.25rem 0.55rem;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-replay-timeline-card header em.is-warning,
.arcsecs-physics-demo .arcsecs-replay-markers span.is-warning {
    border-color: rgba(251, 191, 36, 0.72);
    color: #fde68a;
}

.arcsecs-physics-demo .arcsecs-replay-timeline-card header em.is-pass,
.arcsecs-physics-demo .arcsecs-replay-markers span.is-pass {
    border-color: rgba(34, 197, 94, 0.72);
    color: #bbf7d0;
}

.arcsecs-physics-demo .arcsecs-replay-markers span.is-info {
    border-color: rgba(96, 165, 250, 0.72);
    color: #bfdbfe;
}

.arcsecs-physics-demo .arcsecs-replay-markers span.is-muted {
    opacity: 0.55;
}

.arcsecs-physics-demo .arcsecs-replay-progress {
    background: rgba(15, 23, 42, 0.8);
    border-radius: 999px;
    height: 0.55rem;
    overflow: hidden;
    margin: 0.75rem 0;
}

.arcsecs-physics-demo .arcsecs-replay-progress b {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, rgba(34, 211, 238, 0.7), rgba(129, 140, 248, 0.9));
}

.arcsecs-physics-demo .arcsecs-replay-current {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 14px;
    padding: 0.8rem;
    background: rgba(2, 6, 23, 0.45);
}

.arcsecs-physics-demo .arcsecs-replay-current h3 {
    margin: 0 0 0.45rem;
    color: #e0f2fe;
}

.arcsecs-physics-demo .arcsecs-replay-current dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0.65rem 0 0;
}

.arcsecs-physics-demo .arcsecs-replay-current dt {
    color: #94a3b8;
    font-size: 0.7rem;
    text-transform: uppercase;
}

.arcsecs-physics-demo .arcsecs-replay-current dd {
    color: #f8fafc;
    margin: 0;
}

.arcsecs-physics-demo .arcsecs-replay-markers {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0.85rem 0;
}

.arcsecs-physics-demo .arcsecs-replay-markers span {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
}

.arcsecs-physics-demo .arcsecs-replay-markers b,
.arcsecs-physics-demo .arcsecs-replay-markers em {
    font-style: normal;
}

.arcsecs-physics-demo .arcsecs-replay-metrics {
    width: 100%;
    border-collapse: collapse;
    margin: 0.7rem 0;
    font-size: 0.82rem;
}

.arcsecs-physics-demo .arcsecs-replay-metrics th,
.arcsecs-physics-demo .arcsecs-replay-metrics td {
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    padding: 0.45rem;
    text-align: left;
    vertical-align: top;
}

.arcsecs-physics-demo .arcsecs-replay-metrics tr.is-warning td {
    color: #fde68a;
}

.arcsecs-physics-demo .arcsecs-replay-metrics tr.is-changed td {
    color: #bfdbfe;
}

.arcsecs-physics-demo .arcsecs-replay-events {
    display: grid;
    gap: 0.45rem;
    list-style: none;
    margin: 0.8rem 0 0;
    padding: 0;
}

.arcsecs-physics-demo .arcsecs-replay-events button {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.74);
    color: #e2e8f0;
    cursor: pointer;
    display: grid;
    gap: 0.2rem;
    padding: 0.55rem;
    text-align: left;
}

.arcsecs-physics-demo .arcsecs-replay-events li.is-warning button {
    border-color: rgba(251, 191, 36, 0.58);
}

@media (max-width: 760px) {
    .arcsecs-physics-demo .arcsecs-replay-timeline-card header,
    .arcsecs-physics-demo .arcsecs-replay-current dl {
        grid-template-columns: 1fr;
    }

    .arcsecs-physics-demo .arcsecs-replay-metrics {
        display: block;
        overflow-x: auto;
    }
}

.arcsecs-parameter-guide-modal .arcsecs-sensitivity-scanner {
    border: 1px solid rgba(108, 255, 214, 0.22);
    border-radius: 18px;
    background: rgba(6, 18, 25, 0.82);
    box-shadow: inset 0 0 22px rgba(108, 255, 214, 0.08);
    padding: 1rem;
    max-height: 34rem;
    overflow: auto;
}

.arcsecs-sensitivity-card header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.35rem 0.75rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.arcsecs-sensitivity-card header span,
.arcsecs-sensitivity-card header em {
    color: rgba(214, 244, 255, 0.76);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.arcsecs-sensitivity-card header strong {
    color: #ffffff;
    font-size: 1.05rem;
}

.arcsecs-sensitivity-meter {
    height: 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
    margin: 0.85rem 0;
}

.arcsecs-sensitivity-meter b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(108, 255, 214, 0.8), rgba(255, 184, 77, 0.92));
}

.arcsecs-sensitivity-points,
.arcsecs-sensitivity-tipping ul {
    display: grid;
    gap: 0.55rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.arcsecs-sensitivity-points li,
.arcsecs-sensitivity-tipping li {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    padding: 0.55rem;
}

.arcsecs-sensitivity-points li.is-warning,
.arcsecs-sensitivity-tipping li.is-warning {
    border-color: rgba(255, 184, 77, 0.5);
    background: rgba(255, 184, 77, 0.08);
}

.arcsecs-sensitivity-points li.is-info {
    border-color: rgba(108, 255, 214, 0.36);
}

.arcsecs-sensitivity-points button {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(6rem, 1fr) auto;
    gap: 0.25rem 0.5rem;
    text-align: left;
    border: 0;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.18);
    color: inherit;
    padding: 0.5rem;
    cursor: pointer;
}

.arcsecs-sensitivity-points button:hover,
.arcsecs-sensitivity-points button:focus-visible {
    outline: 2px solid rgba(108, 255, 214, 0.65);
}

.arcsecs-sensitivity-points button em {
    grid-column: 1 / -1;
    color: rgba(214, 244, 255, 0.72);
    font-size: 0.78rem;
}

/* v5.7.25 Interactive Dark Matter Drive Simulator page */
.arcsecs-dark-drive {
    min-height: 100vh;
    background: radial-gradient(circle at 20% 20%, rgba(19, 88, 132, 0.28), transparent 32%), #020814;
    color: #ecfbff;
    padding: clamp(0.8rem, 2vw, 1.5rem);
}

.arcsecs-dark-drive .arcsecs-drive-hero {
    display: grid;
    gap: 0.8rem;
    border: 1px solid rgba(104, 231, 255, 0.28);
    border-radius: 24px;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: linear-gradient(135deg, rgba(8, 26, 42, 0.94), rgba(6, 12, 24, 0.94));
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42);
}

.arcsecs-dark-drive .arcsecs-drive-hero p {
    max-width: 86rem;
    margin: 0;
    color: rgba(236, 251, 255, 0.82);
}

.arcsecs-dark-drive .arcsecs-drive-hero-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.arcsecs-dark-drive .arcsecs-drive-hero-links a,
.arcsecs-dark-drive button {
    border: 1px solid rgba(104, 231, 255, 0.48);
    border-radius: 999px;
    background: rgba(4, 18, 30, 0.86);
    color: #ecfbff;
    padding: 0.58rem 0.82rem;
    text-decoration: none;
    cursor: pointer;
}

.arcsecs-dark-drive .arcsecs-drive-hero-links a:hover,
.arcsecs-dark-drive button:hover,
.arcsecs-dark-drive button:focus-visible {
    border-color: #ffd66f;
    color: #fff7d4;
    outline: none;
}

.arcsecs-dark-drive .arcsecs-drive-boundary,
.arcsecs-dark-drive .arcsecs-drive-performance-note {
    color: #ffd66f;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.arcsecs-dark-drive .arcsecs-drive-layout {
    display: grid;
    grid-template-columns: minmax(17rem, 0.75fr) minmax(30rem, 1.7fr) minmax(18rem, 0.85fr);
    gap: 1rem;
    margin-top: 1rem;
    align-items: start;
}

.arcsecs-dark-drive .arcsecs-drive-stage {
    display: grid;
    gap: 1rem;
    grid-column: 2;
}

.arcsecs-dark-drive .arcsecs-drive-control-dock {
    grid-column: 1;
    grid-row: 1;
}

.arcsecs-dark-drive .arcsecs-drive-telemetry-dock {
    grid-column: 3;
    grid-row: 1;
}

.arcsecs-dark-drive .arcsecs-drive-dock,
.arcsecs-dark-drive .arcsecs-drive-component-panel,
.arcsecs-dark-drive .arcsecs-drive-blueprint-shell {
    border: 1px solid rgba(104, 231, 255, 0.24);
    border-radius: 22px;
    background: rgba(3, 12, 22, 0.88);
    padding: 1rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.arcsecs-dark-drive .arcsecs-drive-dock {
    display: grid;
    gap: 0.75rem;
    max-height: calc(100vh - 11rem);
    overflow: auto;
}

.arcsecs-dark-drive .arcsecs-drive-dock label {
    display: grid;
    gap: 0.35rem;
    color: rgba(236, 251, 255, 0.82);
    font-size: 0.86rem;
}

.arcsecs-dark-drive .arcsecs-drive-dock input,
.arcsecs-dark-drive .arcsecs-drive-dock select {
    width: 100%;
    border: 1px solid rgba(104, 231, 255, 0.22);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.32);
    color: #ecfbff;
    padding: 0.48rem 0.55rem;
}

.arcsecs-dark-drive .arcsecs-drive-checkbox {
    grid-template-columns: auto 1fr;
    align-items: center;
}

.arcsecs-dark-drive .arcsecs-drive-blueprint-shell {
    position: relative;
    min-height: clamp(22rem, 50vh, 34rem);
    overflow: hidden;
}

.arcsecs-dark-drive .arcsecs-drive-blueprint,
.arcsecs-dark-drive .arcsecs-drive-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.arcsecs-dark-drive .arcsecs-drive-blueprint {
    z-index: 2;
    pointer-events: none;
}

.arcsecs-dark-drive .arcsecs-drive-canvas {
    z-index: 1;
}

.arcsecs-dark-drive .arcsecs-drive-hull {
    fill: url(#arcsecsDriveHull);
    opacity: 0.22;
    stroke: rgba(104, 231, 255, 0.84);
    stroke-width: 0.4;
}

.arcsecs-dark-drive .arcsecs-drive-core-line,
.arcsecs-dark-drive .arcsecs-drive-scoop {
    fill: none;
    stroke: rgba(255, 214, 111, 0.68);
    stroke-width: 0.35;
}

.arcsecs-dark-drive .arcsecs-drive-hotspot {
    position: absolute;
    left: var(--x);
    top: var(--y);
    z-index: 3;
    transform: translate(-50%, -50%);
    border-radius: 18px;
    padding: 0.45rem 0.65rem;
    background: rgba(1, 13, 23, 0.88);
    pointer-events: auto;
    display: grid;
    gap: 0.12rem;
    min-width: 7.5rem;
}

.arcsecs-dark-drive .arcsecs-drive-hotspot span {
    color: #65e7ff;
    font-weight: 900;
}

.arcsecs-dark-drive .arcsecs-drive-hotspot strong {
    font-size: 0.74rem;
}

.arcsecs-dark-drive .arcsecs-drive-hotspot.is-active {
    border-color: #ffd66f;
    box-shadow: 0 0 24px rgba(255, 214, 111, 0.25);
}

.arcsecs-dark-drive .arcsecs-drive-detail-card {
    display: grid;
    gap: 0.75rem;
}

.arcsecs-dark-drive .arcsecs-drive-detail-card header span {
    color: #65e7ff;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.arcsecs-dark-drive .arcsecs-drive-detail-card header strong {
    display: block;
    font-size: 1.25rem;
}

.arcsecs-dark-drive .arcsecs-drive-detail-card ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
}

.arcsecs-dark-drive .arcsecs-drive-telemetry-grid {
    display: grid;
    gap: 0.55rem;
}

.arcsecs-dark-drive .arcsecs-drive-telemetry-grid div,
.arcsecs-dark-drive .arcsecs-drive-timeline-panel button {
    display: grid;
    gap: 0.15rem;
    border: 1px solid rgba(104, 231, 255, 0.16);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    padding: 0.6rem;
}

.arcsecs-dark-drive .arcsecs-drive-telemetry-grid span,
.arcsecs-dark-drive .arcsecs-drive-timeline-panel span {
    color: rgba(236, 251, 255, 0.72);
    font-size: 0.78rem;
}

.arcsecs-dark-drive .arcsecs-drive-telemetry-grid strong {
    color: #fff7d4;
}

.arcsecs-dark-drive .arcsecs-drive-button-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.arcsecs-dark-drive .arcsecs-drive-timeline-panel {
    display: grid;
    gap: 0.5rem;
    max-height: 20rem;
    overflow: auto;
}

.arcsecs-dark-drive .arcsecs-drive-timeline-panel button {
    border-radius: 14px;
    text-align: left;
}

.arcsecs-dark-drive .arcsecs-drive-timeline-panel button.is-active {
    border-color: #ffd66f;
    background: rgba(255, 214, 111, 0.1);
}

.arcsecs-dark-drive .arcsecs-drive-timeline-panel button.is-warning {
    border-color: rgba(255, 111, 111, 0.65);
}

@media (max-width: 1100px) {
    .arcsecs-dark-drive .arcsecs-drive-layout {
        grid-template-columns: 1fr;
    }
    .arcsecs-dark-drive .arcsecs-drive-stage,
    .arcsecs-dark-drive .arcsecs-drive-control-dock,
    .arcsecs-dark-drive .arcsecs-drive-telemetry-dock {
        grid-column: 1;
        grid-row: auto;
    }
    .arcsecs-dark-drive .arcsecs-drive-dock {
        max-height: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .arcsecs-dark-drive *,
    .arcsecs-dark-drive *::before,
    .arcsecs-dark-drive *::after {
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
    }
}

/* v5.7.25 Dark Matter Drive mission scenario sequencer */
.arcsecs-dark-drive .arcsecs-drive-mission-sequencer {
    border: 1px solid rgba(255, 214, 111, 0.22);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255, 214, 111, 0.06), rgba(3, 12, 22, 0.9));
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
}

.arcsecs-dark-drive .arcsecs-drive-mission-sequencer header {
    display: grid;
    gap: 0.35rem;
}

.arcsecs-dark-drive .arcsecs-drive-mission-sequencer header span {
    color: #ffd66f;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.arcsecs-dark-drive .arcsecs-drive-mission-sequencer h2 {
    margin: 0;
    font-size: clamp(1rem, 1.7vw, 1.35rem);
}

.arcsecs-dark-drive .arcsecs-drive-mission-sequencer p,
.arcsecs-dark-drive .arcsecs-drive-mission-sequencer [data-arcsecs-drive-mission-summary] {
    margin: 0;
    color: rgba(236, 251, 255, 0.78);
}

.arcsecs-dark-drive .arcsecs-drive-mission-sequencer [data-arcsecs-drive-mission-summary] {
    display: grid;
    gap: 0.2rem;
}

.arcsecs-dark-drive .arcsecs-drive-mission-sequencer [data-arcsecs-drive-mission-summary] strong {
    color: #fff7d4;
}

.arcsecs-dark-drive .arcsecs-drive-mission-sequencer [data-arcsecs-drive-mission-summary] em {
    color: #65e7ff;
    font-style: normal;
}

.arcsecs-dark-drive .arcsecs-drive-mission-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.6rem;
    max-height: 22rem;
    overflow: auto;
}

.arcsecs-dark-drive .arcsecs-drive-mission-panel button {
    display: grid;
    gap: 0.35rem;
    border-radius: 16px;
    text-align: left;
    background: rgba(255, 255, 255, 0.035);
}

.arcsecs-dark-drive .arcsecs-drive-mission-panel button.is-active {
    border-color: #ffd66f;
    background: rgba(255, 214, 111, 0.1);
    box-shadow: 0 0 22px rgba(255, 214, 111, 0.12);
}

.arcsecs-dark-drive .arcsecs-drive-mission-panel button span,
.arcsecs-dark-drive .arcsecs-drive-mission-panel button em {
    color: rgba(236, 251, 255, 0.72);
    font-size: 0.78rem;
}

.arcsecs-dark-drive .arcsecs-drive-mission-panel button em {
    color: #65e7ff;
    font-style: normal;
}


/* v5.7.26 Dark Matter Drive UI interaction and progress monitor */
.arcsecs-dark-drive [data-arcsecs-drive-control-readout] {
    justify-self: end;
    align-self: center;
    border: 1px solid rgba(255, 214, 111, 0.22);
    border-radius: 999px;
    background: rgba(255, 214, 111, 0.08);
    color: #fff7d4;
    padding: 0.12rem 0.45rem;
    font-size: 0.76rem;
    font-weight: 800;
}

.arcsecs-dark-drive .arcsecs-drive-progress-panel,
.arcsecs-dark-drive .arcsecs-drive-log-panel {
    display: grid;
    gap: 0.65rem;
    border: 1px solid rgba(104, 231, 255, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.035);
    padding: 0.85rem;
}

.arcsecs-dark-drive .arcsecs-drive-progress-panel h3,
.arcsecs-dark-drive .arcsecs-drive-log-panel h3 {
    margin: 0;
    color: #65e7ff;
    font-size: 0.82rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.arcsecs-dark-drive .arcsecs-drive-progress-row {
    display: grid;
    gap: 0.35rem;
}

.arcsecs-dark-drive .arcsecs-drive-progress-row span,
.arcsecs-dark-drive .arcsecs-drive-progress-panel p,
.arcsecs-dark-drive .arcsecs-drive-log-panel li span {
    color: rgba(236, 251, 255, 0.76);
    font-size: 0.78rem;
}

.arcsecs-dark-drive .arcsecs-drive-progress-panel p {
    margin: 0;
}

.arcsecs-dark-drive .arcsecs-drive-progress-track {
    height: 0.62rem;
    overflow: hidden;
    border: 1px solid rgba(104, 231, 255, 0.18);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.34);
}

.arcsecs-dark-drive .arcsecs-drive-progress-track i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(101, 231, 255, 0.82), rgba(255, 214, 111, 0.88));
    transition: width 180ms linear;
}

.arcsecs-dark-drive .arcsecs-drive-log-panel ol {
    display: grid;
    gap: 0.45rem;
    max-height: 14rem;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
}

.arcsecs-dark-drive .arcsecs-drive-log-panel li {
    display: grid;
    gap: 0.2rem;
    border-left: 3px solid rgba(104, 231, 255, 0.42);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.22);
    padding: 0.5rem 0.65rem;
}

.arcsecs-dark-drive .arcsecs-drive-log-panel li.is-warning {
    border-left-color: rgba(255, 111, 111, 0.88);
}

.arcsecs-dark-drive .arcsecs-drive-log-panel li.is-success {
    border-left-color: rgba(127, 255, 191, 0.88);
}

.arcsecs-dark-drive .arcsecs-drive-log-panel li strong {
    color: #fff7d4;
    font-size: 0.8rem;
}


/* v5.7.28 admin route health diagnostics */
.arcsecs-admin-wrap .arcsecs-route-health-table {
    max-width: 1100px;
    margin-top: 0.75rem;
}

.arcsecs-admin-wrap .arcsecs-status-badge {
    display: inline-block;
    min-width: 4.8rem;
    border-radius: 999px;
    padding: 0.18rem 0.55rem;
    text-align: center;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.arcsecs-admin-wrap .arcsecs-status-pass {
    background: #d1fae5;
    color: #065f46;
}

.arcsecs-admin-wrap .arcsecs-status-repair {
    background: #fee2e2;
    color: #991b1b;
}


/* v5.7.29 admin route health report */
.arcsecs-admin-wrap .arcsecs-route-health-report {
    max-width: 1100px;
    min-height: 18rem;
    font-family: Consolas, Monaco, monospace;
    white-space: pre;
}

.arcsecs-admin-wrap .arcsecs-repair-checklist {
    max-width: 1100px;
    padding-left: 1.4rem;
}

.arcsecs-admin-wrap .arcsecs-repair-checklist li {
    margin-bottom: 0.45rem;
}

/* v5.7.30 admin route smoke check */
.arcsecs-admin-wrap .arcsecs-route-smoke-form {
    margin: 0.75rem 0 1rem;
}

.arcsecs-admin-wrap .arcsecs-route-smoke-table {
    max-width: 1100px;
    margin: 0.75rem 0 1rem;
}

.arcsecs-admin-wrap .arcsecs-route-smoke-empty {
    max-width: 1100px;
    border-left: 4px solid #72aee6;
    background: #f0f6fc;
    padding: 0.75rem 1rem;
}

/* v5.7.32 Dark Matter Drive Simulator scientific cockpit upgrade */
.arcsecs-dark-drive {
    --arcsecs-drive-bg: #020814;
    --arcsecs-drive-panel: rgba(8, 18, 36, 0.92);
    --arcsecs-drive-panel-strong: rgba(12, 30, 56, 0.96);
    --arcsecs-drive-line: rgba(101, 231, 255, 0.28);
    --arcsecs-drive-line-strong: rgba(111, 245, 214, 0.55);
    --arcsecs-drive-text: #ecfeff;
    --arcsecs-drive-muted: #a8c7d7;
    --arcsecs-drive-green: #6ff5d6;
    --arcsecs-drive-cyan: #65e7ff;
    --arcsecs-drive-amber: #ffd66f;
    --arcsecs-drive-danger: #ff8a8a;
    min-height: 100vh;
    background:
        radial-gradient(circle at 20% 0%, rgba(101, 231, 255, 0.14), transparent 28rem),
        radial-gradient(circle at 90% 12%, rgba(111, 245, 214, 0.1), transparent 24rem),
        var(--arcsecs-drive-bg);
    color: var(--arcsecs-drive-text);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    padding: clamp(1rem, 2vw, 1.5rem);
    box-sizing: border-box;
}
.arcsecs-dark-drive *, .arcsecs-dark-drive *::before, .arcsecs-dark-drive *::after { box-sizing: border-box; }
.arcsecs-dark-drive button, .arcsecs-dark-drive select, .arcsecs-dark-drive input { font: inherit; }
.arcsecs-dark-drive button, .arcsecs-dark-drive a {
    transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
.arcsecs-dark-drive button:focus-visible, .arcsecs-dark-drive a:focus-visible, .arcsecs-dark-drive input:focus-visible, .arcsecs-dark-drive select:focus-visible, .arcsecs-drive-blueprint [role="button"]:focus-visible {
    outline: 3px solid var(--arcsecs-drive-amber);
    outline-offset: 3px;
}
.arcsecs-drive-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 24rem);
    gap: 1rem;
    border: 1px solid var(--arcsecs-drive-line);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(8, 18, 36, 0.96), rgba(2, 8, 20, 0.86));
    padding: clamp(1rem, 2vw, 1.35rem);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.32);
    margin-bottom: 1rem;
}
.arcsecs-drive-hero h1 {
    margin: .5rem 0 .35rem;
    font-size: clamp(2rem, 4vw, 4.3rem);
    line-height: .96;
    color: var(--arcsecs-drive-text);
    letter-spacing: -.05em;
}
.arcsecs-drive-hero p { color: var(--arcsecs-drive-muted); margin: 0; max-width: 78rem; }
.arcsecs-drive-hero-actions, .arcsecs-drive-hero-links, .arcsecs-drive-button-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
    margin-top: .85rem;
}
.arcsecs-dark-drive button, .arcsecs-drive-hero-links a {
    border: 1px solid var(--arcsecs-drive-line);
    color: var(--arcsecs-drive-text);
    background: rgba(12, 30, 56, 0.8);
    border-radius: .85rem;
    padding: .7rem .85rem;
    text-decoration: none;
    cursor: pointer;
}
.arcsecs-dark-drive button:hover, .arcsecs-drive-hero-links a:hover {
    border-color: var(--arcsecs-drive-line-strong);
    background: rgba(16, 44, 78, 0.92);
    transform: translateY(-1px);
}
.arcsecs-drive-hero-actions button:first-child {
    background: linear-gradient(135deg, rgba(111, 245, 214, .22), rgba(101, 231, 255, .16));
    border-color: var(--arcsecs-drive-green);
}
.arcsecs-drive-capability-card {
    border: 1px solid var(--arcsecs-drive-line);
    border-radius: 1rem;
    padding: 1rem;
    background: rgba(2, 8, 20, .7);
}
.arcsecs-drive-capability-card strong { display: block; color: var(--arcsecs-drive-amber); margin-bottom: .4rem; }
.arcsecs-drive-capability-card ul { list-style: none; padding: 0; margin: .7rem 0 0; display: grid; gap: .35rem; }
.arcsecs-drive-capability-card li { display: flex; justify-content: space-between; gap: 1rem; color: var(--arcsecs-drive-muted); }
.arcsecs-drive-capability-card span { color: var(--arcsecs-drive-danger); }
.arcsecs-drive-capability-card span.is-available { color: var(--arcsecs-drive-green); }
.arcsecs-drive-boundary {
    grid-column: 1 / -1;
    border: 1px solid rgba(255, 214, 111, .3);
    color: var(--arcsecs-drive-amber);
    border-radius: .9rem;
    padding: .7rem .85rem;
    background: rgba(255, 214, 111, .08);
}
.arcsecs-drive-statusbar {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--arcsecs-drive-line);
    border-radius: 1rem;
    padding: .65rem .85rem;
    background: rgba(2, 8, 20, .94);
    backdrop-filter: blur(10px);
    margin-bottom: 1rem;
}
.arcsecs-drive-statusbar strong.is-running { color: var(--arcsecs-drive-green); text-shadow: 0 0 1rem rgba(111,245,214,.45); }
.arcsecs-drive-haptic-toggle { display: inline-flex; align-items: center; gap: .4rem; color: var(--arcsecs-drive-muted); }
.arcsecs-drive-layout {
    display: grid;
    grid-template-columns: minmax(18rem, 23rem) minmax(0, 1fr) minmax(18rem, 24rem);
    grid-template-areas:
        "controls stage telemetry"
        "log log log";
    gap: 1rem;
    align-items: start;
}
.arcsecs-drive-control-dock { grid-area: controls; }
.arcsecs-drive-stage { grid-area: stage; min-width: 0; }
.arcsecs-drive-telemetry-dock { grid-area: telemetry; }
.arcsecs-drive-event-log { grid-area: log; }
.arcsecs-drive-dock, .arcsecs-drive-stage, .arcsecs-drive-event-log, .arcsecs-drive-readable-content {
    border: 1px solid var(--arcsecs-drive-line);
    border-radius: 1.2rem;
    background: var(--arcsecs-drive-panel);
    box-shadow: 0 1rem 2.6rem rgba(0,0,0,.22);
}
.arcsecs-drive-dock { padding: 1rem; max-height: 84vh; overflow: auto; scrollbar-color: var(--arcsecs-drive-cyan) rgba(255,255,255,.08); }
.arcsecs-drive-stage { padding: 1rem; }
.arcsecs-drive-dock h2, .arcsecs-drive-stage h2, .arcsecs-drive-event-log h2, .arcsecs-drive-readable-content h2 { color: var(--arcsecs-drive-green); margin: 0 0 .75rem; }
.arcsecs-drive-control-group {
    border: 1px solid rgba(101,231,255,.18);
    border-radius: 1rem;
    padding: .85rem;
    background: rgba(2,8,20,.42);
    margin: .8rem 0;
}
.arcsecs-drive-control-group h3, .arcsecs-drive-progress-panel h3, .arcsecs-drive-log-panel h3 { margin: 0 0 .6rem; color: var(--arcsecs-drive-amber); font-size: 1rem; }
.arcsecs-drive-dock label, .arcsecs-drive-guided-scenario label {
    display: grid;
    gap: .35rem;
    color: var(--arcsecs-drive-muted);
    margin-bottom: .75rem;
}
.arcsecs-drive-dock input, .arcsecs-drive-dock select, .arcsecs-drive-guided-scenario select {
    width: 100%;
    min-height: 2.55rem;
    color: var(--arcsecs-drive-text);
    border: 1px solid var(--arcsecs-drive-line);
    background: rgba(1, 6, 16, .86);
    border-radius: .75rem;
    padding: .45rem .6rem;
}
.arcsecs-drive-dock input[type="range"] { padding: 0; accent-color: var(--arcsecs-drive-green); }
.arcsecs-drive-checkbox, .arcsecs-drive-haptic-toggle { grid-template-columns: auto 1fr !important; }
.arcsecs-drive-dial-group { border-color: rgba(255,214,111,.34); }
.arcsecs-drive-dial-labels { display: grid; grid-template-columns: repeat(5, 1fr); gap: .25rem; color: var(--arcsecs-drive-muted); font-size: .72rem; line-height: 1.25; }
.arcsecs-drive-dial-labels span { border-left: 1px solid rgba(255,255,255,.18); padding-left: .25rem; }
.arcsecs-drive-dial-group p:not([hidden]) { color: var(--arcsecs-drive-amber); margin: .6rem 0 0; }
.arcsecs-drive-blueprint-shell {
    position: relative;
    min-height: clamp(22rem, 48vw, 42rem);
    border-radius: 1.1rem;
    overflow: hidden;
    border: 1px solid var(--arcsecs-drive-line);
    background: radial-gradient(circle at 50% 50%, rgba(101, 231, 255, 0.08), rgba(2,8,20,.94) 60%);
}
.arcsecs-drive-canvas, .arcsecs-drive-blueprint {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.arcsecs-drive-blueprint { z-index: 2; pointer-events: none; }
.arcsecs-drive-blueprint [role="button"] { pointer-events: auto; cursor: pointer; }
.arcsecs-drive-blueprint text { fill: rgba(236,254,255,.86); font-size: 2.2px; paint-order: stroke; stroke: rgba(2,8,20,.8); stroke-width: .45px; }
.arcsecs-drive-performance-note {
    margin-top: .7rem;
    color: var(--arcsecs-drive-muted);
    border: 1px solid rgba(101,231,255,.18);
    border-radius: .8rem;
    padding: .6rem .75rem;
    background: rgba(2,8,20,.38);
}
.arcsecs-drive-explanation-panel, .arcsecs-drive-component-panel, .arcsecs-drive-guided-scenario, .arcsecs-drive-mission-sequencer {
    margin-top: 1rem;
    border: 1px solid var(--arcsecs-drive-line);
    border-radius: 1rem;
    padding: 1rem;
    background: rgba(2,8,20,.52);
}
.arcsecs-drive-explanation-panel dl { display: grid; grid-template-columns: minmax(8rem, 12rem) 1fr; gap: .45rem .75rem; margin: .7rem 0 0; }
.arcsecs-drive-explanation-panel dt { color: var(--arcsecs-drive-amber); }
.arcsecs-drive-explanation-panel dd { margin: 0; color: var(--arcsecs-drive-muted); }
.arcsecs-drive-detail-card header { display: grid; gap: .25rem; margin-bottom: .7rem; }
.arcsecs-drive-detail-card header span { color: var(--arcsecs-drive-amber); }
.arcsecs-drive-detail-card header strong { font-size: 1.2rem; color: var(--arcsecs-drive-text); }
.arcsecs-drive-detail-card p, .arcsecs-drive-detail-card li, .arcsecs-drive-guided-panel span, .arcsecs-drive-mission-panel p { color: var(--arcsecs-drive-muted); }
.arcsecs-drive-guided-panel { display: grid; gap: .35rem; border-top: 1px solid rgba(101,231,255,.18); padding-top: .75rem; margin-top: .75rem; }
.arcsecs-drive-telemetry-grid { display: grid; gap: .5rem; }
.arcsecs-drive-telemetry-grid div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: baseline;
    border-bottom: 1px solid rgba(101,231,255,.13);
    padding: .42rem 0;
}
.arcsecs-drive-telemetry-grid span { color: var(--arcsecs-drive-muted); }
.arcsecs-drive-telemetry-grid strong { color: var(--arcsecs-drive-green); text-align: right; }
.arcsecs-drive-timeline-panel { display: grid; gap: .45rem; margin-top: .75rem; }
.arcsecs-drive-timeline-panel button {
    display: grid;
    gap: .25rem;
    width: 100%;
    text-align: left;
    white-space: normal;
}
.arcsecs-drive-timeline-panel button.is-active { border-color: var(--arcsecs-drive-amber); background: rgba(255,214,111,.1); }
.arcsecs-drive-timeline-panel .is-warning, .arcsecs-drive-event-log .is-warning, .arcsecs-drive-log-panel .is-warning { border-color: rgba(255,138,138,.58); color: var(--arcsecs-drive-danger); }
.arcsecs-drive-progress-panel, .arcsecs-drive-log-panel { border: 1px solid rgba(101,231,255,.18); border-radius: 1rem; padding: .85rem; background: rgba(2,8,20,.42); margin-top: .85rem; }
.arcsecs-drive-progress-row { display: grid; grid-template-columns: 8rem 1fr; align-items: center; gap: .7rem; margin: .55rem 0; color: var(--arcsecs-drive-muted); }
.arcsecs-drive-progress-track { position: relative; overflow: hidden; height: .7rem; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(101,231,255,.16); }
.arcsecs-drive-progress-track i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--arcsecs-drive-green), var(--arcsecs-drive-cyan)); border-radius: inherit; transition: width .25s ease; }
.arcsecs-drive-log-panel ol, .arcsecs-drive-event-log ol { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.arcsecs-drive-log-panel li, .arcsecs-drive-event-log li {
    display: grid;
    grid-template-columns: auto minmax(8rem, .35fr) minmax(0, 1fr);
    gap: .7rem;
    align-items: baseline;
    border: 1px solid rgba(101,231,255,.16);
    border-radius: .8rem;
    padding: .6rem .7rem;
    background: rgba(2,8,20,.42);
}
.arcsecs-drive-log-panel li { grid-template-columns: minmax(8rem, .35fr) minmax(0, 1fr); }
.arcsecs-drive-event-log { padding: 1rem; }
.arcsecs-drive-readable-content { margin-top: 1rem; padding: clamp(1rem, 2vw, 1.5rem); }
.arcsecs-drive-readable-content p, .arcsecs-drive-readable-content li { color: var(--arcsecs-drive-muted); }
.arcsecs-drive-readable-content a { color: var(--arcsecs-drive-cyan); }
.arcsecs-dark-drive:fullscreen { overflow: auto; padding: 1rem; }
.arcsecs-dark-drive:fullscreen .arcsecs-drive-layout { min-height: calc(100vh - 12rem); }
@media (max-width: 1280px) {
    .arcsecs-drive-layout {
        grid-template-columns: minmax(16rem, 21rem) minmax(0, 1fr);
        grid-template-areas:
            "stage stage"
            "controls telemetry"
            "log log";
    }
    .arcsecs-drive-dock { max-height: none; }
}
@media (max-width: 820px) {
    .arcsecs-dark-drive { padding: .7rem; }
    .arcsecs-drive-hero { grid-template-columns: 1fr; }
    .arcsecs-drive-layout {
        grid-template-columns: 1fr;
        grid-template-areas: "stage" "controls" "telemetry" "log";
    }
    .arcsecs-drive-blueprint-shell { min-height: 24rem; }
    .arcsecs-drive-statusbar { position: relative; }
    .arcsecs-drive-dial-labels { grid-template-columns: 1fr; }
    .arcsecs-drive-log-panel li, .arcsecs-drive-event-log li, .arcsecs-drive-telemetry-grid div, .arcsecs-drive-explanation-panel dl { grid-template-columns: 1fr; }
    .arcsecs-dark-drive button, .arcsecs-drive-hero-links a, .arcsecs-dark-drive input, .arcsecs-dark-drive select { min-height: 2.75rem; }
}
@media (prefers-reduced-motion: reduce) {
    .arcsecs-dark-drive *, .arcsecs-dark-drive *::before, .arcsecs-dark-drive *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* v5.7.40 Dark Matter Drive direct WebGPU render canvas.
   The primary Canvas HUD remains below this transparent particle layer;
   the SVG blueprint and hotspot labels remain above it. */
.arcsecs-drive-gpu-particle-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: screen;
}

.arcsecs-dark-drive .arcsecs-drive-gpu-particle-canvas {
    z-index: 1;
}


/* v5.7.56 Dark Matter Drive viewport scroll repair.
   The relational cockpit can exceed one browser-height after the hero/status/stage stack.
   Keep internal control/telemetry panels scrollable, but let the page itself scroll so
   medium desktop screens can reach controls, telemetry, event log, and readable content. */
body.arcsecs-dark-drive-page,
body.arcsecs-fullscreen-demo.arcsecs-dark-drive-page {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 100svh !important;
    height: auto !important;
}
body.arcsecs-dark-drive-page .arcsecs-fullscreen-template {
    min-height: 100svh !important;
    height: auto !important;
    overflow: visible !important;
}
body.arcsecs-dark-drive-page .arcsecs-dark-drive.arcsecs-physics-demo {
    height: auto !important;
    min-height: 100svh !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
}
body.arcsecs-dark-drive-page .arcsecs-dark-drive .arcsecs-drive-layout {
    overflow: visible !important;
}
body.arcsecs-dark-drive-page .arcsecs-dark-drive .arcsecs-drive-dock,
body.arcsecs-dark-drive-page .arcsecs-dark-drive .arcsecs-drive-event-log {
    scrollbar-width: thin;
    scrollbar-color: var(--arcsecs-drive-cyan) rgba(255,255,255,.08);
}
body.arcsecs-dark-drive-page .arcsecs-dark-drive .arcsecs-drive-event-log {
    max-height: 42vh;
    overflow: auto;
}
@media (max-width: 1280px) {
    body.arcsecs-dark-drive-page .arcsecs-dark-drive .arcsecs-drive-event-log {
        max-height: none;
    }
}

/* v5.7.57 Dark Matter Drive visible viewport activity repair.
   The simulator should not look like a static illustration while telemetry changes.
   Keep the Canvas/WebGPU fallback stack intact, but make the canvas itself an obvious
   start/pause target and expose running state without requiring the user to read header numbers. */
.arcsecs-dark-drive .arcsecs-drive-canvas {
    cursor: pointer;
}
.arcsecs-dark-drive.is-running .arcsecs-drive-blueprint-shell {
    box-shadow: 0 0 0 1px rgba(111,245,214,.24), 0 0 2.2rem rgba(101,231,255,.14), inset 0 0 2.6rem rgba(111,245,214,.08);
}
.arcsecs-dark-drive.is-paused .arcsecs-drive-blueprint-shell {
    box-shadow: inset 0 0 0 1px rgba(255,214,111,.16), inset 0 0 2rem rgba(255,214,111,.04);
}
.arcsecs-dark-drive.is-running .arcsecs-drive-statusbar {
    border-color: rgba(111,245,214,.38);
}
.arcsecs-dark-drive.is-running [data-arcsecs-drive-running-label].is-running {
    color: var(--arcsecs-drive-green);
    text-shadow: 0 0 .7rem rgba(111,245,214,.5);
}
.arcsecs-dark-drive.is-paused [data-arcsecs-drive-running-label] {
    color: var(--arcsecs-drive-amber);
}

/* v5.7.62 Distance-Time Kernel / Claim Map / Event Theater integration. */
.arcsecs-distance-time-kernel,
.arcsecs-event-theater,
.arcsecs-distance-time-story,
.arcsecs-claim-map-panel,
.arcsecs-drive-distance-time-dock {
    border: 1px solid rgba(111, 245, 214, .22);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(5, 16, 31, .9), rgba(12, 26, 48, .68));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 16px 40px rgba(0,0,0,.22);
    padding: 1rem;
    margin: 1rem 0;
}

.arcsecs-distance-time-kernel h2,
.arcsecs-event-theater h2,
.arcsecs-distance-time-story h2,
.arcsecs-claim-map-panel h2,
.arcsecs-drive-distance-time-dock h2 {
    margin: 0 0 .5rem;
    color: #c8fbff;
    letter-spacing: .04em;
}

.arcsecs-distance-time-cards,
.arcsecs-delay-stack,
.arcsecs-claim-map-cards,
.arcsecs-story-steps,
.arcsecs-drive-distance-time-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .7rem;
}

.arcsecs-distance-card,
.arcsecs-event-card,
.arcsecs-delay-card,
.arcsecs-story-step,
.arcsecs-claim-card,
.arcsecs-drive-distance-time-card {
    border: 1px solid rgba(118, 190, 255, .18);
    border-radius: 14px;
    background: rgba(2, 8, 18, .66);
    padding: .75rem;
    color: rgba(229, 247, 255, .92);
}

.arcsecs-distance-card strong,
.arcsecs-event-card strong,
.arcsecs-delay-card strong,
.arcsecs-story-step strong,
.arcsecs-claim-card strong,
.arcsecs-drive-distance-time-card strong {
    display: block;
    color: #ffffff;
    margin-bottom: .25rem;
}

.arcsecs-distance-card span,
.arcsecs-event-card span,
.arcsecs-delay-card span,
.arcsecs-story-step span,
.arcsecs-drive-distance-time-card span {
    display: block;
    color: rgba(196, 226, 255, .75);
    font-size: .86rem;
    line-height: 1.35;
}

.arcsecs-claim-card {
    appearance: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.arcsecs-claim-card:hover,
.arcsecs-claim-card:focus-visible,
.arcsecs-claim-card.is-active {
    transform: translateY(-1px);
    border-color: rgba(255, 214, 111, .72);
    box-shadow: 0 0 0 1px rgba(255, 214, 111, .16), 0 0 24px rgba(255, 214, 111, .12);
    outline: none;
}

.arcsecs-claim-card.is-demonstrated::after {
    content: "Demonstrated";
    display: inline-block;
    margin-top: .45rem;
    padding: .12rem .42rem;
    border-radius: 999px;
    background: rgba(111, 245, 214, .12);
    color: #8ffff0;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.arcsecs-claim-explanation,
.arcsecs-boundary-note,
.arcsecs-distance-time-story p,
.arcsecs-event-theater p,
.arcsecs-distance-time-kernel p {
    color: rgba(215, 236, 255, .8);
    line-height: 1.45;
}

.arcsecs-delay-card {
    position: relative;
    overflow: hidden;
}

.arcsecs-delay-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #7df9ff, #ffd66f);
    opacity: .8;
}

.arcsecs-boundary-note {
    border-left: 3px solid rgba(255, 214, 111, .75);
    padding-left: .75rem;
    margin-top: .85rem;
    font-size: .92rem;
}

.arcsecs-event-theater [data-arcsecs-event-theater-panel],
.arcsecs-distance-time-kernel [data-arcsecs-distance-time-telemetry] {
    min-height: 3rem;
}

@media (max-width: 760px) {
    .arcsecs-distance-time-cards,
    .arcsecs-delay-stack,
    .arcsecs-claim-map-cards,
    .arcsecs-story-steps,
    .arcsecs-drive-distance-time-grid {
        grid-template-columns: 1fr;
    }
}

/* v5.7.63 Distance-Time Kernel UI wiring regression polish. */
.arcsecs-distance-time-cards > span,
.arcsecs-delay-stack > span,
.arcsecs-delay-stack > em,
[data-arcsecs-claim-card] {
    border: 1px solid rgba(118, 190, 255, .18);
    border-radius: 14px;
    background: rgba(2, 8, 18, .66);
    color: rgba(229, 247, 255, .92);
    padding: .72rem;
    min-width: 0;
}

.arcsecs-distance-time-cards > span b,
.arcsecs-delay-stack > span b,
[data-arcsecs-claim-card] strong {
    display: block;
    color: #fff;
    font-size: .82rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.arcsecs-distance-time-cards > span strong,
.arcsecs-delay-stack > span strong {
    display: block;
    margin-top: .24rem;
    color: #d9fbff;
    overflow-wrap: anywhere;
}

.arcsecs-distance-time-cards > span.is-highlighted {
    border-color: rgba(255, 214, 111, .78);
    background: linear-gradient(135deg, rgba(255, 214, 111, .16), rgba(111, 245, 214, .08));
    box-shadow: 0 0 0 1px rgba(255, 214, 111, .16), 0 0 22px rgba(255, 214, 111, .12);
}

[data-arcsecs-claim-card] {
    appearance: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

[data-arcsecs-claim-card].is-active,
[data-arcsecs-claim-card]:hover,
[data-arcsecs-claim-card]:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 214, 111, .78);
    box-shadow: 0 0 0 1px rgba(255, 214, 111, .16), 0 0 26px rgba(255, 214, 111, .14);
    outline: none;
}

[data-arcsecs-claim-card].is-demonstrated em {
    display: inline-block;
    margin-top: .5rem;
    border-radius: 999px;
    background: rgba(111, 245, 214, .13);
    color: #8ffff0;
    padding: .12rem .45rem;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.arcsecs-delay-stack {
    align-items: stretch;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.arcsecs-delay-stack > strong {
    grid-column: 1 / -1;
    color: #fff4c9;
}

.arcsecs-delay-stack > span {
    display: block;
    min-width: 8rem;
    border-color: rgba(255, 214, 111, .26);
    background: linear-gradient(135deg, rgba(255, 214, 111, .12), rgba(255, 96, 72, .08));
}

.arcsecs-delay-stack > em {
    grid-column: 1 / -1;
    color: rgba(225, 240, 255, .78);
    font-style: normal;
}

.arcsecs-claim-map-cards,
.arcsecs-event-theater [data-arcsecs-event-theater-panel],
.arcsecs-distance-time-story [data-arcsecs-distance-time-story],
.arcsecs-drive-distance-time-dock {
    max-height: 34rem;
    overflow: auto;
    padding-right: .25rem;
}

.arcsecs-physics-demo[data-arcsecs-active-claim="distance-without-lightyears"] .arcsecs-viewport-wrap,
.arcsecs-physics-demo[data-arcsecs-active-claim="clockless-universal-progression"] .arcsecs-viewport-wrap,
.arcsecs-physics-demo[data-arcsecs-active-claim="gravity-wave-baseline"] .arcsecs-viewport-wrap,
.arcsecs-physics-demo[data-arcsecs-active-claim="electromagnetic-secondary-messenger"] .arcsecs-viewport-wrap,
.arcsecs-physics-demo[data-arcsecs-active-claim="multi-messenger-event-testing"] .arcsecs-viewport-wrap,
.arcsecs-physics-demo[data-arcsecs-active-claim="no-spacetime-foundation-language"] .arcsecs-viewport-wrap {
    box-shadow: 0 0 0 2px rgba(255, 214, 111, .22), 0 0 36px rgba(111, 245, 214, .12);
}

/* v5.7.64 browser-facing Distance-Time visual smoke polish. */
.arcsecs-physics-demo[data-arcsecs-active-claim] .arcsecs-viewport-wrap::before {
    content: "Distance-Time visual focus: claim card is linked to viewport, telemetry, validation, and export evidence";
    position: absolute;
    z-index: 4;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    border: 1px solid rgba(255, 214, 111, .34);
    border-radius: 999px;
    background: rgba(2, 8, 18, .72);
    color: #fff4c9;
    font-size: .78rem;
    letter-spacing: .03em;
    padding: .42rem .75rem;
    pointer-events: none;
    backdrop-filter: blur(8px);
}

.arcsecs-event-theater select,
[data-arcsecs-distance-time-event] {
    min-height: 2.4rem;
}

.arcsecs-event-theater [data-arcsecs-event-theater-panel] dl,
.arcsecs-claim-map-explanation dl {
    display: grid;
    grid-template-columns: minmax(8rem, .7fr) 1.4fr;
    gap: .35rem .75rem;
    margin: .75rem 0 0;
}

.arcsecs-event-theater [data-arcsecs-event-theater-panel] dt,
.arcsecs-claim-map-explanation dt {
    color: rgba(196, 226, 255, .72);
    font-weight: 700;
}

.arcsecs-event-theater [data-arcsecs-event-theater-panel] dd,
.arcsecs-claim-map-explanation dd {
    color: rgba(235, 248, 255, .94);
    margin: 0;
    overflow-wrap: anywhere;
}

.arcsecs-delay-stack > span {
    min-height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow-wrap: anywhere;
}

.arcsecs-drive-distance-time-dock {
    max-height: min(38rem, 64svh);
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(111,245,214,.82) rgba(255,255,255,.08);
}

.arcsecs-drive-distance-time-dock [data-arcsecs-drive-event-theater] {
    display: block;
    max-height: 18rem;
    overflow: auto;
    border: 1px solid rgba(118, 190, 255, .18);
    border-radius: 14px;
    background: rgba(2, 8, 18, .54);
    padding: .75rem;
}

@media (max-width: 860px) {
    .arcsecs-physics-demo[data-arcsecs-active-claim] .arcsecs-viewport-wrap::before {
        position: static;
        display: block;
        margin: .55rem;
        border-radius: 12px;
    }
    .arcsecs-event-theater [data-arcsecs-event-theater-panel] dl,
    .arcsecs-claim-map-explanation dl {
        grid-template-columns: 1fr;
    }
    .arcsecs-delay-stack {
        grid-template-columns: 1fr;
        overflow-x: visible;
    }
    .arcsecs-delay-stack > span {
        width: auto !important;
        min-width: 0;
    }
    .arcsecs-drive-distance-time-dock {
        max-height: none;
        overflow: visible;
    }
}

/* v5.8.10 Dark Matter Drive motion director.
   The cockpit keeps a low-intensity preview animation while paused so the viewport
   communicates that it is an active simulator, then escalates to deterministic motion
   after Start Simulation or a canvas click. */
.arcsecs-dark-drive.is-paused .arcsecs-drive-canvas {
    filter: drop-shadow(0 0 .9rem rgba(255, 214, 111, .16));
}
.arcsecs-dark-drive.is-running .arcsecs-drive-canvas {
    filter: drop-shadow(0 0 1.4rem rgba(111, 245, 214, .22));
}
.arcsecs-dark-drive .arcsecs-drive-blueprint-shell::after {
    content: "animated viewport — click to start/pause";
    position: absolute;
    right: 1rem;
    bottom: .75rem;
    color: rgba(236, 251, 255, .58);
    font-size: .72rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    pointer-events: none;
}

.arcsecs-drive-demo-director,
.arcsecs-drive-demo-director-panel {
    border: 1px solid rgba(111, 245, 214, .28);
    border-radius: 18px;
    background: rgba(2, 8, 20, .72);
    box-shadow: inset 0 0 28px rgba(101, 231, 255, .07);
    padding: 1rem;
    margin-top: 1rem;
}

.arcsecs-drive-demo-director header span,
.arcsecs-drive-demo-director-card > span {
    color: #65e7ff;
    font-family: monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.arcsecs-drive-demo-director h2,
.arcsecs-drive-demo-director-card h3 {
    color: #ffffff;
    margin: .25rem 0 .5rem;
}

.arcsecs-drive-demo-director-card p {
    color: rgba(236, 251, 255, .82);
    margin: .45rem 0;
}

.arcsecs-drive-demo-director .arcsecs-drive-button-grid {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}

.arcsecs-drive-canvas {
    cursor: pointer;
}

.arcsecs-drive.is-running .arcsecs-drive-demo-director {
    border-color: rgba(255, 214, 111, .42);
}

@media (max-width: 760px) {
    .arcsecs-drive-demo-director,
    .arcsecs-drive-demo-director-panel {
        max-height: 28rem;
        overflow: auto;
    }
}

/* v5.8.10 Dark Matter Drive motion director: animated viewport target and demo flight director controls. */

/* v5.7.74 Demo Flight verification console: keeps autopilot motion testable, exportable, and readable. */
.arcsecs-drive-demo-verification {
    border: 1px solid rgba(101, 231, 255, .22);
    border-radius: 14px;
    background: rgba(4, 16, 32, .72);
    margin-top: .9rem;
    padding: .85rem;
}

.arcsecs-drive-demo-verification h4 {
    color: #ffd66f;
    font-family: monospace;
    letter-spacing: .06em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

.arcsecs-drive-demo-verification p {
    color: rgba(236, 251, 255, .82);
    font-size: .82rem;
    margin: 0 0 .55rem;
}

.arcsecs-drive-demo-verification ul {
    display: grid;
    gap: .45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.arcsecs-drive-demo-verification li {
    border-left: 3px solid rgba(101, 231, 255, .45);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    display: grid;
    gap: .15rem;
    padding: .55rem .65rem;
}

.arcsecs-drive-demo-verification li.is-passing {
    border-left-color: rgba(111, 245, 214, .9);
}

.arcsecs-drive-demo-verification li.is-attention {
    border-left-color: rgba(255, 214, 111, .9);
}

.arcsecs-drive-demo-verification strong {
    color: #ffffff;
    font-size: .78rem;
}

.arcsecs-drive-demo-verification span {
    color: #65e7ff;
    font-family: monospace;
    font-size: .75rem;
}

.arcsecs-drive-demo-verification em {
    color: rgba(236, 251, 255, .66);
    font-size: .72rem;
    font-style: normal;
}

/* v5.7.74 Demo Flight timeline scrubber: makes staged motion directly jumpable, auditable, and exportable. */
.arcsecs-drive-demo-stage-rail {
    border: 1px solid rgba(255, 214, 111, .22);
    border-radius: 14px;
    background: rgba(6, 16, 32, .76);
    margin-top: .9rem;
    padding: .85rem;
}

.arcsecs-drive-demo-stage-rail h4 {
    color: #ffd66f;
    font-family: monospace;
    letter-spacing: .06em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

.arcsecs-drive-demo-stage-rail p {
    color: rgba(236, 251, 255, .75);
    font-size: .82rem;
    margin: 0 0 .75rem;
}

.arcsecs-drive-demo-stage-rail > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: .55rem;
}

.arcsecs-drive-demo-stage {
    border: 1px solid rgba(101, 231, 255, .2);
    border-radius: 12px;
    background: rgba(3, 10, 22, .82);
    color: rgba(236, 251, 255, .88);
    cursor: pointer;
    display: grid;
    gap: .25rem;
    min-height: 5rem;
    padding: .65rem;
    text-align: left;
}

.arcsecs-drive-demo-stage span {
    align-items: center;
    background: rgba(101, 231, 255, .13);
    border: 1px solid rgba(101, 231, 255, .26);
    border-radius: 999px;
    color: #65e7ff;
    display: inline-flex;
    font-family: monospace;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

.arcsecs-drive-demo-stage strong {
    color: #ffffff;
    font-size: .82rem;
    line-height: 1.25;
}

.arcsecs-drive-demo-stage em {
    color: rgba(255, 214, 111, .78);
    font-size: .72rem;
    font-style: normal;
    text-transform: uppercase;
}

.arcsecs-drive-demo-stage.is-active {
    border-color: rgba(255, 214, 111, .72);
    box-shadow: 0 0 20px rgba(255, 214, 111, .14), inset 0 0 18px rgba(255, 214, 111, .08);
}

.arcsecs-drive-demo-stage.is-complete {
    border-color: rgba(111, 245, 214, .42);
}

@media (max-width: 760px) {
    .arcsecs-drive-demo-stage-rail > div {
        grid-template-columns: 1fr;
    }
}

/* v5.8.10 Demo Flight telemetry scorecard: keeps stage motion tied to visible metrics. */
.arcsecs-drive-demo-scorecard {
    border: 1px solid rgba(111, 245, 214, .22);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(4, 24, 32, .78), rgba(7, 10, 24, .78));
    margin-top: .9rem;
    padding: .85rem;
}

.arcsecs-drive-demo-scorecard h4 {
    color: #6ff5d6;
    font-family: monospace;
    letter-spacing: .06em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

.arcsecs-drive-demo-scorecard p,
.arcsecs-drive-demo-scorecard > em {
    color: rgba(236, 251, 255, .78);
    display: block;
    font-size: .82rem;
    font-style: normal;
    margin: 0 0 .55rem;
}

.arcsecs-drive-demo-scorecard ul {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    list-style: none;
    margin: 0 0 .65rem;
    padding: 0;
}

.arcsecs-drive-demo-scorecard li {
    border-left: 3px solid rgba(255, 214, 111, .72);
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    display: grid;
    gap: .15rem;
    min-height: 5.3rem;
    padding: .55rem .65rem;
}

.arcsecs-drive-demo-scorecard li.is-pass {
    border-left-color: rgba(111, 245, 214, .92);
}

.arcsecs-drive-demo-scorecard li.is-watch {
    border-left-color: rgba(255, 214, 111, .92);
}

.arcsecs-drive-demo-scorecard strong {
    color: #ffffff;
    font-size: .78rem;
}

.arcsecs-drive-demo-scorecard span {
    color: #6ff5d6;
    font-family: monospace;
    font-size: .82rem;
}

.arcsecs-drive-demo-scorecard li em {
    color: rgba(236, 251, 255, .64);
    font-size: .7rem;
    font-style: normal;
}

@media (max-width: 760px) {
    .arcsecs-drive-demo-scorecard ul {
        grid-template-columns: 1fr;
    }
}


.arcsecs-drive-demo-evidence-ledger {
    margin-top: 1rem;
    border: 1px solid rgba(111, 245, 214, .32);
    border-radius: 16px;
    padding: .85rem;
    background: rgba(3, 16, 28, .72);
}

.arcsecs-drive-demo-evidence-ledger ul {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
    max-height: 19rem;
    overflow: auto;
}

.arcsecs-drive-demo-evidence-ledger li {
    border: 1px solid rgba(126, 160, 190, .25);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-drive-demo-evidence-ledger li.is-demonstrated {
    border-color: rgba(111, 245, 214, .58);
    box-shadow: inset 0 0 0 1px rgba(111, 245, 214, .18);
}

.arcsecs-drive-demo-evidence-ledger li.is-watch {
    border-color: rgba(255, 214, 111, .52);
}

.arcsecs-drive-demo-evidence-ledger li.is-ready {
    border-color: rgba(104, 231, 255, .32);
}

.arcsecs-drive-demo-evidence-ledger strong,
.arcsecs-drive-demo-evidence-ledger span,
.arcsecs-drive-demo-evidence-ledger em {
    display: block;
}

.arcsecs-drive-demo-evidence-ledger span {
    margin-top: .25rem;
    color: rgba(236, 251, 255, .86);
}

.arcsecs-drive-demo-evidence-ledger em {
    margin-top: .25rem;
    color: rgba(158, 199, 220, .82);
}


.arcsecs-drive-demo-architecture-sweep {
    margin-top: 1rem;
    border: 1px solid rgba(104, 231, 255, .34);
    border-radius: 16px;
    padding: .85rem;
    background: rgba(2, 12, 26, .74);
}

.arcsecs-drive-demo-architecture-sweep ul {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
    max-height: 20rem;
    overflow: auto;
}

.arcsecs-drive-demo-architecture-sweep li {
    border: 1px solid rgba(126, 160, 190, .26);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-drive-demo-architecture-sweep li.is-pass {
    border-color: rgba(111, 245, 214, .54);
}

.arcsecs-drive-demo-architecture-sweep li.is-watch {
    border-color: rgba(255, 214, 111, .54);
}

.arcsecs-drive-demo-architecture-sweep strong,
.arcsecs-drive-demo-architecture-sweep span,
.arcsecs-drive-demo-architecture-sweep em {
    display: block;
}

.arcsecs-drive-demo-architecture-sweep span {
    margin-top: .25rem;
    color: rgba(236, 251, 255, .86);
}

.arcsecs-drive-demo-architecture-sweep em {
    margin-top: .25rem;
    color: rgba(158, 199, 220, .82);
}


.arcsecs-drive-demo-mission-recorder,
.arcsecs-drive-operator-notes {
    margin-top: 1rem;
    border: 1px solid rgba(255, 214, 111, .34);
    border-radius: 16px;
    padding: .85rem;
    background: rgba(18, 14, 4, .46);
}

.arcsecs-drive-operator-notes {
    display: grid;
    gap: .45rem;
}

.arcsecs-drive-operator-notes textarea {
    width: 100%;
    min-height: 5rem;
    resize: vertical;
    border: 1px solid rgba(255, 214, 111, .28);
    border-radius: 12px;
    padding: .7rem;
    background: rgba(2, 8, 20, .86);
    color: #eaf7ff;
}

.arcsecs-drive-demo-mission-recorder ul {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
    max-height: 16rem;
    overflow: auto;
}

.arcsecs-drive-demo-mission-recorder li {
    border: 1px solid rgba(255, 214, 111, .25);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .7);
}

.arcsecs-drive-demo-mission-recorder strong,
.arcsecs-drive-demo-mission-recorder span,
.arcsecs-drive-demo-mission-recorder em {
    display: block;
}

.arcsecs-drive-demo-mission-recorder span {
    margin-top: .25rem;
    color: rgba(236, 251, 255, .86);
}

.arcsecs-drive-demo-mission-recorder em {
    margin-top: .25rem;
    color: rgba(255, 214, 111, .78);
}


.arcsecs-drive-demo-mission-debrief {
    margin-top: 1rem;
    border: 1px solid rgba(255, 214, 111, .34);
    border-radius: 16px;
    padding: .85rem;
    background: rgba(25, 17, 4, .48);
}

.arcsecs-drive-demo-mission-debrief ul {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
    max-height: 18rem;
    overflow: auto;
}

.arcsecs-drive-demo-mission-debrief li {
    border: 1px solid rgba(255, 214, 111, .24);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-drive-demo-mission-debrief li.is-complete {
    border-color: rgba(111, 245, 214, .58);
}

.arcsecs-drive-demo-mission-debrief li.is-ready {
    border-color: rgba(104, 231, 255, .36);
}

.arcsecs-drive-demo-mission-debrief li.is-watch {
    border-color: rgba(255, 114, 114, .52);
}

.arcsecs-drive-demo-mission-debrief strong,
.arcsecs-drive-demo-mission-debrief span,
.arcsecs-drive-demo-mission-debrief em {
    display: block;
}

.arcsecs-drive-demo-mission-debrief span {
    margin-top: .25rem;
    color: rgba(236, 251, 255, .86);
}

.arcsecs-drive-demo-mission-debrief em {
    margin-top: .25rem;
    color: rgba(158, 199, 220, .82);
}


.arcsecs-drive-demo-acceptance-flight {
    margin-top: 1rem;
    border: 1px solid rgba(111, 245, 214, .38);
    border-radius: 16px;
    padding: .85rem;
    background: rgba(3, 20, 18, .58);
}

.arcsecs-drive-demo-acceptance-flight ul {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
    max-height: 20rem;
    overflow: auto;
}

.arcsecs-drive-demo-acceptance-flight li {
    border: 1px solid rgba(126, 160, 190, .26);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-drive-demo-acceptance-flight li.is-pass {
    border-color: rgba(111, 245, 214, .58);
}

.arcsecs-drive-demo-acceptance-flight li.is-fail {
    border-color: rgba(255, 114, 114, .58);
}

.arcsecs-drive-demo-acceptance-flight strong,
.arcsecs-drive-demo-acceptance-flight span,
.arcsecs-drive-demo-acceptance-flight em {
    display: block;
}

.arcsecs-drive-demo-acceptance-flight span {
    margin-top: .25rem;
    color: rgba(236, 251, 255, .86);
}

.arcsecs-drive-demo-acceptance-flight em {
    margin-top: .25rem;
    color: rgba(158, 199, 220, .82);
}


.arcsecs-drive-demo-acceptance-certificate {
    margin-top: 1rem;
    border: 1px solid rgba(236, 251, 255, .34);
    border-radius: 16px;
    padding: .85rem;
    background: rgba(10, 14, 28, .68);
}

.arcsecs-drive-demo-acceptance-certificate ul {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
    max-height: 16rem;
    overflow: auto;
}

.arcsecs-drive-demo-acceptance-certificate li {
    border: 1px solid rgba(126, 160, 190, .26);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-drive-demo-acceptance-certificate li.is-pass {
    border-color: rgba(111, 245, 214, .58);
}

.arcsecs-drive-demo-acceptance-certificate li.is-fail {
    border-color: rgba(255, 114, 114, .58);
}

.arcsecs-drive-demo-acceptance-certificate strong,
.arcsecs-drive-demo-acceptance-certificate span,
.arcsecs-drive-demo-acceptance-certificate em {
    display: block;
}

.arcsecs-drive-demo-acceptance-certificate span {
    margin-top: .25rem;
    color: rgba(236, 251, 255, .86);
}

.arcsecs-drive-demo-acceptance-certificate em {
    margin-top: .25rem;
    color: rgba(158, 199, 220, .82);
}


.arcsecs-drive-demo-acceptance-bundle {
    margin-top: 1rem;
    border: 1px solid rgba(180, 140, 255, .36);
    border-radius: 16px;
    padding: .85rem;
    background: rgba(17, 10, 32, .62);
}

.arcsecs-drive-demo-acceptance-bundle ul {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
    max-height: 18rem;
    overflow: auto;
}

.arcsecs-drive-demo-acceptance-bundle li {
    border: 1px solid rgba(126, 160, 190, .26);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-drive-demo-acceptance-bundle li.is-pass {
    border-color: rgba(111, 245, 214, .58);
}

.arcsecs-drive-demo-acceptance-bundle li.is-fail {
    border-color: rgba(255, 114, 114, .58);
}

.arcsecs-drive-demo-acceptance-bundle strong,
.arcsecs-drive-demo-acceptance-bundle span,
.arcsecs-drive-demo-acceptance-bundle em {
    display: block;
}

.arcsecs-drive-demo-acceptance-bundle span {
    margin-top: .25rem;
    color: rgba(236, 251, 255, .86);
}

.arcsecs-drive-demo-acceptance-bundle em {
    margin-top: .25rem;
    color: rgba(158, 199, 220, .82);
}


.arcsecs-drive-demo-picker {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid rgba(111, 245, 214, .24);
    border-radius: 999px;
    padding: .45rem .7rem;
    background: rgba(4, 17, 30, .72);
}

.arcsecs-drive-demo-picker span {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(158, 199, 220, .9);
}

.arcsecs-drive-demo-picker select {
    min-width: 14rem;
    border: 0;
    border-radius: 999px;
    padding: .45rem .65rem;
    color: #ecfbff;
    background: rgba(8, 33, 53, .95);
}

.arcsecs-drive-demo-mode-summary,
.arcsecs-drive-ship-travel-log {
    margin-top: 1rem;
    border: 1px solid rgba(111, 245, 214, .28);
    border-radius: 16px;
    padding: .85rem;
    background: rgba(3, 16, 28, .66);
}

.arcsecs-drive-ship-travel-log ul {
    display: grid;
    gap: .55rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
    max-height: 17rem;
    overflow: auto;
}

.arcsecs-drive-ship-travel-log li {
    border: 1px solid rgba(126, 160, 190, .26);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-drive-ship-travel-log strong,
.arcsecs-drive-ship-travel-log span,
.arcsecs-drive-ship-travel-log em {
    display: block;
}


.arcsecs-travel-sandbox {
    margin-top: 1rem;
    border: 1px solid rgba(111, 245, 214, .32);
    border-radius: 18px;
    padding: 1rem;
    background: rgba(1, 10, 20, .82);
}

.arcsecs-travel-layout {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(16rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.arcsecs-travel-canvas {
    position: relative;
    min-height: 28rem;
    border: 1px solid rgba(104, 231, 255, .28);
    border-radius: 18px;
    overflow: hidden;
    background:
        radial-gradient(circle at 40% 34%, rgba(255, 190, 85, .18), transparent 24%),
        radial-gradient(circle at 18% 20%, rgba(30, 82, 140, .14), transparent 22%),
        linear-gradient(135deg, rgba(2, 11, 23, .96), rgba(4, 24, 36, .9));
    cursor: crosshair;
}

.arcsecs-travel-region,
.arcsecs-travel-beacon,
.arcsecs-travel-target,
.arcsecs-travel-ship,
.arcsecs-travel-route-dot,
.arcsecs-travel-harvest-particle {
    position: absolute;
    pointer-events: none;
}

.arcsecs-travel-region {
    transform: translate(-50%, -50%);
    border-radius: 999px;
    border: 1px solid rgba(111, 245, 214, .2);
    background: rgba(111, 245, 214, .06);
    box-shadow: 0 0 2rem rgba(111, 245, 214, .09);
}

.arcsecs-travel-region.is-dense_filament,
.arcsecs-travel-region.is-galaxy_halo,
.arcsecs-travel-region.is-matter_cloud {
    background: rgba(255, 184, 90, .13);
    border-color: rgba(255, 214, 111, .38);
    box-shadow: 0 0 2.6rem rgba(255, 188, 94, .22);
}

.arcsecs-travel-region.is-void_channel,
.arcsecs-travel-region.is-smooth_inertial_corridor {
    background: rgba(48, 96, 160, .07);
    border-color: rgba(104, 231, 255, .22);
}

.arcsecs-travel-region.is-torsion_anomaly {
    background: rgba(210, 90, 255, .11);
    border-color: rgba(221, 130, 255, .42);
    box-shadow: 0 0 3rem rgba(210, 90, 255, .22);
}

.arcsecs-travel-region em {
    display: block;
    margin: .35rem;
    color: rgba(236, 251, 255, .78);
    font-size: .7rem;
}

.arcsecs-travel-ship {
    width: 1.35rem;
    height: 2rem;
    clip-path: polygon(50% 0%, 100% 100%, 50% 75%, 0% 100%);
    background: rgba(111, 245, 214, .95);
    box-shadow: 0 0 1.4rem rgba(111, 245, 214, .72);
}

.arcsecs-travel-beacon {
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 214, 111, .75);
    border-radius: 999px;
    padding: .4rem .55rem;
    color: #ffd66f;
    background: rgba(44, 30, 4, .72);
    box-shadow: 0 0 1.6rem rgba(255, 214, 111, .35);
}

.arcsecs-travel-target {
    width: 1rem;
    height: 1rem;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255, 255, 255, .72);
    border-radius: 999px;
}

.arcsecs-travel-route-dot {
    width: .3rem;
    height: .3rem;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    background: rgba(236, 251, 255, .45);
}

.arcsecs-travel-harvest-particle {
    width: .35rem;
    height: .35rem;
    border-radius: 999px;
    background: rgba(255, 214, 111, .8);
    box-shadow: 0 0 .7rem rgba(255, 214, 111, .55);
}

.arcsecs-travel-thermal {
    inset: 0;
    background: transparent;
}

.arcsecs-travel-thermal.is-hot {
    background: radial-gradient(circle at center, transparent 44%, rgba(255, 93, 72, .25));
}

.arcsecs-travel-side,
.arcsecs-travel-telemetry,
.arcsecs-travel-validation {
    display: grid;
    gap: .85rem;
}

.arcsecs-travel-telemetry ul,
.arcsecs-travel-validation ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: .65rem;
    margin: .7rem 0 0;
    padding: 0;
    list-style: none;
}

.arcsecs-travel-telemetry li,
.arcsecs-travel-validation li,
.arcsecs-travel-advisor,
.arcsecs-travel-wavefront,
.arcsecs-travel-mobile-controls,
.arcsecs-travel-instructions {
    border: 1px solid rgba(126, 160, 190, .26);
    border-radius: 14px;
    padding: .75rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-travel-mobile-controls {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.arcsecs-travel-mobile-controls button {
    min-height: 2.4rem;
}

.arcsecs-travel-validation .is-pass {
    border-color: rgba(111, 245, 214, .48);
}

.arcsecs-travel-validation .is-watch {
    border-color: rgba(255, 214, 111, .52);
}

@media (max-width: 860px) {
    .arcsecs-travel-layout {
        grid-template-columns: 1fr;
    }
    .arcsecs-travel-canvas {
        min-height: 22rem;
    }
    .arcsecs-drive-demo-picker {
        width: 100%;
    }
    .arcsecs-drive-demo-picker select {
        min-width: 0;
        width: 100%;
    }
}


.arcsecs-travel-relational-adapter {
    margin-top: .85rem;
    border: 1px solid rgba(104, 231, 255, .32);
    border-radius: 14px;
    padding: .85rem;
    background: rgba(2, 20, 34, .72);
}

.arcsecs-travel-relational-adapter ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: .6rem;
    margin: .7rem 0 0;
    padding: 0;
    list-style: none;
}

.arcsecs-travel-relational-adapter li {
    border: 1px solid rgba(126, 160, 190, .25);
    border-radius: 12px;
    padding: .6rem;
    background: rgba(4, 14, 28, .72);
}

.arcsecs-travel-relational-adapter ol {
    margin: .75rem 0 0 1.2rem;
    color: rgba(236, 251, 255, .82);
}

.arcsecs-travel-relational-adapter em {
    display: block;
    margin-top: .65rem;
    color: rgba(158, 199, 220, .86);
}


.arcsecs-travel-route-planner {
    margin-top: .85rem;
    border: 1px solid rgba(255, 214, 111, .34);
    border-radius: 14px;
    padding: .85rem;
    background: rgba(29, 20, 3, .52);
}

.arcsecs-travel-route-planner ol,
.arcsecs-travel-route-planner ul {
    display: grid;
    gap: .6rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
}

.arcsecs-travel-route-planner li {
    border: 1px solid rgba(126, 160, 190, .25);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-travel-route-planner li.is-recommended {
    border-color: rgba(255, 214, 111, .68);
    box-shadow: 0 0 1.2rem rgba(255, 214, 111, .14);
}

.arcsecs-travel-route-planner li.is-pass {
    border-color: rgba(111, 245, 214, .46);
}

.arcsecs-travel-route-planner li.is-watch {
    border-color: rgba(255, 121, 95, .52);
}

.arcsecs-travel-route-planner strong,
.arcsecs-travel-route-planner span,
.arcsecs-travel-route-planner em {
    display: block;
}


.arcsecs-travel-route-autopilot {
    margin-top: .85rem;
    border: 1px solid rgba(111, 245, 214, .38);
    border-radius: 14px;
    padding: .85rem;
    background: rgba(3, 27, 22, .58);
}

.arcsecs-travel-route-autopilot ul {
    display: grid;
    gap: .6rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
}

.arcsecs-travel-route-autopilot li {
    border: 1px solid rgba(126, 160, 190, .25);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-travel-route-autopilot li.is-pass {
    border-color: rgba(111, 245, 214, .48);
}

.arcsecs-travel-route-autopilot li.is-watch {
    border-color: rgba(255, 214, 111, .52);
}

.arcsecs-travel-route-autopilot strong,
.arcsecs-travel-route-autopilot span {
    display: block;
}

.arcsecs-travel-route-planner button {
    margin-top: .55rem;
}


.arcsecs-travel-mission-objectives {
    margin-top: .85rem;
    border: 1px solid rgba(180, 140, 255, .38);
    border-radius: 14px;
    padding: .85rem;
    background: rgba(20, 12, 36, .58);
}

.arcsecs-travel-mission-objectives ol,
.arcsecs-travel-mission-objectives ul {
    display: grid;
    gap: .6rem;
    margin: .75rem 0 0;
    padding: 0;
    list-style: none;
}

.arcsecs-travel-mission-objectives li {
    border: 1px solid rgba(126, 160, 190, .25);
    border-radius: 12px;
    padding: .65rem;
    background: rgba(5, 18, 35, .72);
}

.arcsecs-travel-mission-objectives li.is-complete,
.arcsecs-travel-mission-objectives li.is-pass {
    border-color: rgba(111, 245, 214, .48);
}

.arcsecs-travel-mission-objectives li.is-active {
    border-color: rgba(104, 231, 255, .46);
}

.arcsecs-travel-mission-objectives li.is-watch {
    border-color: rgba(255, 214, 111, .52);
}

.arcsecs-travel-mission-objectives strong,
.arcsecs-travel-mission-objectives span,
.arcsecs-travel-mission-objectives em {
    display: block;
}


/* ArcSecs v5.8.10 Space Travel Mission Simulator shortcode */
.arcsecs-space-travel-simulator,
.arcsecs-space-travel-simulator * {
    box-sizing: border-box;
}

.arcsecs-space-travel-simulator {
    --arc-space-bg: #020711;
    --arc-space-panel: rgba(4, 16, 32, .92);
    --arc-space-panel-strong: rgba(8, 27, 49, .96);
    --arc-space-line: rgba(104, 231, 255, .30);
    --arc-space-line-strong: rgba(104, 231, 255, .64);
    --arc-space-text: #eaf7ff;
    --arc-space-dim: #9fc2d7;
    --arc-space-cyan: #68e7ff;
    --arc-space-gold: #ffcc66;
    --arc-space-green: #6ff5d6;
    display: block;
    width: min(1220px, 100%);
    margin: 1.5rem auto;
    padding: clamp(1rem, 2.4vw, 1.75rem);
    border: 1px solid var(--arc-space-line-strong);
    border-radius: 24px;
    background:
        radial-gradient(circle at 18% 8%, rgba(104, 231, 255, .14), transparent 34rem),
        radial-gradient(circle at 84% 22%, rgba(255, 204, 102, .09), transparent 34rem),
        linear-gradient(180deg, #03101d 0%, #020711 100%);
    color: var(--arc-space-text);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.arcsecs-space-travel-hero {
    margin-bottom: 1rem;
}

.arcsecs-space-travel-kicker {
    margin: 0 0 .35rem;
    color: var(--arc-space-cyan);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 800;
}

.arcsecs-space-travel-hero h2 {
    margin: 0 0 .45rem;
    color: var(--arc-space-text);
    font-size: clamp(1.5rem, 3.6vw, 3.2rem);
    line-height: 1.05;
}

.arcsecs-space-travel-hero p {
    max-width: 980px;
    color: var(--arc-space-dim);
}

.arcsecs-space-travel-boundary {
    padding: .7rem .85rem;
    border: 1px solid rgba(255, 204, 102, .50);
    border-radius: 14px;
    color: var(--arc-space-gold) !important;
    background: rgba(255, 204, 102, .07);
}

.arcsecs-space-travel-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(300px, .75fr);
    gap: 1rem;
    align-items: start;
}

.arcsecs-space-travel-cockpit,
.arcsecs-space-travel-panel,
.arcsecs-space-travel-notes {
    border: 1px solid var(--arc-space-line);
    border-radius: 18px;
    background: var(--arc-space-panel);
}

.arcsecs-space-travel-cockpit {
    padding: .85rem;
}

.arcsecs-space-travel-cockpit canvas {
    display: block;
    width: 100%;
    min-height: 360px;
    height: min(58vw, 520px);
    border: 1px solid var(--arc-space-line-strong);
    border-radius: 16px;
    background: #020711;
}

.arcsecs-space-travel-controls {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .85rem;
}

.arcsecs-space-travel-controls button {
    appearance: none;
    border: 1px solid var(--arc-space-line) !important;
    border-radius: 999px !important;
    padding: .55rem .75rem;
    background: rgba(3, 20, 35, .96) !important;
    color: var(--arc-space-text) !important;
    cursor: pointer;
    font: inherit !important;
    font-weight: 800 !important;
}

.arcsecs-space-travel-controls button:hover,
.arcsecs-space-travel-controls button.is-active {
    border-color: var(--arc-space-gold) !important;
    color: var(--arc-space-gold) !important;
}

.arcsecs-space-travel-keyboard {
    margin: .7rem 0 0;
    color: var(--arc-space-dim);
    font-size: .86rem;
}

.arcsecs-space-travel-panel {
    padding: .85rem;
}

.arcsecs-space-travel-status {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem .7rem;
    margin-bottom: .75rem;
    border: 1px solid var(--arc-space-line);
    border-radius: 14px;
    background: var(--arc-space-panel-strong);
}

.arcsecs-space-travel-status span,
.arcsecs-space-travel-telemetry-grid span {
    color: var(--arc-space-dim);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.arcsecs-space-travel-status strong {
    color: var(--arc-space-green);
}

.arcsecs-space-travel-telemetry-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.arcsecs-space-travel-telemetry-grid article {
    min-height: 74px;
    padding: .65rem;
    border: 1px solid var(--arc-space-line);
    border-radius: 14px;
    background: rgba(2, 10, 24, .68);
}

.arcsecs-space-travel-telemetry-grid strong {
    display: block;
    margin-top: .3rem;
    color: var(--arc-space-cyan);
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.arcsecs-space-travel-advisor {
    margin-top: .85rem;
    padding: .8rem;
    border: 1px solid rgba(255, 204, 102, .38);
    border-radius: 14px;
    background: rgba(255, 204, 102, .06);
}

.arcsecs-space-travel-advisor h3 {
    margin: 0 0 .4rem;
    color: var(--arc-space-gold);
}

.arcsecs-space-travel-advisor p {
    margin: .35rem 0;
    color: var(--arc-space-text);
}

.arcsecs-space-travel-notes {
    margin-top: 1rem;
    padding: .9rem;
}

.arcsecs-space-travel-notes h3 {
    margin-top: 0;
}

.arcsecs-space-travel-notes > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.arcsecs-space-travel-notes article {
    border: 1px solid var(--arc-space-line);
    border-radius: 14px;
    padding: .75rem;
    background: rgba(2, 10, 24, .62);
}

.arcsecs-space-travel-notes h4 {
    margin: 0 0 .35rem;
    color: var(--arc-space-green);
}

.arcsecs-space-travel-notes p {
    margin: 0;
    color: var(--arc-space-dim);
}

@media (max-width: 900px) {
    .arcsecs-space-travel-layout,
    .arcsecs-space-travel-notes > div {
        grid-template-columns: 1fr;
    }

    .arcsecs-space-travel-cockpit canvas {
        height: 420px;
    }
}

@media (max-width: 560px) {
    .arcsecs-space-travel-simulator {
        padding: .75rem;
        border-radius: 18px;
    }

    .arcsecs-space-travel-telemetry-grid {
        grid-template-columns: 1fr;
    }

    .arcsecs-space-travel-controls button {
        width: 100%;
        justify-content: center;
    }

    .arcsecs-space-travel-cockpit canvas {
        min-height: 320px;
        height: 340px;
    }
}


.arcsecs-space-travel-messenger {
    padding: .6rem .7rem;
    border: 1px solid rgba(255, 105, 135, .35);
    border-radius: 12px;
    color: #ffb0c0 !important;
    background: rgba(255, 105, 135, .07);
}

.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="gravityArrival"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="photonArrival"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="photonDelay"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="photonEnergy"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="refractiveIndex"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="visibility"]) {
    border-color: rgba(255, 105, 135, .34);
}


.arcsecs-space-travel-demo-director {
    display: grid;
    grid-template-columns: auto minmax(190px, 1fr) auto;
    gap: .55rem;
    align-items: center;
    margin: .85rem 0;
    padding: .7rem;
    border: 1px solid rgba(255, 214, 111, .38);
    border-radius: 14px;
    background: rgba(255, 214, 111, .06);
}

.arcsecs-space-travel-demo-director label {
    color: var(--arc-space-gold);
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.arcsecs-space-travel-demo-director select,
.arcsecs-space-travel-demo-director button {
    min-height: 38px;
    border: 1px solid var(--arc-space-line) !important;
    border-radius: 999px !important;
    padding: .45rem .7rem;
    background: rgba(3, 20, 35, .96) !important;
    color: var(--arc-space-text) !important;
    font: inherit !important;
    font-weight: 800 !important;
}

.arcsecs-space-travel-wide-card {
    grid-column: 1 / -1;
}

@media (max-width: 680px) {
    .arcsecs-space-travel-demo-director {
        grid-template-columns: 1fr;
    }

    .arcsecs-space-travel-demo-director button,
    .arcsecs-space-travel-demo-director select {
        width: 100%;
    }
}


.arcsecs-space-travel-objective-hud {
    margin-top: .75rem;
    padding: .75rem;
    border: 1px solid rgba(111, 245, 214, .34);
    border-radius: 14px;
    background: rgba(111, 245, 214, .06);
}

.arcsecs-space-travel-objective-hud h3 {
    margin: 0 0 .4rem;
    color: var(--arc-space-green);
}

.arcsecs-space-travel-objective-hud p {
    margin: 0;
    color: var(--arc-space-text);
}


.arcsecs-space-travel-achievements {
    margin-top: .45rem !important;
    color: var(--arc-space-green) !important;
    font-size: .88rem;
}

.arcsecs-space-travel-controls button[data-arcsecs-space-action="clearTrail"] {
    border-color: rgba(104, 231, 255, .42) !important;
    color: var(--arc-space-cyan) !important;
}


.arcsecs-space-travel-evidence {
    margin-top: .45rem !important;
    color: var(--arc-space-gold) !important;
    font-size: .88rem;
}

.arcsecs-space-travel-controls button[data-arcsecs-space-action="inspectReplay"] {
    border-color: rgba(255, 255, 255, .45) !important;
    color: #ffffff !important;
}


.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="relationalArcseconds"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="parallaxArcseconds"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="parsecEquivalent"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="properMotion"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="relationalStateKey"]) {
    border-color: rgba(104, 231, 255, .42);
}


.arcsecs-space-travel-controls button[data-arcsecs-space-action="fieldOverlay"],
.arcsecs-space-travel-controls button[data-arcsecs-space-action="psfOverlay"] {
    border-color: rgba(255, 150, 88, .48) !important;
    color: #ffb088 !important;
}

.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="procaFieldDensity"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="procaGradient"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="procaFieldEnergy"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="psfBlur"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="lensingDeflection"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="opticalTurbulence"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="lensingStatus"]) {
    border-color: rgba(255, 150, 88, .42);
}


.arcsecs-space-travel-controls button[data-arcsecs-space-action="torsionOverlay"] {
    border-color: rgba(255, 105, 135, .52) !important;
    color: #ff8ca5 !important;
}

.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="torsionVectorMagnitude"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="torsionCurl"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="routeCurvature"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="curvatureRadius"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="curvatureRisk"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="curvatureStatus"]) {
    border-color: rgba(255, 105, 135, .44);
}


.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="viewportScale"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="distanceGpc"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="speedGpcHour"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="speedParsecHour"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="speedLightYearHour"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="scaleStatus"]) {
    border-color: rgba(111, 245, 214, .44);
}


.arcsecs-space-travel-propulsion-lab {
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) auto;
    gap: .55rem;
    align-items: center;
    margin: .85rem 0;
    padding: .7rem;
    border: 1px solid rgba(111, 245, 214, .38);
    border-radius: 14px;
    background: rgba(111, 245, 214, .06);
}

.arcsecs-space-travel-propulsion-lab label {
    color: var(--arc-space-green);
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.arcsecs-space-travel-propulsion-lab select,
.arcsecs-space-travel-propulsion-lab button {
    min-height: 38px;
    border: 1px solid var(--arc-space-line) !important;
    border-radius: 999px !important;
    padding: .45rem .7rem;
    background: rgba(3, 20, 35, .96) !important;
    color: var(--arc-space-text) !important;
    font: inherit !important;
    font-weight: 800 !important;
}

.arcsecs-space-travel-propulsion-lab p {
    grid-column: 1 / -1;
    margin: .15rem 0 0;
    color: var(--arc-space-muted);
    font-size: .86rem;
}

.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="propulsionMode"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="propulsionFuelModel"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="propulsionEfficiency"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="propulsionRisk"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="propulsionEvidence"]) {
    border-color: rgba(111, 245, 214, .48);
}

@media (max-width: 680px) {
    .arcsecs-space-travel-propulsion-lab {
        grid-template-columns: 1fr;
    }

    .arcsecs-space-travel-propulsion-lab button,
    .arcsecs-space-travel-propulsion-lab select {
        width: 100%;
    }
}


.arcsecs-space-travel-controls button[data-arcsecs-space-action="autopilot"] {
    border-color: rgba(111, 245, 214, .52) !important;
    color: var(--arc-space-green) !important;
}

.arcsecs-space-travel-falsification {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(255, 214, 111, .38);
    border-radius: 18px;
    background: rgba(255, 214, 111, .055);
}

.arcsecs-space-travel-falsification h3 {
    margin: 0 0 .55rem;
    color: var(--arc-space-gold);
    font-size: 1rem;
}

.arcsecs-space-travel-falsification p,
.arcsecs-space-travel-falsification li {
    color: var(--arc-space-muted);
    font-size: .92rem;
    line-height: 1.55;
}

.arcsecs-space-travel-falsification button {
    min-height: 38px;
    border: 1px solid rgba(255, 214, 111, .48) !important;
    border-radius: 999px !important;
    padding: .45rem .8rem;
    background: rgba(3, 20, 35, .96) !important;
    color: var(--arc-space-gold) !important;
    font-weight: 800 !important;
}

.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="arcsecsToBeaconNative"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="parsecsToBeaconNative"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="parsecVelocityNative"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="parsecsPerTick"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="currentRegionArea"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="densityPerSquareParsec"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="wavefrontTracker"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="routeAdvisorMessage"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="missionOutcome"]) {
    border-color: rgba(111, 245, 214, .48);
}

.arcsecs-space-travel-controls button:focus-visible,
.arcsecs-space-travel-propulsion-lab select:focus-visible,
.arcsecs-space-travel-propulsion-lab button:focus-visible,
.arcsecs-space-travel-falsification button:focus-visible {
    outline: 3px solid rgba(111, 245, 214, .72);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .arcsecs-space-travel-shell *,
    .arcsecs-space-travel-shell *::before,
    .arcsecs-space-travel-shell *::after {
        animation-duration: .001ms !important;
        transition-duration: .001ms !important;
    }
}


.arcsecs-space-travel-calibration-lab {
    margin: .95rem 0;
    padding: .85rem;
    border: 1px solid rgba(111, 245, 214, .38);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(111, 245, 214, .07), rgba(255, 214, 111, .045));
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: .65rem;
}

.arcsecs-space-travel-calibration-lab h3,
.arcsecs-space-travel-calibration-lab p,
.arcsecs-space-travel-calibration-actions {
    grid-column: 1 / -1;
}

.arcsecs-space-travel-calibration-lab h3 {
    margin: 0;
    color: var(--arc-space-green);
    font-size: 1rem;
}

.arcsecs-space-travel-calibration-lab p {
    margin: 0;
    color: var(--arc-space-muted);
    font-size: .9rem;
}

.arcsecs-space-travel-calibration-lab label {
    display: grid;
    gap: .35rem;
    color: var(--arc-space-text);
    font-size: .82rem;
    font-weight: 800;
}

.arcsecs-space-travel-calibration-lab input[type="range"] {
    width: 100%;
    accent-color: #6ff5d6;
}

.arcsecs-space-travel-calibration-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.arcsecs-space-travel-calibration-actions button {
    min-height: 38px;
    border: 1px solid rgba(111, 245, 214, .48) !important;
    border-radius: 999px !important;
    padding: .45rem .8rem;
    background: rgba(3, 20, 35, .96) !important;
    color: var(--arc-space-green) !important;
    font-weight: 800 !important;
}

.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="calibrationProfile"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="calibrationViewport"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="calibrationTickHours"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="calibrationBeaconScale"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="calibrationDensityStrength"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="calibrationSpeedCompression"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="calibrationEvidence"]) {
    border-color: rgba(255, 214, 111, .46);
}

@media (max-width: 900px) {
    .arcsecs-space-travel-calibration-lab {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 560px) {
    .arcsecs-space-travel-calibration-lab {
        grid-template-columns: 1fr;
    }
}


.arcsecs-space-travel-replay-viewer {
    margin: .95rem 0;
    padding: .85rem;
    border: 1px solid rgba(255, 214, 111, .42);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 214, 111, .065), rgba(111, 245, 214, .045));
    display: grid;
    gap: .65rem;
}

.arcsecs-space-travel-replay-viewer h3 {
    margin: 0;
    color: var(--arc-space-gold);
    font-size: 1rem;
}

.arcsecs-space-travel-replay-viewer p {
    margin: 0;
    color: var(--arc-space-muted);
    font-size: .9rem;
}

.arcsecs-space-travel-replay-import {
    display: grid;
    grid-template-columns: minmax(220px, .6fr) minmax(280px, 1fr);
    gap: .75rem;
}

.arcsecs-space-travel-replay-import label {
    display: grid;
    gap: .35rem;
    color: var(--arc-space-text);
    font-size: .82rem;
    font-weight: 800;
}

.arcsecs-space-travel-replay-import input[type="file"],
.arcsecs-space-travel-replay-import textarea {
    width: 100%;
    border: 1px solid rgba(111, 245, 214, .38);
    border-radius: 12px;
    background: rgba(3, 20, 35, .96);
    color: var(--arc-space-text);
    font: inherit;
    padding: .55rem;
}

.arcsecs-space-travel-replay-import textarea {
    min-height: 94px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .82rem;
    resize: vertical;
}

.arcsecs-space-travel-replay-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.arcsecs-space-travel-replay-actions button {
    min-height: 38px;
    border: 1px solid rgba(255, 214, 111, .48) !important;
    border-radius: 999px !important;
    padding: .45rem .8rem;
    background: rgba(3, 20, 35, .96) !important;
    color: var(--arc-space-gold) !important;
    font-weight: 800 !important;
}

.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="replayViewerStatus"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="replayViewerFrames"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="replayViewerFrame"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="replayViewerScenario"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="replayViewerValidation"]),
.arcsecs-space-travel-telemetry-grid article:has([data-arcsecs-space-value="replayViewerFalsification"]) {
    border-color: rgba(255, 214, 111, .46);
}

@media (max-width: 760px) {
    .arcsecs-space-travel-replay-import {
        grid-template-columns: 1fr;
    }
}


/* v5.8.11 Physics Engine Readiness Sweep */
.arcsecs-readiness-sweep-panel {
    border: 1px solid rgba(125, 211, 252, 0.28);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(8, 17, 32, 0.94), rgba(12, 28, 52, 0.82));
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
    color: #e5f4ff;
    margin: 1rem 0;
    padding: 1rem;
}
.arcsecs-readiness-sweep-panel header span,
.arcsecs-readiness-sweep-panel > span {
    color: #7dd3fc;
    display: inline-block;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}
.arcsecs-readiness-sweep-panel h2,
.arcsecs-readiness-sweep-panel h3 {
    color: #ffffff;
    margin: 0.15rem 0 0.5rem;
}
.arcsecs-readiness-sweep-panel p,
.arcsecs-readiness-sweep-panel li,
.arcsecs-readiness-sweep-panel span {
    color: rgba(229, 244, 255, 0.88);
}
.arcsecs-readiness-mode-grid,
.arcsecs-scenario-card-grid,
.arcsecs-equation-grid,
.arcsecs-space-onboarding-grid,
.arcsecs-space-telemetry-group-grid,
.arcsecs-drive-reality-grid,
.arcsecs-drive-taxonomy-grid,
.arcsecs-drive-hotspot-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.arcsecs-readiness-mode-grid article,
.arcsecs-scenario-card-grid article,
.arcsecs-equation-grid article,
.arcsecs-space-onboarding-grid article,
.arcsecs-space-telemetry-group-grid article,
.arcsecs-drive-reality-grid article,
.arcsecs-drive-taxonomy-grid article,
.arcsecs-drive-hotspot-grid article {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.72);
    padding: 0.85rem;
}
.arcsecs-comparison-table {
    display: grid;
    gap: 0.5rem;
}
.arcsecs-comparison-table [role="row"] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 0.85fr 1.1fr 1.1fr 1fr 1fr;
    padding: 0.75rem;
}
.arcsecs-comparison-table [role="columnheader"] {
    color: #bae6fd;
}
.arcsecs-equation-panel code {
    background: rgba(2, 6, 23, 0.88);
    border: 1px solid rgba(125, 211, 252, 0.28);
    border-radius: 8px;
    color: #fef9c3;
    display: block;
    margin: 0.25rem 0;
    padding: 0.35rem 0.5rem;
    white-space: normal;
}
.arcsecs-shared-falsification-panel ul,
.arcsecs-source-reference-panel ul {
    columns: 2 260px;
    padding-left: 1.15rem;
}
.arcsecs-space-telemetry-group-grid article strong,
.arcsecs-drive-taxonomy-grid article strong {
    color: #ffffff;
    display: block;
    margin-bottom: 0.35rem;
}
@media (max-width: 760px) {
    .arcsecs-comparison-table [role="row"] {
        grid-template-columns: 1fr;
    }
    .arcsecs-readiness-sweep-panel {
        border-radius: 14px;
        margin: 0.75rem 0;
        padding: 0.75rem;
    }
}

/* v5.8.21 Scientific Source Matrix and Scenario Equation Library */
.arcsecs-scientific-source-matrix,
.arcsecs-scenario-equation-library {
    border: 1px solid rgba(148, 163, 184, 0.26);
}

.arcsecs-source-matrix-table-wrap {
    overflow-x: auto;
    max-width: 100%;
    border-radius: 18px;
}

.arcsecs-source-matrix-table {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    font-size: 0.86rem;
}

.arcsecs-source-matrix-table th,
.arcsecs-source-matrix-table td {
    padding: 0.75rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.arcsecs-source-matrix-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(2, 6, 23, 0.96);
}

.arcsecs-source-matrix-table tbody th {
    color: #e0f2fe;
    width: 12rem;
}

.arcsecs-equation-library-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.arcsecs-equation-library-grid article {
    border: 1px solid rgba(125, 211, 252, 0.22);
    border-radius: 18px;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.72);
}

.arcsecs-equation-library-grid code {
    display: block;
    white-space: normal;
    padding: 0.55rem;
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.72);
}

@media (max-width: 720px) {
    .arcsecs-source-matrix-table {
        min-width: 980px;
        font-size: 0.78rem;
    }
}

/* v5.8.21 Live Scenario Audit Console and Export Diff Review */
.arcsecs-live-scenario-audit-console,
.arcsecs-export-diff-review {
    border: 1px solid rgba(154, 213, 255, 0.32);
    border-radius: 18px;
    padding: clamp(1rem, 2vw, 1.5rem);
    overflow: hidden;
}
.arcsecs-audit-button-row,
.arcsecs-export-diff-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}
.arcsecs-live-audit-summary,
.arcsecs-export-diff-result {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    margin: 1rem 0;
    padding: 1rem;
}
.arcsecs-live-audit-card dl {
    display: grid;
    gap: 0.4rem 1rem;
    grid-template-columns: minmax(10rem, 0.45fr) 1fr;
}
.arcsecs-live-audit-card dt {
    font-weight: 700;
}
.arcsecs-live-audit-table tr.is-active {
    outline: 2px solid rgba(154, 213, 255, 0.75);
    outline-offset: -2px;
}
.arcsecs-live-audit-table tr.is-warn td,
.arcsecs-live-audit-table tr.is-warn th {
    text-decoration: underline;
    text-decoration-style: dotted;
}
.arcsecs-export-diff-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arcsecs-export-diff-grid label {
    display: grid;
    gap: 0.5rem;
    font-weight: 700;
}
.arcsecs-export-diff-grid textarea {
    min-height: 14rem;
    resize: vertical;
    width: 100%;
}
.arcsecs-export-diff-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}
.arcsecs-export-diff-summary strong {
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    padding: 0.35rem 0.65rem;
}
.arcsecs-export-diff-table {
    width: 100%;
}
.arcsecs-export-diff-table code {
    display: inline-block;
    max-width: 24rem;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
.arcsecs-export-diff-errors {
    border: 1px solid rgba(255, 211, 118, 0.35);
    border-radius: 12px;
    padding: 1rem;
}
@media (max-width: 760px) {
    .arcsecs-export-diff-grid,
    .arcsecs-live-audit-card dl {
        grid-template-columns: 1fr;
    }
    .arcsecs-live-audit-table,
    .arcsecs-export-diff-table {
        min-width: 760px;
    }
}

/* v5.8.21 Evidence Bundle Integrity Labels and Reviewer Sign-Off Summary */
.arcsecs-screenshot-evidence-pack,
.arcsecs-reviewer-notes-bundle {
    border: 1px solid rgba(160, 180, 255, 0.28);
}
.arcsecs-evidence-pack-grid,
.arcsecs-reviewer-notes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}
.arcsecs-reviewer-notes-grid label,
.arcsecs-export-diff-grid label {
    display: grid;
    gap: 0.45rem;
}
.arcsecs-reviewer-notes-grid textarea,
.arcsecs-reviewer-notes-grid select,
.arcsecs-export-diff-grid textarea {
    width: 100%;
    min-height: 3rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(180, 200, 255, 0.28);
    background: rgba(5, 10, 28, 0.88);
    color: inherit;
    padding: 0.8rem;
}
.arcsecs-reviewer-notes-grid textarea {
    min-height: 9rem;
}
.arcsecs-readiness-score {
    padding: 0.85rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    font-weight: 700;
}
.arcsecs-readiness-score.is-pass {
    outline: 2px solid rgba(115, 255, 170, 0.45);
}
.arcsecs-readiness-score.is-warn {
    outline: 2px solid rgba(255, 205, 120, 0.45);
}
.arcsecs-evidence-pack-preview,
.arcsecs-reviewer-notes-output {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.06);
}
@media (max-width: 720px) {
    .arcsecs-evidence-pack-actions,
    .arcsecs-export-diff-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* v5.8.21 Evidence Bundle Integrity Labels and Reviewer Sign-Off Summary */
.arcsecs-public-reviewer-gallery-manifest {
    border: 1px solid rgba(148, 232, 255, 0.32);
}
.arcsecs-gallery-manifest-import-grid,
.arcsecs-gallery-filter-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.arcsecs-gallery-manifest-import-grid label,
.arcsecs-gallery-filter-grid label {
    display: grid;
    gap: 0.45rem;
    font-weight: 700;
}
.arcsecs-gallery-manifest-import-grid textarea,
.arcsecs-gallery-filter-grid select {
    width: 100%;
    border-radius: 0.75rem;
    border: 1px solid rgba(180, 220, 255, 0.28);
    background: rgba(5, 10, 28, 0.88);
    color: inherit;
    padding: 0.8rem;
}
.arcsecs-gallery-manifest-import-grid textarea {
    min-height: 12rem;
    resize: vertical;
}
.arcsecs-gallery-manifest-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}
.arcsecs-gallery-manifest-warning,
.arcsecs-reviewer-readiness-summary {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 1rem;
    margin: 1rem 0;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.055);
}
.arcsecs-gallery-errors {
    border-left: 4px solid rgba(255, 205, 120, 0.8);
    padding-left: 1rem;
}
.arcsecs-gallery-summary-grid {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.arcsecs-gallery-summary-grid strong {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    padding: 0.45rem 0.65rem;
}
.arcsecs-evidence-index-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.arcsecs-evidence-index-table {
    min-width: 1180px;
    width: 100%;
}
.arcsecs-evidence-index-table caption {
    margin-bottom: 0.75rem;
    text-align: left;
}
.arcsecs-evidence-index-table td,
.arcsecs-evidence-index-table th {
    vertical-align: top;
}
.arcsecs-evidence-index-table span {
    display: block;
    opacity: 0.78;
}
@media (max-width: 720px) {
    .arcsecs-gallery-manifest-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* v5.8.21 Evidence Bundle Integrity Labels and Reviewer Sign-Off Summary */
.arcsecs-evidence-bundle-integrity-labels,
.arcsecs-reviewer-signoff-summary {
    border: 1px solid rgba(174, 230, 255, 0.28);
    background: rgba(5, 14, 28, 0.86);
}

.arcsecs-integrity-filter-grid,
.arcsecs-signoff-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}

.arcsecs-integrity-filter-grid label,
.arcsecs-signoff-grid label {
    display: grid;
    gap: 0.35rem;
    font-size: 0.9rem;
}

.arcsecs-signoff-grid textarea {
    min-height: 7rem;
    resize: vertical;
}

.arcsecs-integrity-review-wrap {
    overflow-x: auto;
    max-width: 100%;
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.arcsecs-integrity-review-table {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.arcsecs-integrity-review-table caption {
    text-align: left;
    padding: 0.75rem;
    color: rgba(230, 244, 255, 0.85);
}

.arcsecs-integrity-review-table th,
.arcsecs-integrity-review-table td {
    padding: 0.65rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    vertical-align: top;
    font-size: 0.85rem;
}

.arcsecs-integrity-review-table code {
    white-space: nowrap;
}

.arcsecs-integrity-label-output,
.arcsecs-signoff-output {
    margin-top: 1rem;
    padding: 0.85rem;
    border-radius: 0.75rem;
    background: rgba(0, 0, 0, 0.25);
}


/* v5.8.21 Scenario Review Walkthrough Wizard and Evidence Repair Queue */
.arcsecs-review-bundle-reconciliation,
.arcsecs-evidence-gap-assistant {
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 18px;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: rgba(15, 23, 42, 0.72);
}
.arcsecs-reconciliation-import-grid,
.arcsecs-reconciliation-filter-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.arcsecs-reconciliation-import-grid textarea {
    min-height: 8rem;
    width: 100%;
    resize: vertical;
}
.arcsecs-reconciliation-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-reconciliation-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}
.arcsecs-reconciliation-table th,
.arcsecs-reconciliation-table td {
    padding: 0.55rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
    vertical-align: top;
}
.arcsecs-gap-list {
    display: grid;
    gap: 0.5rem;
}
.arcsecs-gap-list li {
    padding: 0.65rem;
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.5);
}
@media (max-width: 720px) {
    .arcsecs-reconciliation-import-grid,
    .arcsecs-reconciliation-filter-grid {
        grid-template-columns: 1fr;
    }
}


/* v5.8.21 Evidence Repair Completion Ledger and Demo Readiness Gate */
.arcsecs-evidence-repair-completion-ledger,
.arcsecs-demo-readiness-gate {
    border: 1px solid rgba(111, 231, 255, 0.28);
    background: linear-gradient(135deg, rgba(10, 20, 38, 0.92), rgba(18, 33, 58, 0.82));
}
.arcsecs-completion-filter-grid,
.arcsecs-demo-gate-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}
.arcsecs-completion-ledger-table-wrap,
.arcsecs-demo-gate-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-completion-ledger-table,
.arcsecs-demo-gate-table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}
.arcsecs-completion-ledger-table th,
.arcsecs-completion-ledger-table td,
.arcsecs-demo-gate-table th,
.arcsecs-demo-gate-table td {
    padding: 0.55rem;
    border-bottom: 1px solid rgba(255,255,255,0.12);
    vertical-align: top;
}
.arcsecs-demo-gate-copy-safeguard {
    margin: 0.75rem 0;
    padding: 0.75rem;
    border: 1px dashed rgba(255, 215, 128, 0.5);
    border-radius: 0.65rem;
    color: #ffe3a3;
    background: rgba(70, 45, 10, 0.24);
}
@media (max-width: 720px) {
    .arcsecs-completion-ledger-table,
    .arcsecs-demo-gate-table { min-width: 720px; }
}


/* v5.8.21 Public Demo Script Builder and Screenshot Caption Pack */
.arcsecs-public-demo-scenario-checklist,
.arcsecs-reviewer-evidence-export-pack {
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 18px;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.72);
}
.arcsecs-public-demo-checklist-filter-grid,
.arcsecs-evidence-pack-control-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.75rem;
    margin: 0.9rem 0;
}
.arcsecs-public-demo-checklist-table-wrap { overflow-x: auto; }
.arcsecs-public-demo-checklist-table { min-width: 1120px; width: 100%; border-collapse: collapse; }
.arcsecs-public-demo-checklist-table th,
.arcsecs-public-demo-checklist-table td { border-bottom: 1px solid rgba(148, 163, 184, 0.22); padding: 0.55rem; vertical-align: top; }
.arcsecs-public-demo-checklist-safeguard,
.arcsecs-reviewer-evidence-export-status {
    margin: 0.75rem 0;
    padding: 0.75rem;
    border-radius: 12px;
    background: rgba(250, 204, 21, 0.12);
}
.arcsecs-reviewer-evidence-export-required {
    columns: 2;
    margin: 0.75rem 0 0;
}
@media (max-width: 720px) {
    .arcsecs-reviewer-evidence-export-required { columns: 1; }
    .arcsecs-public-demo-checklist-table { min-width: 980px; }
}


/* v5.8.27 Public Demo Page Assembly Checklist and Copy Review Bundle */
.arcsecs-public-demo-page-assembly-checklist,
.arcsecs-copy-review-bundle {
    border: 1px solid rgba(143, 193, 255, 0.34);
    background: linear-gradient(135deg, rgba(16, 28, 46, 0.94), rgba(6, 12, 24, 0.96));
}
.arcsecs-page-assembly-filter-grid,
.arcsecs-page-assembly-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    align-items: end;
}
.arcsecs-page-assembly-table-wrap,
.arcsecs-copy-review-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-page-assembly-table,
.arcsecs-copy-review-table {
    min-width: 1080px;
}
.arcsecs-copy-review-safeguard,
.arcsecs-copy-quality-status,
.arcsecs-page-assembly-status,
.arcsecs-copy-review-status {
    border: 1px solid rgba(255, 214, 120, 0.3);
    border-radius: 0.75rem;
    padding: 0.75rem;
    background: rgba(255, 214, 120, 0.08);
}
@media (max-width: 720px) {
    .arcsecs-page-assembly-filter-grid { grid-template-columns: 1fr; }
    .arcsecs-page-assembly-table,
    .arcsecs-copy-review-table { min-width: 920px; }
}


/* v5.8.27 Public Demo Route Draft Bundle and SEO Schema Review */
.arcsecs-public-demo-route-draft-bundle,
.arcsecs-seo-schema-review {
    border: 1px solid rgba(162, 220, 255, 0.34);
    background: linear-gradient(135deg, rgba(12, 27, 45, 0.94), rgba(8, 14, 28, 0.97));
}
.arcsecs-route-draft-filter-grid,
.arcsecs-route-draft-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    align-items: end;
}
.arcsecs-route-draft-table-wrap,
.arcsecs-seo-schema-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-route-draft-table,
.arcsecs-seo-schema-table {
    min-width: 1180px;
}
.arcsecs-route-draft-safeguard,
.arcsecs-route-draft-status,
.arcsecs-seo-schema-status,
.arcsecs-route-quality-status {
    border: 1px solid rgba(128, 217, 255, 0.28);
    border-radius: 0.75rem;
    padding: 0.75rem;
    background: rgba(128, 217, 255, 0.08);
}
@media (max-width: 720px) {
    .arcsecs-route-draft-filter-grid { grid-template-columns: 1fr; }
    .arcsecs-route-draft-table,
    .arcsecs-seo-schema-table { min-width: 980px; }
}


/* v5.8.27 Public Demo Publication Handoff Manifest and Static Page Draft Export */
.arcsecs-public-demo-publication-handoff-manifest,
.arcsecs-static-page-draft-export {
    border: 1px solid rgba(141, 214, 255, 0.28);
    border-radius: 18px;
    padding: 1rem;
    margin-block: 1rem;
    background: rgba(8, 18, 32, 0.78);
}
.arcsecs-publication-handoff-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-block: 0.75rem;
}
.arcsecs-publication-handoff-table-wrap,
.arcsecs-static-page-draft-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-publication-handoff-table,
.arcsecs-static-page-draft-table {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
}
.arcsecs-publication-handoff-table th,
.arcsecs-publication-handoff-table td,
.arcsecs-static-page-draft-table th,
.arcsecs-static-page-draft-table td {
    vertical-align: top;
    padding: 0.55rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.arcsecs-publication-handoff-safeguard,
.arcsecs-handoff-quality-status {
    border-left: 3px solid rgba(255, 216, 107, 0.8);
    padding: 0.7rem 0.85rem;
    margin: 0.75rem 0;
    background: rgba(255, 216, 107, 0.08);
}
@media (max-width: 780px) {
    .arcsecs-publication-handoff-table,
    .arcsecs-static-page-draft-table { min-width: 980px; }
}


/* v5.8.27 Static Draft Review Import and Page Readiness Diff */
.arcsecs-static-draft-review-import,
.arcsecs-page-readiness-diff {
    border: 1px solid rgba(125, 211, 252, 0.35);
    background: rgba(6, 18, 32, 0.92);
}
.arcsecs-static-draft-review-input-grid,
.arcsecs-page-readiness-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
    margin: 0.75rem 0;
}
.arcsecs-static-draft-review-input-grid textarea {
    width: 100%;
    min-height: 9rem;
    resize: vertical;
    color: #dbeafe;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(148, 163, 184, 0.4);
    border-radius: 0.5rem;
    padding: 0.6rem;
}
.arcsecs-static-draft-review-safeguard,
.arcsecs-page-readiness-assistant-status {
    padding: 0.75rem;
    border-radius: 0.75rem;
    background: rgba(14, 116, 144, 0.14);
    border: 1px solid rgba(34, 211, 238, 0.25);
}
.arcsecs-static-draft-review-table-wrap,
.arcsecs-page-readiness-diff-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-static-draft-review-table,
.arcsecs-page-readiness-diff-table {
    min-width: 980px;
}
@media (max-width: 760px) {
    .arcsecs-static-draft-review-input-grid,
    .arcsecs-page-readiness-filter-grid {
        grid-template-columns: 1fr;
    }
}


.arcsecs-static-publication-review-checklist,
.arcsecs-page-draft-freeze-bundle {
    border: 1px solid rgba(140, 198, 255, 0.28);
    border-radius: 18px;
    padding: 1rem;
    margin: 1rem 0;
    background: rgba(4, 12, 24, 0.84);
}
.arcsecs-static-publication-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.75rem;
    margin: 0.75rem 0;
}
.arcsecs-static-publication-table-wrap,
.arcsecs-page-draft-freeze-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-static-publication-review-table,
.arcsecs-page-draft-freeze-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}
.arcsecs-static-publication-review-table th,
.arcsecs-static-publication-review-table td,
.arcsecs-page-draft-freeze-table th,
.arcsecs-page-draft-freeze-table td {
    border: 1px solid rgba(140, 198, 255, 0.16);
    padding: 0.45rem;
    vertical-align: top;
}
.arcsecs-static-publication-copy-safeguard {
    margin: 0.75rem 0;
    padding: 0.7rem;
    border-left: 4px solid rgba(255, 214, 102, 0.65);
    background: rgba(255, 214, 102, 0.08);
}
@media (max-width: 720px) {
    .arcsecs-static-publication-review-table,
    .arcsecs-page-draft-freeze-table { min-width: 860px; }
}


.arcsecs-static-publish-handoff-qa-summary,
.arcsecs-public-page-content-checklist {
    border: 1px solid rgba(135, 206, 250, 0.35);
    border-radius: 14px;
    padding: 1rem;
    margin-block: 1rem;
    background: rgba(5, 12, 20, 0.88);
}
.arcsecs-static-publish-qa-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
    margin-block: 0.85rem;
}
.arcsecs-static-publish-qa-table-wrap,
.arcsecs-public-page-content-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-static-publish-handoff-qa-table,
.arcsecs-public-page-content-checklist-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}
.arcsecs-static-publish-handoff-qa-table th,
.arcsecs-static-publish-handoff-qa-table td,
.arcsecs-public-page-content-checklist-table th,
.arcsecs-public-page-content-checklist-table td {
    border: 1px solid rgba(160, 210, 255, 0.22);
    padding: 0.55rem;
    vertical-align: top;
}
.arcsecs-static-publish-qa-copy-safeguard {
    border-left: 4px solid rgba(255, 217, 102, 0.85);
    padding: 0.6rem 0.8rem;
    background: rgba(255, 217, 102, 0.08);
    margin-block: 0.8rem;
}
@media (max-width: 760px) {
    .arcsecs-static-publish-handoff-qa-table,
    .arcsecs-public-page-content-checklist-table { min-width: 860px; }
}


/* v5.8.36 Manual publishing runbook and post-deploy verification panels. */
.arcsecs-manual-runbook-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}
.arcsecs-manual-publishing-runbook-table-wrap,
.arcsecs-post-deploy-verification-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-manual-publishing-safeguard {
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 0.75rem;
    padding: 0.75rem;
    margin: 0.75rem 0;
    font-size: 0.95rem;
}
.arcsecs-manual-publishing-runbook-table th,
.arcsecs-manual-publishing-runbook-table td,
.arcsecs-post-deploy-verification-table th,
.arcsecs-post-deploy-verification-table td {
    min-width: 9rem;
    vertical-align: top;
}


/* v5.8.36 Public Publishing Evidence Archive Index and Reviewer Retrieval Notes panels. */
.arcsecs-archive-filter-grid,
.arcsecs-human-review-signoff-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}
.arcsecs-human-review-signoff-fields textarea,
.arcsecs-human-review-signoff-fields input,
.arcsecs-human-review-signoff-fields select,
.arcsecs-archive-filter-grid select {
    width: 100%;
}
.arcsecs-archive-receipt-table-wrap,
.arcsecs-human-review-signoff-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.arcsecs-archive-receipt-safeguard {
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 0.75rem;
    padding: 0.75rem;
    margin: 0.75rem 0;
    font-size: 0.95rem;
}
.arcsecs-archive-receipt-table th,
.arcsecs-archive-receipt-table td,
.arcsecs-human-review-signoff-table th,
.arcsecs-human-review-signoff-table td {
    min-width: 9rem;
    vertical-align: top;
}


/* v5.8.36 local publishing evidence retrieval panels */
.arcsecs-public-publishing-evidence-archive-index, .arcsecs-reviewer-retrieval-notes { border: 1px solid rgba(139, 194, 255, 0.36); }
.arcsecs-archive-index-filter-grid, .arcsecs-reviewer-retrieval-note-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 0.75rem; margin: 1rem 0; }
.arcsecs-archive-index-table-wrap, .arcsecs-reviewer-retrieval-notes-table-wrap { overflow-x: auto; max-width: 100%; }
.arcsecs-archive-index-safeguard { margin: 0.75rem 0; font-size: 0.9rem; opacity: 0.86; }


/* v5.8.36 Michael Kappel public contact page content. */
.arcsecs-contact-columns {
    gap: 1.25rem;
}
body:not(.arcsecs-fullscreen-demo) .entry-content .arcsecs-contact-columns a {
    word-break: break-word;
}


/* v5.8.36 Contact page live polish, footer guidance, and mobile readability. */
.arcsecs-contact-hero {
    border: 1px solid rgba(139, 194, 255, 0.28);
    border-radius: 1rem;
    padding: clamp(1rem, 2.5vw, 1.75rem);
    margin: 1rem 0 1.5rem;
    background: linear-gradient(135deg, rgba(8, 17, 31, 0.82), rgba(16, 33, 57, 0.72));
}
.arcsecs-contact-lede {
    font-size: clamp(1rem, 2.2vw, 1.18rem);
    line-height: 1.65;
}
.arcsecs-contact-list {
    padding-left: 1.25rem;
}
.arcsecs-contact-list li {
    margin-bottom: 0.55rem;
}
.arcsecs-contact-footer-guidance {
    border-left: 4px solid rgba(139, 194, 255, 0.55);
    padding: 0.75rem 1rem;
    background: rgba(139, 194, 255, 0.08);
}
@media (max-width: 720px) {
    .arcsecs-contact-columns {
        display: block;
    }
    .arcsecs-contact-columns .wp-block-column {
        margin-bottom: 1rem;
    }
    .arcsecs-contact-hero {
        padding: 1rem;
    }
}


/* v5.8.36 Contact page deployment QA and public trust polish. */
.arcsecs-contact-trust-hero {
    max-width: 100%;
}
.arcsecs-contact-card-grid {
    align-items: stretch;
}
.arcsecs-contact-card {
    border: 1px solid rgba(139, 194, 255, 0.22);
    border-radius: 0.9rem;
    padding: clamp(0.9rem, 2vw, 1.25rem);
    background: rgba(8, 17, 31, 0.42);
    overflow-wrap: anywhere;
}
.arcsecs-contact-link {
    display: inline-block;
    min-height: 2.25rem;
    line-height: 2.25rem;
    max-width: 100%;
}
.arcsecs-contact-boundary {
    border: 1px solid rgba(255, 213, 128, 0.35);
    border-radius: 0.75rem;
    padding: 0.9rem 1rem;
    background: rgba(255, 213, 128, 0.08);
}
body:not(.arcsecs-fullscreen-demo) .entry-content .arcsecs-contact-card,
body:not(.arcsecs-fullscreen-demo) .entry-content .arcsecs-contact-hero {
    box-sizing: border-box;
}
@media (max-width: 720px) {
    .arcsecs-contact-card-grid,
    .arcsecs-contact-columns {
        display: block;
        max-width: 100%;
    }
    .arcsecs-contact-card {
        margin-bottom: 1rem;
    }
    .arcsecs-contact-list {
        padding-left: 1rem;
    }
    .arcsecs-contact-link {
        display: block;
        padding: 0.15rem 0;
    }
}
@media (max-width: 420px) {
    .arcsecs-contact-hero,
    .arcsecs-contact-card,
    .arcsecs-contact-boundary,
    .arcsecs-contact-footer-guidance {
        padding: 0.85rem;
        border-radius: 0.75rem;
    }
}


/* v5.8.36 Contact page live verification notes and theme footer handoff */
.arcsecs-contact-verification-note,
.arcsecs-contact-footer-handoff {
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 14px;
  padding: 1rem;
  overflow-wrap: anywhere;
}
.arcsecs-contact-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 520px) {
  .arcsecs-contact-verification-note,
  .arcsecs-contact-footer-handoff {
    padding: 0.875rem;
    font-size: 0.98rem;
  }
}