/* Programs page palette: orange first, white second, cyan third, a little lavender, pink as a small accent.
   Each program keeps its own colour (PRIME gold, DOT and TAIL lavender, PULSE pink, RIG red, LOX cyan).
   VALOR is white. Loaded after programs.css, programs-card-preview.css and site-vibe.css. */
:root{--cyan:#65faff;--terminus-cyan:#65faff;--orange:#ff7a18;--terminus-orange:#ff7a18;--ink:#05050b;--terminus-ink:#05050b;--panel:rgba(5,7,14,.93);--terminus-panel:rgba(5,7,14,.9);--text:#d3dce4}
html,body{background:#05050b;color:#d3dce4}
#matrix{background:#05050b}
[data-program="valor"]{--program-color:#ffffff}
[data-program="lox"]{--program-color:var(--cyan)}

/* navigation, as on the home page */
nav.top-nav{border-bottom-color:rgba(101,250,255,.25);background:linear-gradient(180deg,rgba(5,7,14,.97),rgba(5,7,14,.88));box-shadow:0 10px 28px rgba(0,0,0,.3),inset 0 -1px rgba(255,122,24,.3)}
nav.top-nav::before{border-right-color:rgba(101,250,255,.28);color:#fff;text-shadow:0 0 14px rgba(255,122,24,.5)}
nav.top-nav a,nav.top-nav>details.nav-command-group>summary{color:#d9e1ea}
nav.top-nav a:hover,nav.top-nav a:focus-visible,nav.top-nav a.active,
nav.top-nav>details.nav-command-group>summary:hover,nav.top-nav>details.nav-command-group>summary:focus-visible,nav.top-nav>details.nav-command-group>summary.active{color:#fff;text-shadow:0 0 12px rgba(255,122,24,.6)}
nav.top-nav a:focus-visible,nav.top-nav>details.nav-command-group>summary:focus-visible{outline-color:var(--orange)}
nav.top-nav .nav-command-menu{border-color:rgba(101,250,255,.4);background:rgba(5,7,14,.98);box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 18px rgba(101,250,255,.14)}
nav.top-nav .nav-command-menu a{border-bottom-color:rgba(101,250,255,.16)}

/* entry screen */
.program-entry{background:radial-gradient(circle at center,rgba(255,122,24,.12),transparent 38%),rgba(4,4,9,.96)}
.program-entry-button{background:rgba(5,7,14,.96);box-shadow:0 0 34px rgba(255,122,24,.28),inset 0 0 30px rgba(101,250,255,.06)}
.program-entry-button small{color:#a9b9c4}

/* header and title: blue-black letters, outline cyan, white, then orange, left to right */
h1{position:relative;display:inline-block;color:#030a1c;-webkit-text-stroke:2px #65faff;text-shadow:-4px 0 14px rgba(101,250,255,.65),4px 0 14px rgba(255,122,24,.45)}
h1::before,h1::after{content:"TERMINUS PROGRAMS";position:absolute;inset:0;color:#030a1c;text-align:center}
h1::before{-webkit-text-stroke:2px #fff;clip-path:polygon(33% 0,63% 0,63% 100%,33% 100%);text-shadow:0 0 12px rgba(255,255,255,.45)}
h1::after{-webkit-text-stroke:2px var(--orange);clip-path:polygon(63% 0,100% 0,100% 100%,63% 100%)}
.lede{color:#fff;text-shadow:0 0 10px rgba(255,122,24,.3)}
.roster-note{color:#c3ced8}
.gallery-help,.mobile-gallery-hint{color:#c3ced8}
.music-toggle{background:rgba(5,7,14,.9);color:#e3e9ef}

/* the lineup picture frame */
.lineup{border-color:rgba(255,122,24,.6);background:#05050b;box-shadow:-9px 0 28px rgba(101,250,255,.18),9px 0 28px rgba(255,122,24,.22)}

/* the record panel. Each program's own colour still drives the accents inside it. */
.program-console{border-color:rgba(255,122,24,.5);background:linear-gradient(135deg,rgba(255,122,24,.05),rgba(101,250,255,.04)),var(--panel);box-shadow:inset 0 0 36px rgba(255,122,24,.04)}
html[data-program-card-preview="v3"] .program-console{background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--program-color,var(--cyan)) 10%,transparent),transparent 42%),linear-gradient(145deg,rgba(7,8,17,.98),rgba(4,4,9,.98))}
html[data-program-card-preview="v3"] .record-heading{background:linear-gradient(115deg,color-mix(in srgb,var(--program-color,var(--cyan)) 13%,transparent),transparent 58%),rgba(5,6,12,.88)}
html[data-program-card-preview="v3"] .record-layout>div{background:linear-gradient(135deg,color-mix(in srgb,var(--program-color,var(--cyan)) 7%,transparent),transparent 55%),rgba(6,8,15,.9)}
html[data-program-card-preview="v3"] .record-columns section,html[data-program-card-preview="v3"] .limits{background:linear-gradient(140deg,color-mix(in srgb,var(--program-color,var(--cyan)) 7%,transparent),transparent 58%),rgba(5,6,12,.78)}
.selection-prompt{color:#d3dce4}
.record-role{color:#d3dce4}
.record-summary{color:#f1f4f8}
dt,h3{color:#fff}
.limits h3{color:var(--orange)}
.boundary h3{color:#a4bfc8}
html[data-program-card-preview="v3"] dd{color:#e8edf2}
.record-columns p,.record-columns li,.limits p,.limits li{color:#c3ced8}
.record-updated{color:#9fb0bd}
@media(max-width:560px){h1::before,h1::after{-webkit-text-stroke-width:2px}}