/* Cube public pages: one light, cool-grey visual surface shared with the home page. */
:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])){
  color-scheme:light;
  --bg:#d9e6ec;
  --panel:#edf4f7;
  --line:#b8ccd6;
  --cyan:#2b7898;
  --text:#243344;
  --muted:#607685;
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) body{
  color:var(--text);
  background:
    radial-gradient(circle at 82% 9%,rgba(104,184,209,.18),transparent 28%),
    linear-gradient(180deg,#e5eef2 0,#d6e4ea 100%);
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) body>header{
  background:rgba(233,241,245,.94);
  border-color:var(--line);
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) :is(nav,.brand small,footer,p,dt,summary small){
  color:var(--muted);
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) main>section:not(.hero):not(.media-hero):not(.story-hero):not(.library-hero) h2{
  color:#334657!important;
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) :is(.brief-grid,.empty-record,details,.photo,article,.tabs button,.search input,button){
  color:var(--text);
  background:rgba(239,245,248,.94);
  border-color:var(--line);
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) .diagram{
  color:var(--text);
  background:#cfdee5;
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) aside{
  color:var(--text);
  background:#e8f0f4;
  border-color:var(--line);
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) .tabs button[aria-selected=true]{
  color:#195c78;
  background:#dcecf3;
  border-bottom-color:#2b7898;
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) :is(.filters button[aria-pressed=true],.primary){
  color:#f8fcfd;
  background:#2b7898;
  border-color:#2b7898;
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) .search input::placeholder{
  color:#78909e;
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) main>section:not(.hero):not(.media-hero):not(.story-hero):not(.library-hero)::after{
  opacity:.055;
  filter:none;
}

:is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) .cube-aircraft-mark span{
  color:#58768a;
  background:rgba(244,249,251,.9);
}

/* Photo-led hero sections intentionally keep light text over their image scrims. */
:is(.hero,.media-hero,.story-hero,.library-hero) :is(h1,p,.hero-foot,.hero-caption){
  color:#e3edf5!important;
}

/* The media viewer and live video surface remain dark functional canvases. */
dialog,
.live-page>.live-card,
.live-page .live-screen,
.live-page #live-empty{
  color:#e4edf1;
  background:#08121b;
}

footer{
  border-color:var(--line);
}

@media(max-width:800px){
  :is(html:has(link[href^="flight.css"]),html:has(link[href*="../training/flight.css"])) body{
    background:linear-gradient(180deg,#e5eef2 0,#d6e4ea 100%);
  }
}