/* ELEVATION pack (2026-09-26) — site-wide art elevation in Solid's bloodline:
   machined dark-metal, blood-red HUD. Gated to TACTICAL mode. Static by design. */

/* 1. Forum home hero — the command deck vista */
html[data-tactical="on"] .pro-hero {
  background-image: linear-gradient(rgba(8,3,3,0.55), rgba(8,3,3,0.72)), url(/img/epistles-command-bg.webp);
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;
  border: 1px solid rgba(255,45,45,0.25);
}

/* 2. Board pages — the tactical corridor behind the boards */
html[data-tactical="on"] .board-page {
  background-image: linear-gradient(rgba(5,2,2,0.82), rgba(5,2,2,0.88)), url(/img/epistles-board-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 18px;
  padding: 18px;
  border: 1px solid rgba(255,45,45,0.18);
}

/* 3. Thread pages — the war-room holo table behind the words */
html[data-tactical="on"] body:has(.thread-title-page) {
  background-image: linear-gradient(rgba(5,2,2,0.88), rgba(5,2,2,0.93)), url(/img/epistles-thread-bg.webp);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

/* 4. LINKS INCORPORATED — HUD corner brackets on the fleet's key links */
html[data-tactical="on"] .pro-cards a,
html[data-tactical="on"] .breadcrumbs a,
html[data-tactical="on"] .slot-strip a {
  position: relative;
}
html[data-tactical="on"] .pro-cards a::before,
html[data-tactical="on"] .breadcrumbs a::before,
html[data-tactical="on"] .slot-strip a::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-top: 2px solid rgba(255,60,60,0.85);
  border-left: 2px solid rgba(255,60,60,0.85);
  pointer-events: none;
}
html[data-tactical="on"] .pro-cards a::after,
html[data-tactical="on"] .breadcrumbs a::after,
html[data-tactical="on"] .slot-strip a::after {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid rgba(255,60,60,0.85);
  border-right: 2px solid rgba(255,60,60,0.85);
  pointer-events: none;
}
