/* Archives palette: orange first, white second, cyan third, a little lavender, pink as a small accent.
   Loaded after archives.css and site-vibe.css, so it only restates colours. Same look as the other pages. */
:root{--cyan:#65faff;--terminus-cyan:#65faff;--orange:#ff7a18;--terminus-orange:#ff7a18;--ink:#05050b;--terminus-ink:#05050b;--panel:rgba(5,7,14,.95);--terminus-panel:rgba(5,7,14,.9);--muted:#b9c6d0;--lav:#c6a0ff;--pink:#ff4fa8}
html,body{background:#05050b;color:#e3e9ef}
#matrix{background:#05050b}

/* 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)}
.audio-control .archive-music-toggle{background:rgba(5,7,14,.92);color:#e3e9ef}

/* hero and main panel */
.archives-hero,.records-shell{border-color:rgba(101,250,255,.45);background:linear-gradient(125deg,rgba(101,250,255,.05),transparent 48%,rgba(255,122,24,.065)),var(--panel);box-shadow:0 0 34px rgba(255,122,24,.12),inset 0 0 42px rgba(101,250,255,.02)}
.archives-hero{border-bottom-color:rgba(255,122,24,.6)}
/* THE ARCHIVES title: blue-black letters, outline cyan on the left, white in the middle, orange on the right */
.archives-hero 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)}
.archives-hero h1 span{color:inherit;-webkit-text-stroke-color:#65faff;text-shadow:none}
.archives-hero h1::before,.archives-hero h1::after{content:"THE ARCHIVES";position:absolute;inset:0;color:#030a1c}
.archives-hero h1::before{-webkit-text-stroke:2px #fff;clip-path:polygon(28% 0,62% 0,62% 100%,28% 100%);text-shadow:0 0 12px rgba(255,255,255,.45)}
.archives-hero h1::after{-webkit-text-stroke:2px var(--orange);clip-path:polygon(62% 0,100% 0,100% 100%,62% 100%)}
.hero-copy{color:#c3ced8}
.archive-index{border-top-color:rgba(101,250,255,.3);border-left-color:rgba(101,250,255,.3)}
.archive-index div{border-right-color:rgba(101,250,255,.3);border-bottom-color:rgba(101,250,255,.3)}
.archive-index dt{color:#8fa9b6}
.archive-index dd{color:#fff}

/* tabs, search and lists */
.archive-tabs{border-bottom-color:rgba(101,250,255,.24)}
.archive-tab{border-color:rgba(101,250,255,.3);color:#a9b9c4;background:rgba(5,7,14,.86)}
.archive-tab:hover,.archive-tab.active{border-color:var(--orange);color:#fff}
.archive-tab[aria-selected="true"]{background:rgba(255,122,24,.08)}
.records-toolbar h2{color:#fff;text-shadow:0 0 10px rgba(255,122,24,.5)}
.collection-copy{color:#b9c6d0}
.search-control span{color:#9fb2bd}
.search-control input{border-color:rgba(101,250,255,.45);color:#fff;background:rgba(4,5,10,.92)}
.search-control input:focus{border-color:var(--orange)}
.search-hit{border-bottom-color:#fff}
.record-list-panel,.record-detail{border-color:rgba(101,250,255,.28);background:rgba(5,7,14,.88)}
.list-heading small{color:#8fa9b6}
.record-card{border-color:rgba(101,250,255,.24);background:rgba(101,250,255,.025)}
.record-card:hover,.record-card.active{border-color:rgba(255,122,24,.7);background:rgba(255,122,24,.06);box-shadow:inset 3px 0 var(--orange),0 0 13px rgba(255,122,24,.14)}
.record-card strong{color:#fff;text-shadow:0 0 8px rgba(255,122,24,.4)}
.record-card span{color:#a9b9c4}
.library-card em{color:var(--cyan)}
.archive-message{color:#9fb2bd}

/* record detail */
.detail-empty{color:#9fb2bd}
.detail-empty strong{color:#fff}
.detail-topline small{color:#9fb2bd}
.record-detail h2{color:#fff;text-shadow:0 0 13px rgba(255,122,24,.55)}
.detail-role{color:#fff}
.detail-purpose{color:#d3dce4;background:rgba(255,122,24,.06)}
.record-columns section,.detail-history,.library-sections section{border-color:rgba(101,250,255,.2);background:rgba(101,250,255,.02)}
.record-columns ul,.detail-history p,.detail-appearance p,.library-sections p{color:#c3ced8}
.detail-boundaries{border-left:2px solid var(--pink)}
.detail-profile{border-color:rgba(101,250,255,.22);background:linear-gradient(110deg,rgba(101,250,255,.05),rgba(5,7,14,.4))}
.detail-profile-facts div,.detail-appearance{border-left-color:rgba(198,160,255,.6);background:rgba(4,5,10,.62)}
.detail-profile-facts dt{color:#9fb2bd}
.detail-profile-facts dd{color:#f1f4f8}
.record-meta{border-top-color:rgba(101,250,255,.2);border-left-color:rgba(101,250,255,.2)}
.record-meta div{border-right-color:rgba(101,250,255,.2);border-bottom-color:rgba(101,250,255,.2)}
.record-meta dt{color:#8fa9b6}
.record-meta dd{color:#cfd8e0}
.library-tags span{border-color:rgba(198,160,255,.35);color:#d8c8ff;background:rgba(198,160,255,.06)}
.return-map{color:#fff}
.return-map:hover{color:var(--orange)}
@media(max-width:700px){.archives-hero h1{font-size:48px}}