:root {
  color-scheme: dark;
  --bg: #030805;
  --bg-deep: #060f0b;
  --panel: #07130e;
  --panel-hi: #0c1d15;
  --panel-alt: #0f241a;
  --rim: #3a473b;
  --rim-hi: #586c58;
  --rivet: #a89968;
  --green: #25dc71;
  --green-hi: #6effa8;
  --green-ink: #04150b;
  --orange: #ff610b;
  --amber: #ffa21f;
  --gold: #ffd23f;
  --sky: #4a9eff;
  --violet: #a585ff;
  --cream: #f4ebd6;
  --ink: #fffaf0;
  --ink-hi: #fffaf0;
  --muted: #c4d0bc;
  --dim: #8fa189;
  --display: "Q Display", "Q Geometric", "Arial Black", sans-serif;
  --geom: "Q Geometric", "Q Display", sans-serif;
  --sans: "Q Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui: "Q Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --maxw: 1420px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); color: var(--cream); -webkit-text-size-adjust: 100%; }
html.q-elevator-lock, html.q-elevator-lock body { overflow: hidden; }

body {
  margin: 0;
  min-height: 100vh;
  background-color: #030805;
  color: var(--cream);
  font-family: var(--sans);
  font-size: 18px;
  line-height: 1.72;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; }
a { color: var(--green-hi); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
a:hover { color: var(--gold); }

:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.q-skip {
  position: fixed;
  left: -9999px;
  top: 8px;
  z-index: 999;
  padding: 10px 16px;
  background: var(--orange);
  color: #160900;
  font: 700 13px/1 var(--ui);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
}
.q-skip:focus { left: 12px; }

/* ---- 1. LIVE PRODUCTION TOP HEADER + DATA ROOM DRAWER + ELEVATOR MENU ---- */
.q-sitebar {
  position: sticky;
  top: 0;
  z-index: 95;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 10px;
  min-height: 68px;
  padding: 8px clamp(10px, 1.8vw, 24px);
  background-color: #050c09;
  border-bottom: 3px solid #2d4434;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.72);
}

.q-sitebar__brandwrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  min-width: 0;
}

.q-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}
.q-brand__crest {
  width: 38px;
  height: 38px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(255, 210, 63, 0.34));
}
.q-brand__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.q-brand__dom {
  font: 400 17px/1 var(--display);
  letter-spacing: 0.04em;
  color: var(--ink-hi);
  text-transform: uppercase;
  white-space: nowrap;
}
.q-brand__dom em {
  font-style: normal;
  color: var(--gold);
}
.q-brand__floor {
  font: 600 10px/1.1 var(--mono);
  letter-spacing: 0.05em;
  color: var(--green);
  text-transform: uppercase;
  white-space: nowrap;
}

.q-topsuite {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex-wrap: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}
.q-suite-tab {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 5px;
  padding: 4px 7px;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 9px;
  border-image: url("deck/tab.webp") 42 62 42 62 fill / 5px 9px stretch;
  background-color: transparent;
  color: var(--cream);
  font: 700 11px/1 var(--ui);
  letter-spacing: 0.035em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 130ms ease, color 130ms ease;
}
.q-suite-tab img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  object-fit: contain;
}
.q-suite-tab:hover {
  color: var(--gold);
  transform: translateY(-1px);
}
.q-suite-tab[aria-current="page"] {
  padding: 4px 8px;
  border-width: 5px 9px 6px 9px;
  border-image: url("deck/key-orange.webp") 24 26 34 26 fill / 5px 9px 6px 9px stretch;
  color: #180900;
  font-weight: 800;
}

.q-siteactions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: nowrap;
  flex-shrink: 0;
}

.q-hbtn.q-docs-toggle {
  display: none;
  white-space: nowrap;
}
.q-docs-toggle__short,
.q-buy-short {
  display: none;
}

/* Plated Data Room Navigation Drawer (Zero Clipping on Laptop / Tablet / Mobile) */
.q-docs-drawer {
  position: fixed;
  top: var(--sitebar-h, 68px);
  left: 0;
  right: 0;
  z-index: 94;
  padding: 12px clamp(10px, 2vw, 24px) 18px;
  background-color: rgba(3, 8, 5, 0.96);
  border-bottom: 3px solid var(--gold);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.88);
  max-height: calc(100dvh - var(--sitebar-h, 68px));
  overflow-y: auto;
}
.q-docs-drawer[hidden] {
  display: none !important;
}
.q-docs-drawer__backdrop {
  display: none;
}
.q-docs-drawer__inner,
.q-docs-drawer__panel {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 16px;
  border: 14px solid transparent;
  border-image: url("panel.webp") 32 50 fill / 14px 18px;
  background-color: #06120d;
}
.q-docs-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 12px;
  border-bottom: 2px solid #2b4433;
}
.q-docs-drawer__title,
.q-docs-drawer__head > span {
  font: 400 17px/1.18 var(--display);
  letter-spacing: 0.03em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-docs-drawer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}
.q-docs-drawer__item,
.q-docs-drawer__link {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border: 9px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 9px 11px stretch;
  background-color: #05110c;
  color: var(--cream);
  text-decoration: none !important;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.q-docs-drawer__item:hover,
.q-docs-drawer__link:hover {
  transform: translateY(-1px);
  color: var(--gold);
  box-shadow: inset 0 0 0 2px rgba(255, 210, 63, 0.55);
}
.q-docs-drawer__item[aria-current="page"],
.q-docs-drawer__link[aria-current="page"] {
  border-width: 11px;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 11px;
  background-color: #051c11;
  color: var(--green-hi);
}
.q-docs-drawer__item img,
.q-docs-drawer__link img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}
.q-docs-drawer__meta,
.q-docs-drawer__link > span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.q-docs-drawer__meta b,
.q-docs-drawer__link > span > b {
  font: 700 13.5px/1.2 var(--ui);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-hi);
}
.q-docs-drawer__item[aria-current="page"] .q-docs-drawer__meta b,
.q-docs-drawer__link[aria-current="page"] > span > b {
  color: var(--green-hi);
}
.q-docs-drawer__meta span,
.q-docs-drawer__link > span > small {
  font: 600 11px/1.25 var(--mono);
  color: var(--muted);
}
.q-docs-drawer__foot,
.q-docs-drawer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #263f2f;
}

/* Authentic Illustrated Elevator MENU Call Button (menu.webp) */
.q-elev-call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 120ms ease;
}
.q-elev-call img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.q-elev-call:hover { transform: translateY(-1px); }
.q-elev-call:active { transform: translateY(2px); }

.q-hbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 7px 17px;
  border-style: solid;
  border-color: transparent;
  border-width: 9px 13px 11px 13px;
  border-image: url("deck/key-dark.webp") 42 46 50 46 fill / 9px 13px 11px 13px stretch;
  background-color: transparent;
  color: var(--cream);
  font: 700 13px/1 var(--ui);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms ease, color 120ms ease;
}
.q-hbtn:hover {
  transform: translateY(-1px);
  color: var(--green-hi);
}
.q-hbtn--apply {
  border-width: 8px 10px 11px 10px;
  border-image: url("deck/key-green.webp") 22 24 34 24 fill / 8px 10px 11px 10px stretch;
  color: #04180b;
  font-weight: 800;
}
.q-hbtn--apply:hover {
  color: #000;
}
.q-hbtn--menu {
  border-width: 8px 14px;
  border-image: url("deck/tab.webp") 42 62 42 62 fill / 8px 14px stretch;
  background-color: transparent;
  color: var(--green-hi);
}
.q-hbtn--signin,
.q-hbtn--buy {
  border-width: 8px 10px 11px 10px;
  border-image: url("deck/key-orange.webp") 22 24 34 24 fill / 8px 10px 11px 10px stretch;
  color: #180900;
  font-weight: 800;
}
.q-hbtn--signin:hover,
.q-hbtn--buy:hover {
  color: #000;
}
.q-hbtn--ghost {
  border-image: url("deck/key-dark.webp") 42 46 50 46 fill / 9px 13px 11px 13px stretch;
  color: var(--muted);
}

/* Sticky Chapter Progress Strip */
.q-chapbar {
  position: sticky;
  top: var(--sitebar-h, 74px);
  z-index: 88;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 54px;
  padding: 7px clamp(14px, 2.2vw, 30px);
  border: 10px solid transparent;
  border-image: url("strip.png") 12 18 fill / 10px 14px stretch;
  background-color: #08120e;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.58);
}
.q-chapbar__left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
}
.q-chapbar__hub {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border: 7px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 7px 10px stretch;
  background-color: #0a140e;
  color: var(--green-hi);
  font: 700 12.5px/1 var(--ui);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.q-chapbar__hub:hover { color: #fff; }

.q-chapbar__status {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  overflow: hidden;
}
.q-chapbar__label {
  font: 600 13.5px/1.2 var(--mono);
  color: var(--ink-hi);
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-squares {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}
.q-sq {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: #0c1713;
  border: 2px solid #4d624e;
  transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
}
.q-sq.is-done {
  background: var(--green);
  border-color: #9cffc1;
}
.q-sq.is-now {
  background: var(--orange);
  border-color: var(--gold);
  transform: scale(1.15);
}

.q-chapbar__right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.q-allchap-btn {
  padding: 8px 14px;
  border: 7px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 7px 10px stretch;
  background-color: #0a140e;
  color: var(--cream);
  font: 700 12.5px/1 var(--ui);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}
.q-allchap-btn:hover { color: var(--green-hi); }

.q-next-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 9px 18px;
  border-style: solid;
  border-color: transparent;
  border-width: 8px 10px 11px 10px;
  border-image: url("deck/key-orange.webp") 22 24 34 24 fill / 8px 10px 11px 10px stretch;
  background-color: transparent;
  color: #190900;
  font: 800 13.5px/1 var(--ui);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform 120ms ease;
}
.q-next-plate:hover { color: #000; transform: translateY(-1px); }

/* ---- 2. MAIN SHELL, CONFIDENTIAL INVESTOR SEAL & HARDWARE BAYS ---- */
.q-wrap {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(20px, 2.8vw, 38px) clamp(14px, 2.4vw, 32px) 92px;
}

.q-riveted {
  position: relative;
  border: 16px solid transparent;
  border-image: url("panel.webp") 32 50 fill / 16px 20px;
  background-color: #07120d;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.64);
}

/* Private Investor Confidential Seal Banner */
.q-investor-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 24px;
  padding: 16px 22px;
  border: 20px solid transparent;
  border-image: url("CP03-charter-callout-plate.png") 132 132 132 132 fill / 20px stretch;
  background-color: #04130d;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.62);
}
.q-investor-banner__left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.q-investor-banner__copy {
  font: 600 14.5px/1.45 var(--sans);
  color: var(--cream);
}
.q-investor-banner__copy strong {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ---- 3. CP07 ENGRAVED EYEBROW TAGS & HERO SPREADS (ZERO CSS PILLS) ---- */
.q-kicker-plate,
.q-chap-num,
.q-callout-plate__bar,
.q-viz__badge,
.q-plate__zoom,
.q-edition-seal {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 0;
  border: 9px solid transparent;
  border-image: url("CP07-engraved-eyebrow-tag.png") 75 86 75 85 fill / 9px 14px 9px 14px stretch;
  background-color: #031510;
  padding: 6px 14px;
  font: 600 12.5px/1.2 var(--mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--green-hi);
}

.q-kicker-plate {
  align-self: flex-start;
  padding: 8px 16px;
  font-size: 13px;
}
.q-kicker-plate--amber,
.q-chap-num,
.q-callout-plate__bar,
.q-plate__zoom,
.q-edition-seal {
  color: var(--gold);
}

.q-hero-spread {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 24px;
  align-items: stretch;
  margin-bottom: 30px;
}
.q-hero-copy {
  padding: clamp(22px, 3vw, 36px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.q-hero-h1 {
  margin: 14px 0 0;
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(36px, 4.3vw, 58px);
  line-height: 1.04;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--ink-hi);
}
.q-hero-h1 em {
  display: block;
  font-style: normal;
  color: var(--orange);
  margin-top: 9px;
  font-size: clamp(23px, 2.7vw, 36px);
  line-height: 1.1;
}

.q-hero-lead {
  margin: 0;
  color: var(--cream);
  font-family: var(--sans);
  font-size: 18px;
  line-height: 1.68;
  max-width: 66ch;
}
.q-hero-lead code {
  font: 600 15px/1 var(--mono);
  color: var(--gold);
  background: #081c13;
  padding: 3px 8px;
  border-bottom: 2px solid rgba(255, 210, 63, 0.55);
}

.q-wp-plaques {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.q-enamel {
  min-width: 0;
  padding: 12px 11px 11px;
  border: 12px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
  background-color: #040f0b;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.q-enamel__big {
  font: 400 clamp(16.5px, 1.62vw, 25px)/1.06 var(--display);
  color: var(--green);
  letter-spacing: 0.01em;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.q-enamel__big img { width: 24px; height: 24px; object-fit: contain; flex-shrink: 0; }
.q-enamel--sky .q-enamel__big { color: var(--sky); }
.q-enamel--gold .q-enamel__big { color: var(--gold); }
.q-enamel__sub {
  font: 700 12.5px/1.35 var(--ui);
  letter-spacing: 0.05em;
  color: var(--cream);
  text-transform: uppercase;
}

.q-hero-art {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
}
.q-hero-art .q-plate { margin: 0; }
.q-hero-subgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.q-hero-mini {
  padding: 14px 16px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #040f0b;
}
.q-hero-mini b {
  display: block;
  font: 700 13px/1.2 var(--ui);
  color: var(--gold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.q-hero-mini span {
  display: block;
  font: 400 14.5px/1.48 var(--sans);
  color: var(--cream);
}

/* Tokenomics Live Telemetry Ribbon (LCD Hardware Readouts) */
.q-telem-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
.q-telem-cell {
  padding: 13px 16px;
  border: 1px solid #0f2d1e;
  border-image: none;
  background-color: #04100b;
  box-shadow: inset 0 0 8px rgba(0, 255, 102, 0.08), 0 2px 4px rgba(0, 0, 0, 0.6);
  border-radius: 2px;
}
.q-telem-cell span {
  display: block;
  font: 700 11.5px/1.2 var(--ui);
  letter-spacing: 0.06em;
  color: var(--muted);
  text-transform: uppercase;
}
.q-telem-cell b {
  display: block;
  margin-top: 6px;
  font: 600 16.5px/1.2 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--green-hi);
}
.q-telem-cell--orange b { color: var(--orange); }
.q-telem-cell--gold b { color: var(--gold); }

.q-tk-dualcards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.q-coin-plaque {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  padding: 16px 18px;
  border: 18px solid transparent;
  border-image: url("CP03-charter-callout-plate.png") 132 132 132 132 fill / 18px;
  background-color: #02130d;
}
.q-coin-plaque__crest {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border: 8px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px stretch;
  background-color: #061710;
}
.q-coin-plaque__crest img { width: 40px; height: 40px; object-fit: contain; }
.q-coin-plaque h3 {
  margin: 0 0 5px;
  font: 400 20px/1.15 var(--display);
  letter-spacing: 0.03em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-coin-plaque--green h3 { color: var(--green-hi); }
.q-coin-plaque p {
  margin: 0;
  font: 400 18px/1.64 var(--sans);
  color: var(--cream);
}

/* ---- 4. CHAPTER BAYS, CP01 BANNER PLATE & CP08 MEDALLION STAMPS ---- */
.q-chapters-stack {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.q-chapter-card {
  padding: clamp(22px, 3.2vw, 40px);
}

.q-chap-head {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 16px 22px;
  margin-bottom: 28px;
  border: 22px solid transparent;
  border-image: url("CP01-chapter-banner-plate.png") 74 110 56 210 fill / 22px 34px 18px 62px;
  background-color: #040f0b;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.56);
}
.q-chap-icon {
  width: 70px;
  height: 70px;
  padding: 9px;
  border: 8px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px stretch;
  background-color: #061811;
  object-fit: contain;
}
.q-chap-titles { min-width: 0; }
.q-chap-num {
  margin-bottom: 9px;
}
.q-chap-titles h2 {
  margin: 0;
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.12;
  letter-spacing: 0.02em;
  color: var(--ink-hi);
  text-transform: uppercase;
  scroll-margin-top: 285px;
}
.q-chap-titles h2 [id],
.q-chapter-card[id] {
  scroll-margin-top: 285px;
}
.q-chap-roman {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  background: url("CP08-medallion-badge-plate.png") center / 100% 100% no-repeat;
  font: 400 22px/1 var(--display);
  color: var(--gold);
  user-select: none;
}

/* ---- 5. EDITORIAL PROSE, PLATED SUBSECTIONS, MASTERPIECE BENTO CARDS, CALLOUTS & FORMULAS ---- */
.q-prose {
  font-family: var(--sans);
  font-size: 18.5px;
  line-height: 1.75;
  color: var(--cream);
}

.q-prose > p {
  margin: 0 0 1.22em;
  max-width: 76ch;
}
.q-prose strong {
  color: var(--ink-hi);
  font-weight: 700;
}
.q-prose em { color: #ffe3b3; }

/* Plated Subsection Header Plaque (H3) with CP08 Octagonal Medallion */
.q-subbay-head {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 2.2em 0 1.05em;
  padding: 12px 18px;
  border: 12px solid transparent;
  border-image: url("panel.webp") 32 50 fill / 12px 15px;
  background-color: #081811;
  scroll-margin-top: 145px;
}
.q-subbay-idx {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: url("CP08-medallion-badge-plate.png") center / 100% 100% no-repeat;
  color: var(--green-hi);
  font: 600 12.5px/1 var(--mono);
  letter-spacing: 0.03em;
  flex-shrink: 0;
}
.q-subbay-head h3,
.q-prose h3 {
  margin: 0;
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.18;
  letter-spacing: 0.025em;
  color: var(--gold);
  text-transform: uppercase;
  scroll-margin-top: 285px;
}

/* Standalone H4 outside Bento Cards uses Engraved CP07 Nameplate (NEVER thin 1px CSS box) */
.q-prose > h4 {
  margin: 1.6em 0 0.7em;
  display: inline-flex;
  align-items: center;
  border: 9px solid transparent;
  border-image: url("CP07-engraved-eyebrow-tag.png") 75 86 75 85 fill / 9px 14px 9px 14px stretch;
  background-color: #031510;
  padding: 6px 14px;
  font: 700 14px/1.25 var(--ui);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--green-hi);
}

/* CP05 + Deck Bay + CP08 Medallion Masterpiece Bento Module Cards */
.q-bento-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: 18px;
  margin: 1.45em 0 1.9em;
}
.q-bento-card {
  padding: 18px 20px;
  border: 18px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 18px;
  background-color: #040f0b;
  display: flex;
  flex-direction: column;
  gap: 13px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);
}
.q-bento-card__top {
  display: grid;
  grid-template-columns: 48px 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(255, 210, 63, 0.28);
}
.q-bento-card__icon-bay {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 6px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 6px stretch;
  background-color: #061710;
  flex-shrink: 0;
}
.q-bento-card__icon-bay img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.q-bento-card__idx {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: url("CP08-medallion-badge-plate.png") center / 100% 100% no-repeat;
  color: var(--gold);
  font: 600 13px/1 var(--mono);
  flex-shrink: 0;
}
.q-bento-card h4.q-bento-card__title,
.q-bento-card__title {
  margin: 0;
  padding: 0;
  border: 0;
  border-image: none;
  background: none;
  font: 400 clamp(17.5px, 1.5vw, 20.5px)/1.2 var(--display);
  color: var(--ink-hi);
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.q-bento-card__body {
  font: 400 18px/1.68 var(--sans);
  color: var(--cream);
}
.q-bento-card__body p { margin: 0 0 8px; }
.q-bento-card__body p:last-child { margin-bottom: 0; }

/* Standard Non-Lead Lists: Plated Hardware Rows + CP08 Medallions */
.q-prose ul,
.q-prose ol {
  list-style: none;
  margin: 1.15em 0 1.55em;
  padding: 14px 20px;
  border: 14px solid transparent;
  border-image: url("panel.webp") 32 50 fill / 14px 18px;
  background-color: #06120d;
  max-width: 84ch;
  counter-reset: qlist;
}
.q-prose ul > li,
.q-prose ol > li {
  position: relative;
  padding: 11px 0 11px 44px;
  border-bottom: 1px solid rgba(168, 153, 104, 0.24);
  font-size: 17.5px;
  line-height: 1.66;
}
.q-prose ul > li:last-child,
.q-prose ol > li:last-child {
  border-bottom: 0;
  padding-bottom: 3px;
}
.q-prose ul > li::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 15px;
  width: 24px;
  height: 24px;
  background: url("pyramid-q.png") center / contain no-repeat;
}
.q-prose ol > li {
  counter-increment: qlist;
}
.q-prose ol > li::before {
  content: counter(qlist, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 10px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("CP08-medallion-badge-plate.png") center / 100% 100% no-repeat;
  color: var(--green-hi);
  font: 600 11px/1 var(--mono);
}

.q-prose p,
.q-prose li,
.q-prose a,
.q-bento-card__body,
.q-sheet p,
.q-sheet__kv,
.q-footer-note {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.q-prose code,
.q-sheet code {
  font-family: var(--mono);
  font-size: 0.86em;
  font-weight: 600;
  background: #0a2016;
  border-bottom: 2px solid rgba(37, 220, 113, 0.45);
  color: #a8ffcb;
  padding: 2px 7px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.katex-mathml {
  left: 0 !important;
  top: 0 !important;
}
.q-chapter-card,
.q-prose,
.q-bento-card,
.q-sheet,
.q-sheet__meta,
.q-sheet__kv,
.q-hero-copy,
.q-hero-art,
.q-viz {
  min-width: 0;
  max-width: 100%;
}
.q-chapter-card {
  overflow-x: clip;
}
.q-prose pre {
  margin: 1.4em 0;
  padding: 18px 20px;
  border: 16px solid transparent;
  border-image: url("CP04-quant-formula-plate.png") 68 68 68 68 fill / 18px / 0 stretch round;
  background-color: #020906;
  overflow-x: auto;
}
.q-prose pre code {
  background: none;
  border: 0;
  padding: 0;
  color: #dcffe9;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.6;
}

/* CP03 Dedicated Codex Charter Callout Plate */
.q-callout-plate,
.q-prose blockquote {
  margin: 1.6em 0;
  padding: 18px 24px;
  border: 24px solid transparent;
  border-image: url("CP03-charter-callout-plate.png") 132 132 132 132 fill / 24px;
  background-color: #02130d;
  color: var(--ink-hi);
  font-size: 18.5px;
  line-height: 1.68;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.56);
}
.q-callout-plate__bar {
  margin-bottom: 12px;
}
.q-callout-plate p:last-child,
.q-prose blockquote p:last-child { margin-bottom: 0; }

/* CP04 Dedicated Codex Quantitative Formula Plate */
.q-math-plate {
  margin: 1.6em 0;
  padding: 16px 24px 18px;
  border: 20px solid transparent;
  border-image: url("CP04-quant-formula-plate.png") 68 68 68 68 fill / 20px / 0 stretch round;
  background-color: #020906;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.52);
  overflow-x: auto;
}
.q-math-plate__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(37, 220, 113, 0.32);
  font: 600 12px/1.2 var(--mono);
  letter-spacing: 0.07em;
  color: var(--green-hi);
  text-transform: uppercase;
}
.q-math-plate .katex-display,
.katex-display {
  margin: 0.4em 0;
  padding: 8px 6px;
  overflow-x: auto;
  color: var(--ink-hi);
  font-size: 1.15em;
}

.q-prose hr {
  border: 0;
  height: 2px;
  background-color: #2c4a38;
  border-top: 1px solid rgba(255, 210, 63, 0.35);
  margin: 2.2em 0;
}

/* ---- 6. CP02 INSTITUTIONAL LEDGER BAY, CP10/CP11 SUPERIOR ARENAS & RESPONSIVE MATRICES ---- */
.q-tablewrap {
  margin: 1.9em 0;
  min-width: 0;
  max-width: 100%;
  border-style: solid;
  border-color: transparent;
  border-width: 52px 26px 24px 26px;
  border-image: url("CP02-ledger-table-plate.png") 174 115 105 115 fill / 52px 26px 24px 26px;
  background-color: #030c09;
  padding: 0 4px 6px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.62);
}
.q-ledger-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -38px 6px 14px;
  height: 24px;
  font: 600 12px/1.2 var(--mono);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--gold);
  white-space: nowrap;
}
.q-ledger-bar span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.q-ledger-bar span:last-child:not(:first-child) {
  color: var(--green-hi);
  flex-shrink: 0;
}

/* Plated Superior Option Seal (CP11) & Hardware Status Micro-Badges */
.q-sup-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  padding: 5px 14px;
  border-radius: 0;
  border: 8px solid transparent;
  border-width: 8px 16px;
  border-image: url("CP11-superior-winner-seal.png") 98 195 98 195 fill / 8px 16px 8px 16px stretch;
  background-color: #062114;
  font: 700 11.5px/1.2 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
  white-space: normal;
  overflow-wrap: anywhere;
}
.q-sup-badge img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  flex-shrink: 0;
}
.q-alt-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 5px 12px;
  border-radius: 0;
  border: 7px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 7px 11px stretch;
  background-color: #08130e;
  font: 700 11px/1.2 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: normal;
  overflow-wrap: anywhere;
}
.q-alt-badge--sky { color: var(--sky); }
.q-alt-badge--orange { color: var(--orange); }
.q-alt-badge--green { color: var(--green-hi); }

.q-tchip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 3px 9px;
  border-radius: 0;
  border: 5px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 5px 8px stretch;
  background-color: #06150f;
  font: 700 11px/1.15 var(--mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--cream);
  vertical-align: middle;
  white-space: normal;
}
.q-tchip--green { color: var(--green-hi); background-color: #062115; }
.q-tchip--gold { color: var(--gold); background-color: #1c1504; }
.q-tchip--orange { color: var(--orange); background-color: #1f0e04; }
.q-tchip--sky { color: var(--sky); background-color: #061626; }
.q-tchip--muted { color: var(--muted); background-color: #08110d; }
.q-tchip--sup {
  border-width: 6px 12px;
  border-image: url("CP11-superior-winner-seal.png") 98 195 98 195 fill / 6px 12px 6px 12px stretch;
  background-color: #062114;
  color: var(--gold);
}
.q-tchip-trail {
  display: inline;
  margin-left: 6px;
  font: 400 14.5px/1.45 var(--sans);
  color: var(--cream);
}

/* Archetype A: Head-to-Head Superior Option & Dual-Pillar Comparison Arena */
.q-versus-showcase {
  margin: 0 0 16px;
  padding: 10px;
  border: 12px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
  background-color: #04100b;
}
.q-versus-showcase__btn {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: zoom-in;
}
.q-versus-showcase__btn:focus-visible,
.q-plate__btn:focus-visible,
.q-vizplate-card__btn:focus-visible,
.q-legend-item:focus-visible,
.q-vpill:focus-visible,
.q-tube:focus-visible,
.q-locker:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}
.q-versus-showcase__btn img {
  display: block;
  width: 100%;
  height: auto;
  border: 2px solid rgba(255, 210, 63, 0.36);
}
.q-versus-showcase__cap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  font: 600 11.5px/1.3 var(--mono);
  letter-spacing: 0.05em;
  color: var(--cream);
  text-transform: uppercase;
}
.q-versus-showcase__cap b {
  color: var(--gold);
}

.q-versus {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.q-versus__heads {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.q-versus__head {
  min-width: 0;
  padding: 14px 16px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #06110c;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.q-versus__head--sup {
  border-width: 18px;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 18px;
  background-color: #041a10;
  box-shadow: 0 10px 26px rgba(37, 220, 113, 0.18), inset 0 0 22px rgba(37, 220, 113, 0.08);
}
.q-versus__htitle {
  margin: 0;
  font: 400 clamp(17px, 1.8vw, 22px)/1.15 var(--display);
  letter-spacing: 0.02em;
  color: var(--cream);
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.q-versus__head--sup .q-versus__htitle {
  color: var(--green-hi);
}
.q-versus__hsub {
  margin: 0;
  font: 400 13.5px/1.45 var(--sans);
  color: var(--muted);
}
.q-versus__head--sup .q-versus__hsub {
  color: var(--cream);
}

.q-versus__row {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}
.q-versus__crit {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  border: 7px solid transparent;
  border-image: url("deck/lcd.webp") 42 62 42 62 fill / 7px 11px stretch;
  background-color: #06150f;
  font: 700 12.5px/1.3 var(--ui);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold);
  overflow-wrap: anywhere;
}
.q-versus__crit-idx {
  font: 700 11px/1 var(--mono);
  color: var(--green-hi);
  flex-shrink: 0;
}
.q-versus__pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.q-versus__cell {
  min-width: 0;
  padding: 13px 15px;
  border: 9px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 9px 11px stretch;
  background-color: #06100c;
  font: 400 16px/1.56 var(--sans);
  color: var(--cream);
  overflow-wrap: anywhere;
}
.q-versus__cell--muted {
  color: #cad7cc;
  background-color: #050c09;
}
.q-versus__cell--sup {
  border-width: 14px;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 14px;
  background-color: #041910;
  color: var(--ink-hi);
  font-weight: 500;
  box-shadow: inset 0 0 18px rgba(37, 220, 113, 0.08);
}
.q-versus__cell--pillar {
  border-width: 12px;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
  background-color: #05140e;
  color: var(--ink-hi);
}
.q-versus__mob-lbl {
  display: none;
  margin-bottom: 6px;
  font: 700 10.5px/1.2 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}
.q-versus__cell--sup .q-versus__mob-lbl {
  color: var(--gold);
}

/* Archetype B: External Landscape Gap Matrix + Q Nation Superior Full-Stack Crown */
.q-landscape {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.q-landscape__row {
  display: grid;
  grid-template-columns: minmax(150px, 0.85fr) minmax(0, 1.15fr) minmax(0, 1.15fr);
  gap: 10px;
  padding: 12px 14px;
  border: 9px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 9px 11px stretch;
  background-color: #05100b;
  align-items: start;
}
.q-landscape__who {
  font: 700 15px/1.3 var(--ui);
  letter-spacing: 0.03em;
  color: var(--ink-hi);
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.q-landscape__col {
  min-width: 0;
  font: 400 15.5px/1.52 var(--sans);
  color: var(--cream);
  overflow-wrap: anywhere;
}
.q-landscape__col--gap {
  color: #ffd5b8;
  padding: 9px 12px;
  background-color: #130905;
  border: 1px solid rgba(255, 97, 11, 0.44);
}
.q-landscape__tag {
  display: block;
  margin-bottom: 4px;
  font: 700 10.5px/1.15 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sky);
}
.q-landscape__col--gap .q-landscape__tag {
  color: var(--orange);
}
.q-landscape__winner {
  margin-top: 6px;
  padding: 16px 18px;
  border: 18px solid transparent;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 18px;
  background-color: #041b11;
  box-shadow: 0 12px 28px rgba(37, 220, 113, 0.2), inset 0 0 24px rgba(37, 220, 113, 0.08);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.q-landscape__winner-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.q-landscape__winner-title {
  margin: 0;
  font: 400 clamp(18px, 2vw, 23px)/1.15 var(--display);
  color: var(--green-hi);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.q-landscape__winner-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.q-landscape__pillar {
  padding: 10px 12px;
  border: 8px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px 10px stretch;
  background-color: #062115;
  font: 500 14.5px/1.45 var(--sans);
  color: var(--ink-hi);
}
.q-landscape__pillar b {
  display: block;
  margin-bottom: 3px;
  font: 700 11px/1.2 var(--mono);
  letter-spacing: 0.06em;
  color: var(--gold);
  text-transform: uppercase;
}

/* Archetype C: 2-Column Plated Specification & Status Ledgers */
.q-spec-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.q-spec-head {
  display: grid;
  grid-template-columns: minmax(175px, 31%) minmax(0, 1fr);
  gap: 14px;
  padding: 9px 14px;
  background-color: #0a2016;
  border: 1px solid rgba(255, 210, 63, 0.34);
  border-bottom: 2px solid rgba(255, 210, 63, 0.56);
  font: 700 12px/1.25 var(--ui);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--green-hi);
}
.q-spec-row {
  display: grid;
  grid-template-columns: minmax(175px, 31%) minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  padding: 11px 14px;
  border: 8px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px 10px stretch;
  background-color: #05110c;
  min-width: 0;
}
.q-spec-row.is-total,
.q-spec-row.is-champion {
  border-width: 13px;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 13px;
  background-color: #051c11;
}
.q-spec-key {
  min-width: 0;
  font: 700 15.5px/1.42 var(--sans);
  color: var(--ink-hi);
  overflow-wrap: anywhere;
}
.q-spec-val {
  min-width: 0;
  font: 400 16px/1.56 var(--sans);
  color: var(--cream);
  overflow-wrap: anywhere;
}
.q-spec-val.is-num {
  font: 600 15.5px/1.4 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--gold);
}

/* Archetype D: Plated Hardware Telemetry Ledgers (Zero Default Zebra HTML Tables) */
.q-scroll-hint {
  display: none;
  margin: 0 4px 8px;
  font: 600 11px/1.2 var(--mono);
  letter-spacing: 0.06em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-tablescroll {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  padding: 2px 3px 4px;
}
.q-tablewrap table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 7px;
  font-family: var(--sans);
  font-size: 15.5px;
  line-height: 1.5;
}
.q-tablewrap th {
  text-align: left;
  padding: 11px 14px;
  background-color: #0b2217;
  color: var(--gold);
  font: 700 12px/1.28 var(--ui);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-top: 1px solid rgba(255, 210, 63, 0.38);
  border-bottom: 2px solid rgba(255, 210, 63, 0.62);
  vertical-align: bottom;
  white-space: normal;
}
.q-tablewrap th:first-child {
  border-left: 1px solid rgba(255, 210, 63, 0.36);
}
.q-tablewrap th:last-child {
  border-right: 1px solid rgba(255, 210, 63, 0.36);
}
.q-tablewrap th:not(:first-child) {
  min-width: 108px;
}
.q-tablewrap th.is-num {
  text-align: right;
  white-space: normal;
  min-width: 108px;
}
.q-tablewrap td {
  padding: 12px 14px;
  background-color: #06140e;
  border-top: 1px solid rgba(74, 128, 96, 0.42);
  border-bottom: 1px solid rgba(42, 79, 57, 0.56);
  color: var(--cream);
  font-size: 15.5px;
  vertical-align: top;
  transition: background-color 140ms ease, border-color 140ms ease;
}
.q-tablewrap td:first-child {
  border-left: 1px solid rgba(74, 128, 96, 0.42);
  color: var(--ink-hi);
  font-weight: 600;
}
.q-tablewrap td:last-child {
  border-right: 1px solid rgba(74, 128, 96, 0.42);
}

/* Illustrated Hardware Icon + Title Lead inside Spec & Ledger Rows */
.q-row-head {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.q-row-icon {
  width: 38px;
  height: 38px;
  padding: 4px;
  display: inline-grid;
  place-items: center;
  border: 6px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 6px stretch;
  background-color: #061811;
  flex-shrink: 0;
}
.q-row-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}
.q-row-title {
  min-width: 0;
  flex: 1 1 auto;
  overflow-wrap: anywhere;
}
.q-tablewrap:not(.q-tablewrap--dossier) td:first-child .q-row-icon {
  width: 32px;
  height: 32px;
  padding: 3px;
  border-width: 5px;
}
.q-tablewrap:not(.q-tablewrap--dossier) td:first-child .q-row-icon img {
  width: 20px;
  height: 20px;
}

.q-tablewrap:not(.q-tablewrap--dossier) td.is-prose,
.q-tablewrap:not(.q-tablewrap--dossier) td.is-prose-wide,
.q-tablewrap:not(.q-tablewrap--dossier) td.is-lead-prose {
  min-width: 168px;
}
.q-tablewrap td.is-num {
  text-align: right;
  font-family: var(--mono);
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink-hi);
  white-space: nowrap;
}
.q-nowrap-range {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--gold);
  padding: 2px 7px;
  background-color: #061c12;
  border: 1px solid rgba(74, 148, 102, 0.45);
}
.q-champ-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 7px;
  padding: 2px 7px;
  border: 4px solid transparent;
  border-width: 4px 8px;
  border-image: url("CP11-superior-winner-seal.png") 98 195 98 195 fill / 4px 8px 4px 8px stretch;
  background-color: #062114;
  font: 700 9.5px/1.1 var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold);
  vertical-align: middle;
  white-space: nowrap;
}
.q-tablewrap tbody tr:hover td {
  background-color: #0a2217;
  border-top-color: rgba(37, 220, 113, 0.55);
  border-bottom-color: rgba(37, 220, 113, 0.55);
}
.q-tablewrap tr.is-champion td {
  background-color: #092417;
  border-top: 1px solid rgba(255, 210, 63, 0.52);
  border-bottom: 1px solid rgba(37, 220, 113, 0.58);
}
.q-tablewrap tr.is-champion td:first-child {
  border-left: 1px solid rgba(255, 210, 63, 0.52);
  color: #e2ffed;
}
.q-tablewrap tr.is-champion td:last-child {
  border-right: 1px solid rgba(255, 210, 63, 0.52);
}
.q-tablewrap tr.is-total td {
  background-color: #1c1607;
  border-top: 2px solid rgba(255, 210, 63, 0.78);
  border-bottom: 2px solid rgba(255, 210, 63, 0.78);
  color: var(--gold);
  font-weight: 700;
}
.q-tablewrap tr.is-total td:first-child {
  border-left: 1px solid rgba(255, 210, 63, 0.78);
  color: var(--gold);
}
.q-tablewrap tr.is-total td:last-child {
  border-right: 1px solid rgba(255, 210, 63, 0.78);
}

.q-cell-meter {
  display: block;
  width: 100%;
  min-width: 64px;
  max-width: 132px;
  height: 5px;
  margin-top: 5px;
  margin-left: auto;
  background-color: #081810;
  border: 1px solid rgba(82, 110, 88, 0.48);
  overflow: hidden;
}
.q-spec-val .q-cell-meter {
  margin-left: 0;
  max-width: 180px;
}
.q-cell-meter__fill {
  display: block;
  height: 100%;
  background-color: #25dc71;
  box-shadow: inset 0 1px 0 #8effbe;
}
.q-cell-meter__fill--gold {
  background-color: #e5b322;
  box-shadow: inset 0 1px 0 #ffe996;
}
.q-cell-meter__fill--orange {
  background-color: #ff610b;
  box-shadow: inset 0 1px 0 #ffad7d;
}
.q-cell-meter__fill--sky {
  background-color: #4a9eff;
  box-shadow: inset 0 1px 0 #a3d0ff;
}

/* Plated Hardware Bento Dossier Modules (Zero Left Ribs, Balanced 4-Sided LCD Telemetry Bays) */
.q-tablewrap--dossier .q-tablescroll {
  overflow-x: visible;
}
.q-tablewrap--dossier .q-scroll-hint {
  display: none !important;
}
.q-tablewrap--dossier table,
.q-tablewrap--dossier tbody {
  display: block;
  width: 100%;
}
.q-tablewrap--dossier thead {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.q-tablewrap--dossier tbody tr {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px 12px;
  padding: 14px 16px;
  margin-bottom: 14px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #04100b;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.48);
}
.q-tablewrap--dossier tbody tr:last-child {
  margin-bottom: 4px;
}
.q-tablewrap--dossier tbody tr.is-champion {
  border-width: 15px;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 15px;
  background-color: #041910;
}
.q-tablewrap--dossier tbody tr.is-total {
  border-width: 15px;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 15px;
  background-color: #081e11;
}
.q-tablewrap--dossier tbody tr > td:first-child {
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 2px 2px 11px;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(255, 210, 63, 0.34) !important;
  box-shadow: none !important;
  font-family: var(--display);
  font-size: 17.5px;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.3;
  color: var(--ink-hi);
  text-transform: uppercase;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
.q-tablewrap--dossier tbody tr > td:not(:first-child) {
  display: block;
  min-width: 0;
  padding: 9px 12px;
  background-color: #05130d !important;
  border: 7px solid transparent !important;
  border-image: url("deck/lcd.webp") 42 62 42 62 fill / 7px 10px stretch !important;
  box-shadow: none !important;
  text-align: left !important;
  white-space: normal !important;
  font-size: 15px;
  line-height: 1.48;
  overflow-wrap: anywhere;
}
.q-tablewrap--dossier tbody tr > td.is-prose-wide:not(:first-child) {
  grid-column: 1 / -1;
  font-family: var(--sans);
  font-size: 15.5px;
  line-height: 1.58;
  color: var(--cream);
  background-color: #061811 !important;
  border: 8px solid transparent !important;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px 11px stretch !important;
}
.q-tablewrap--dossier tbody td[data-label]::before {
  content: attr(data-label);
  display: block;
  margin-bottom: 3px;
  font: 700 10.5px/1.25 var(--mono);
  letter-spacing: 0.05em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-tablewrap--dossier .q-cell-meter {
  margin-left: 0;
  max-width: 180px;
}
.q-tablewrap--dossier .q-nowrap-range {
  white-space: normal;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 13.5px;
  padding: 2px 6px;
}

/* Codex UI & Data-Viz Plate Showcase Grid (Design Review Studio) */
.q-vizplate-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  margin-top: 20px;
}
.q-vizplate-card {
  padding: 14px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #04100b;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.q-vizplate-card__btn {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: #020805;
  cursor: zoom-in;
}
.q-vizplate-card__btn img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  border: 2px solid #2b4735;
}
.q-vizplate-card__id {
  font: 700 11px/1.2 var(--mono);
  letter-spacing: 0.06em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-vizplate-card__title {
  margin: 0;
  font: 700 15px/1.25 var(--ui);
  color: var(--ink-hi);
  text-transform: uppercase;
}
.q-vizplate-card__desc {
  margin: 0;
  font: 400 13.5px/1.48 var(--sans);
  color: var(--cream);
}

/* ---- 7. 2K CODEX VISUAL SCENE PLATES ---- */
.q-plate {
  margin: 1.9em 0;
  border: 16px solid transparent;
  border-image: url("panel.webp") 32 50 fill / 16px 20px;
  background-color: #050d09;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.66);
  overflow: hidden;
}
.q-plate__btn {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: #040907;
  cursor: zoom-in;
}
.q-plate img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 240ms ease;
}
.q-plate__btn:hover img { transform: scale(1.012); }
.q-plate figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 16px;
  background: #08150f;
  border-top: 2px solid #2b4433;
  font: 600 13.5px/1.35 var(--mono);
  letter-spacing: 0.03em;
  color: var(--cream);
}
.q-plate__zoom {
  flex-shrink: 0;
}

/* ---- 8. CP06 INTERACTIVE HARDWARE SIMULATOR CONSOLES ---- */
.q-viz {
  margin: 2.1em 0;
  padding: 20px 22px;
  border: 28px solid transparent;
  border-image: url("CP06-simulator-console-plate.png") 150 156 150 156 fill / 30px 32px;
  background-color: #040e0a;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.68);
}
.q-viz__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-bottom: 14px;
  margin-bottom: 18px;
  border-bottom: 2px solid #274030;
}
.q-viz__titlewrap,
.q-viz__head-left {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.q-viz__icon {
  width: 52px;
  height: 52px;
  padding: 6px;
  border: 6px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 6px stretch;
  background-color: #081b13;
  object-fit: contain;
  flex-shrink: 0;
}
.q-viz__kicker {
  display: block;
  font: 600 12px/1.2 var(--mono);
  letter-spacing: 0.07em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-viz__title {
  margin: 4px 0 0;
  font: 400 clamp(21px, 2.4vw, 28px)/1.12 var(--display);
  letter-spacing: 0.025em;
  color: var(--ink-hi);
  text-transform: uppercase;
}
.q-viz__sub {
  margin: 6px 0 0;
  font: 400 15.5px/1.55 var(--sans);
  color: var(--cream);
  max-width: 78ch;
}

.q-viz__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.q-vpill {
  padding: 8px 16px;
  border-radius: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 9px 13px 11px 13px;
  border-image: url("deck/key-dark.webp") 42 46 50 46 fill / 9px 13px 11px 13px stretch;
  background-color: transparent;
  color: var(--cream);
  font: 700 12.5px/1 var(--ui);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 120ms ease, color 120ms ease;
}
.q-vpill:hover { color: var(--green-hi); transform: translateY(-1px); }
.q-vpill[aria-pressed="true"],
.q-vpill.is-active {
  border-width: 8px 10px 11px 10px;
  border-image: url("deck/key-orange.webp") 22 24 34 24 fill / 8px 10px 11px 10px stretch;
  color: #180800;
  font-weight: 800;
}

/* KPI Plated Readouts */
.q-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
  margin: 14px 0;
}
.q-kpi {
  padding: 14px 16px;
  border: 16px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 16px;
  background-color: #040f0b;
}
.q-kpi__lbl {
  font: 700 12px/1.25 var(--ui);
  letter-spacing: 0.06em;
  color: var(--muted);
  text-transform: uppercase;
}
.q-kpi__val {
  margin-top: 6px;
  font: 400 clamp(23px, 2.4vw, 31px)/1.06 var(--display);
  letter-spacing: 0.02em;
  color: var(--green-hi);
}
.q-kpi--orange .q-kpi__val { color: var(--orange); }
.q-kpi--amber .q-kpi__val { color: var(--gold); }
.q-kpi--sky .q-kpi__val { color: var(--sky); }
.q-kpi__note {
  margin-top: 6px;
  font: 400 14px/1.45 var(--sans);
  color: var(--cream);
}

/* Range Controls & Plated Hardware Sliders */
.q-controls,
.q-viz__controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin: 14px 0 16px;
}
.q-ctrl,
.q-vctrl {
  padding: 13px 16px;
  border-style: solid;
  border-color: transparent;
  border-width: 11px 16px;
  border-image: url("deck/lcd.webp") 42 62 42 62 fill / 11px 16px stretch;
  background-color: #05120c;
}
.q-ctrl label,
.q-vctrl label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font: 700 13px/1.25 var(--ui);
  letter-spacing: 0.05em;
  color: var(--cream);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.q-ctrl output,
.q-vctrl output {
  font: 600 15.5px/1 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--gold);
  text-transform: none;
  flex-shrink: 0;
}
.q-ctrl input[type="range"],
.q-vctrl input[type="range"] {
  width: 100%;
  accent-color: var(--orange);
  cursor: pointer;
}
.q-vctrl input[type="number"] {
  width: 100%;
  padding: 8px 10px;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 8px;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 6px 8px stretch;
  background-color: #030a07;
  color: var(--ink-hi);
  font: 600 15px/1.2 var(--mono);
  font-variant-numeric: tabular-nums;
}

/* Plated Hardware Selector Cards & Manifold Chamber Plaques (CP05 Default / CP10 Selected) */
.q-tubes,
.q-manifold {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.q-tubes--skyline {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  margin: 0;
}
.q-plate-stack--rounds {
  align-items: start;
}
.q-rounds-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.q-tube,
.q-chamber {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 7px;
  min-width: 0;
  padding: 8px 10px;
  border: 12px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
  background-color: #040d09;
  color: var(--cream);
  text-align: left;
  font: inherit;
  transition: transform 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}
button.q-tube,
button.q-chamber {
  cursor: pointer;
}
button.q-tube:hover,
button.q-chamber:hover {
  background-color: #07160f;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.52);
  transform: translateY(-2px);
}
.q-tube.is-sel,
.q-tube[aria-pressed="true"],
.q-chamber.is-sel,
.q-chamber[aria-pressed="true"] {
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 12px;
  background-color: #061c11;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.6);
  transform: translateY(-2px);
}
.q-tube__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
}
.q-tube__icon-wrap {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(255, 210, 63, 0.42);
  background-color: #030a06;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.q-tube__icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.14);
}
.q-tube__top,
.q-chamber__pct {
  font: 400 clamp(14.5px, 1.25vw, 17.5px)/1.08 var(--display);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--gold);
  text-align: right;
  min-width: 0;
  overflow-wrap: anywhere;
}
.q-tube__top--green { color: #25dc71; }
.q-tube__top--gold,
.q-tube__top--amber { color: #ffd23f; }
.q-tube__top--sky { color: #4ac2ff; }
.q-tube__top--orange { color: #ff7a1f; }
.q-tube__top--violet { color: #b68cff; }
.q-tube__top--cyan { color: #2ef2dc; }
.q-tube__plaque {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  font: 700 11.5px/1.2 var(--ui);
  letter-spacing: 0.045em;
  text-transform: uppercase;
  color: var(--ink-hi);
  overflow-wrap: anywhere;
}
.q-tube__plaque small {
  font: 400 11.5px/1.3 var(--sans);
  text-transform: none;
  letter-spacing: 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.q-chamber__name {
  font: 700 11.5px/1.2 var(--ui);
  letter-spacing: 0.045em;
  color: var(--ink-hi);
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.q-chamber__amt {
  font: 600 12px/1.15 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.q-chamber.is-sel .q-chamber__amt,
.q-chamber[aria-pressed="true"] .q-chamber__amt {
  color: var(--green-hi);
}

/* Segmented Gauge Track */
.q-segbar {
  display: grid;
  grid-template-columns: repeat(20, minmax(0, 1fr));
  gap: 4px;
  padding: 8px;
  border-style: solid;
  border-color: transparent;
  border-width: 8px 11px;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px 11px stretch;
  background-color: #030a07;
}
.q-seg {
  height: 18px;
  background: #0d1c15;
  border: 1px solid #23382b;
}
.q-seg--green { background: var(--green); border-color: #9cffc1; }
.q-seg--orange { background: var(--orange); border-color: #ffc29a; }
.q-seg--amber { background: var(--gold); border-color: #fff0a6; }
.q-seg--sky { background: var(--sky); border-color: #a9d2ff; }
.q-seg--violet { background: var(--violet); border-color: #d6c6ff; }

/* CP09 20-Locker Hinged Bank Vault Door Matrix */
.q-lockers {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}
.q-locker {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 112px;
  padding: 22px 10px 12px;
  border: 18px solid transparent;
  border-image: url("CP09-vault-locker-door.png") 142 66 91 66 fill / 24px 11px 14px 11px stretch;
  background-color: #021018;
  text-align: center;
  cursor: pointer;
  color: var(--cream);
  font: inherit;
  transition: transform 130ms ease, box-shadow 130ms ease;
}
.q-locker:hover,
.q-locker.is-selected {
  transform: translateY(-2px);
  box-shadow: 0 0 0 2px var(--gold), 0 10px 24px rgba(0, 0, 0, 0.55);
}
.q-locker__num {
  display: block;
  font: 600 11.5px/1 var(--mono);
  color: var(--muted);
}
.q-locker__tag {
  display: block;
  margin-top: 4px;
  font: 400 17px/1.05 var(--display);
  letter-spacing: 0.03em;
  color: var(--green-hi);
}
.q-locker--work .q-locker__tag { color: var(--green-hi); }
.q-locker--rounds .q-locker__tag { color: var(--sky); }
.q-locker--investor .q-locker__tag { color: var(--gold); }
.q-locker--builders .q-locker__tag { color: var(--gold); }
.q-locker--treasury .q-locker__tag { color: var(--violet); }
.q-locker--founder .q-locker__tag,
.q-locker--team .q-locker__tag { color: var(--orange); }
.q-locker__sub {
  display: block;
  margin-top: 2px;
  font: 400 12px/1.25 var(--sans);
  color: var(--cream);
}

/* 10-Tower Constitutional Rounds Skyline */
.q-skyline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(76px, 1fr));
  gap: 8px;
  align-items: end;
  min-height: 228px;
  padding: 18px 14px 12px;
  border-style: solid;
  border-color: transparent;
  border-width: 11px 15px;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 11px 15px stretch;
  background-color: #05130d;
  margin: 14px 0;
}
.q-tower {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  color: var(--cream);
}
.q-tower__val {
  font: 600 12px/1.1 var(--mono);
  color: var(--gold);
}
.q-tower__shaft {
  width: 100%;
  background-color: #123122;
  border: 2px solid var(--green);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.q-tower--inv .q-tower__shaft {
  border-color: var(--gold);
  background-color: #3a2b0d;
}
.q-tower.is-active .q-tower__shaft,
.q-tower:hover .q-tower__shaft {
  border-color: var(--orange);
  box-shadow: 0 0 14px rgba(255, 97, 11, 0.45);
}
.q-tower__lbl {
  font: 700 12px/1 var(--ui);
  color: var(--cream);
}

/* 7-Pot Work Pool Chambers */
.q-pots-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
  gap: 12px;
  margin: 14px 0;
}
.q-pot {
  padding: 14px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #05130d;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.q-pot__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.q-pot__icon {
  width: 34px;
  height: 34px;
  padding: 4px;
  border: 5px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 5px stretch;
  background-color: #071911;
  object-fit: contain;
  flex-shrink: 0;
}
.q-pot__name {
  font: 700 13px/1.2 var(--ui);
  color: var(--ink-hi);
  text-transform: uppercase;
  flex: 1 1 auto;
}
.q-pot__pct {
  font: 400 19px/1 var(--display);
  color: var(--green-hi);
}
.q-pot__tube {
  height: 12px;
  background-color: #030a07;
  border: 1px solid #355440;
  padding: 2px;
}
.q-pot__fill {
  height: 100%;
  background-color: #25dc71;
  box-shadow: inset 0 1px 0 #9effc4;
}
.q-pot__daily {
  font: 600 13px/1.3 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--cream);
}

/* Horizontal Telemetry Bars */
.q-hbars {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 14px 0;
}
.q-hbar {
  padding: 13px 16px;
  border-style: solid;
  border-color: transparent;
  border-width: 10px 15px;
  border-image: url("deck/lcd.webp") 42 62 42 62 fill / 10px 15px stretch;
  background-color: #05120c;
}
.q-hbar__meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
  font: 600 14.5px/1.35 var(--sans);
}
.q-hbar__meta b {
  font: 700 13.5px/1.25 var(--ui);
  letter-spacing: 0.04em;
  color: var(--ink-hi);
  text-transform: uppercase;
}
.q-hbar__meta span {
  font: 600 14.5px/1.2 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--gold);
}

/* Collapsible Model Code Vault */
.q-code-vault {
  margin-top: 18px;
  border: 16px solid transparent;
  border-image: url("panel.webp") 32 50 fill / 16px 20px;
  background-color: #050f0b;
}
.q-code-vault summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px;
  cursor: pointer;
  font: 700 14px/1.3 var(--ui);
  letter-spacing: 0.05em;
  color: var(--gold);
  text-transform: uppercase;
  list-style: none;
}
.q-code-vault summary::-webkit-details-marker { display: none; }
.q-code-vault__body {
  padding: 0 18px 18px;
  border-top: 2px solid #294232;
}
.q-code-vault__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  font: 600 13px/1.2 var(--mono);
  color: var(--muted);
}

/* ---- 9. PAPERS HUB CARDS & DESIGN REVIEW STUDIO ---- */
.q-hubgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 22px 0;
}
.q-hubcard {
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  text-decoration: none;
  color: var(--cream);
  transition: transform 150ms ease, box-shadow 150ms ease;
}
.q-hubcard:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 52px rgba(0, 0, 0, 0.75);
  color: var(--cream);
}
.q-hubcard__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.q-hubcard__thumb {
  aspect-ratio: 16 / 9;
  width: 100%;
  object-fit: cover;
  border: 3px solid #3c5b46;
  margin-bottom: 12px;
}
.q-hubcard h3 {
  margin: 8px 0 8px;
  font: 400 27px/1.1 var(--display);
  letter-spacing: 0.02em;
  color: var(--ink-hi);
  text-transform: uppercase;
}
.q-hubcard p {
  margin: 0;
  font: 400 16.5px/1.6 var(--sans);
  color: var(--cream);
}

.q-swatches {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.q-swatch {
  padding: 12px;
  border: 12px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
  background-color: #05110c;
}
.q-swatch__chip {
  height: 44px;
  border: 2px solid rgba(255, 255, 255, 0.24);
  margin-bottom: 9px;
}
.q-swatch b {
  display: block;
  font: 700 13px/1.2 var(--ui);
  color: var(--ink-hi);
}
.q-swatch span {
  font: 400 13.5px/1.4 var(--sans);
  color: var(--muted);
}

.q-icongrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: 14px;
  margin: 18px 0;
}
.q-iconcard {
  padding: 16px 14px;
  border: 16px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 16px;
  background-color: #040f0b;
  text-align: center;
}
.q-iconcard img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  margin: 0 auto 10px;
  display: block;
}
.q-iconcard b {
  display: block;
  font: 700 13px/1.25 var(--ui);
  color: var(--gold);
  margin-bottom: 5px;
}
.q-iconcard span {
  display: block;
  font: 400 13.5px/1.42 var(--sans);
  color: var(--cream);
}

.q-sheet-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.q-sheet {
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 22px;
  align-items: start;
}
.q-sheet__meta {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.q-sheet__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.q-sheet h3 {
  margin: 0;
  font: 400 26px/1.12 var(--display);
  color: var(--ink-hi);
  text-transform: uppercase;
}
.q-sheet p {
  margin: 0;
  font: 400 16px/1.58 var(--sans);
  color: var(--cream);
}
.q-sheet__kv {
  display: grid;
  gap: 8px;
  padding: 13px 15px;
  border-style: solid;
  border-color: transparent;
  border-width: 10px 15px;
  border-image: url("deck/lcd.webp") 42 62 42 62 fill / 10px 15px stretch;
  background-color: #05120c;
  font-size: 14.5px;
  line-height: 1.5;
}
.q-sheet__kv strong {
  color: var(--gold);
  font: 700 12.5px/1 var(--ui);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.q-preview-stage {
  padding: 20px;
  border: 24px solid transparent;
  border-image: url("CP06-simulator-console-plate.png") 150 156 150 156 fill / 26px 28px;
  background-color: #040e0a;
}
.q-preview-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}
.q-preview-framewrap {
  display: flex;
  justify-content: center;
  background: #020504;
  border: 2px solid #2d4635;
  padding: 12px;
  overflow: auto;
}
.q-preview-iframe {
  width: 100%;
  height: 760px;
  border: 2px solid var(--rim-hi);
  background: #030805;
  transition: width 220ms ease;
}
.q-preview-iframe.is-mobile {
  width: 390px;
  max-width: 100%;
}

.q-ia-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}
.q-ia-node {
  padding: 16px;
  border: 16px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 16px;
  background-color: #040f0b;
}
.q-ia-node b {
  display: block;
  font: 700 13px/1.25 var(--ui);
  letter-spacing: 0.05em;
  color: var(--gold);
  margin-bottom: 6px;
}
.q-ia-node a {
  display: inline-block;
  font: 400 19px/1.15 var(--display);
  color: var(--green-hi);
  margin-bottom: 6px;
}
.q-ia-node p {
  margin: 0;
  font: 400 14.5px/1.5 var(--sans);
  color: var(--cream);
}

/* ---- 10. AUTHENTIC ILLUSTRATED Q NATION BUILDING ELEVATOR MENU (#q-elevator) ---- */
.q-elev {
  position: fixed;
  inset: 0;
  z-index: 220;
  display: grid;
  place-items: center;
  padding: clamp(10px, 2vw, 24px);
}
.q-elev[hidden] { display: none !important; }
.q-elev__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 4, 0.86);
  backdrop-filter: blur(6px);
}
.q-elev__car {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(1100px, 100%);
  max-height: min(880px, 94dvh);
  overflow: hidden;
  background: #222620 url("elevator/steel.webp") repeat;
  border: 7px solid #31372d;
  border-radius: 0;
  box-shadow: 0 0 0 3px #060908, inset 0 0 0 3px #8b8970, 0 24px 64px #000;
}
.q-elev__top {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px 12px;
}
.q-elev__ind {
  flex: 1 1 auto;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-style: solid;
  border-color: transparent;
  border-width: 8px 13px;
  border-image: url("deck/lcd.webp") 42 62 42 62 fill / 8px 13px stretch;
  background-color: #04110b;
  color: var(--green-hi);
  font: 400 clamp(15px, 2vw, 22px)/1.1 var(--display);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
}
.q-elev__close {
  flex: 0 0 112px;
  min-height: 50px;
  padding: 8px 14px;
  border: 8px solid transparent;
  border-image: url("deck/key-orange.webp") 22 24 34 24 fill / 8px 10px 10px 10px stretch;
  background-color: transparent;
  color: #190800;
  font: 800 14px/1 var(--ui);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}
.q-elev__close:hover { color: #000; }
.q-elev__body {
  display: grid;
  grid-template-columns: minmax(0, 1.32fr) minmax(0, 0.98fr);
  gap: 16px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 18px 14px;
}
.q-elev__panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
  align-content: start;
  overflow-y: auto;
  padding-right: 4px;
}
.q-elev__floor {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 8px 11px;
  border: 8px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px 12px stretch;
  background-color: #0a140e;
  color: #efe7c6;
  text-decoration: none;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.q-elev__floor:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 2px rgba(37, 220, 113, 0.55);
  color: #fff;
}
.q-elev__floor.is-here {
  border-image: url("deck/lcd.webp") 42 62 42 62 fill / 8px 12px stretch;
  background-color: #051910;
  box-shadow: inset 0 0 0 2px var(--green), 0 0 10px rgba(37, 220, 113, 0.65);
  color: #f4ffe9;
}
.q-elev__num {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("CP08-medallion-badge-plate.png") center / 100% 100% no-repeat;
  color: var(--green-hi);
  font: 600 12px/1 var(--mono);
}
.q-elev__floor.is-here .q-elev__num {
  color: var(--green-hi);
}
.q-elev__name {
  font: 400 15px/1.18 var(--display);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.q-elev__scene {
  min-height: 280px;
  border: 4px solid #0b0f0a;
  background: #151911;
  overflow: hidden;
  position: relative;
}
.q-elev__scene img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.q-elev__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 18px 14px;
  border-top: 2px solid #343c30;
  font: 600 12.5px/1.3 var(--mono);
  color: #ddd4ac;
}
.q-elev__doors {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 5;
}
.q-elev__leaf {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50.4%;
  background: #44483d url("elevator/steel.webp") repeat;
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}
.q-elev__leaf--left {
  left: 0;
  box-shadow: inset -4px 0 0 #090d08, inset -8px 0 0 #a09975;
  transform: translateX(0);
}
.q-elev__leaf--right {
  right: 0;
  box-shadow: inset 4px 0 0 #090d08, inset 8px 0 0 #a09975;
  transform: translateX(0);
}
.q-elev.is-open .q-elev__leaf--left { transform: translateX(-102%); }
.q-elev.is-open .q-elev__leaf--right { transform: translateX(102%); }

/* ---- 11. MODALS, LIGHTBOX & FOOTER ---- */
.q-modal {
  max-width: min(940px, 94vw);
  width: 100%;
  padding: 24px;
  background: #06100c;
  color: var(--cream);
  border: 16px solid transparent;
  border-image: url("panel.webp") 32 50 fill / 16px 20px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.9);
}
.q-modal::backdrop { background: rgba(1, 5, 3, 0.84); backdrop-filter: blur(5px); }
.q-modal__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 2px solid #2b4433;
}
.q-modal__top h2 {
  margin: 0;
  font: 400 26px/1.1 var(--display);
  color: var(--gold);
  text-transform: uppercase;
}
.q-floors-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  gap: 10px;
}
.q-floor-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border: 7px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 7px 10px stretch;
  background-color: #0a140e;
  text-decoration: none;
  color: var(--cream);
}
.q-floor-item:hover,
.q-floor-item.is-here {
  box-shadow: inset 0 0 0 2px var(--green);
  color: #fff;
}
.q-floor-item b {
  font: 600 12.5px/1.2 var(--mono);
  color: var(--gold);
}
.q-floor-item span {
  font: 600 13.5px/1.25 var(--ui);
  color: var(--ink-hi);
  text-align: right;
}

.q-chap-search {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 14px;
  border-style: solid;
  border-color: transparent;
  border-width: 8px 11px;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px 11px stretch;
  background-color: #030906;
  color: var(--ink-hi);
  font: 400 16px/1.3 var(--sans);
}
.q-chap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
  gap: 10px;
  max-height: 62vh;
  overflow-y: auto;
}
.q-chap-tile {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border: 10px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 10px;
  background-color: #07140e;
  text-decoration: none;
  color: var(--cream);
}
.q-chap-tile:hover { color: var(--gold); }
.q-chap-tile img { width: 40px; height: 40px; object-fit: contain; flex-shrink: 0; }
.q-chap-tile span { font: 600 14.5px/1.3 var(--sans); }

.q-lightbox {
  max-width: min(1440px, 96vw);
  padding: 14px;
  background: #040907;
  border: 14px solid transparent;
  border-image: url("panel.webp") 32 50 fill / 14px 18px;
  color: var(--cream);
}
.q-lightbox::backdrop { background: rgba(0, 0, 0, 0.92); }
.q-lightbox img {
  display: block;
  max-height: 82vh;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.q-lightbox__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  font: 600 14px/1.3 var(--mono);
}

.q-docnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 38px;
  padding: 20px 24px;
}

.q-footer-strip {
  margin-top: 44px;
  padding: 24px clamp(14px, 2.4vw, 32px);
  background: #040a07;
  border-top: 2px solid #2b4232;
}
.q-footer-inner {
  max-width: var(--maxw);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.q-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.q-footer-links a {
  font: 700 13px/1.2 var(--ui);
  letter-spacing: 0.05em;
  color: var(--cream);
  text-transform: uppercase;
  text-decoration: none;
}
.q-footer-links a:hover { color: var(--green-hi); }
.q-footer-note {
  font: 600 12.5px/1.4 var(--mono);
  color: var(--muted);
}

/* Motion Reveal */
.q-reveal {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 280ms ease, transform 280ms ease;
}
html.js-ready .q-reveal.is-pending {
  opacity: 0;
  transform: translateY(14px);
}

/* 11b. PLATED 5-STAGE HALVING SIMULATOR (VZ04) & ROTARY ALLOCATION DIAL SUITE (VZ01/VZ02/VZ05) */

.q-halving-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 16px;
  align-items: stretch;
  margin: 14px 0 18px;
}
.q-halving-hero__art {
  min-width: 0;
  padding: 12px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #04100b;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.q-halving-hero__art img {
  display: block;
  width: 100%;
  height: auto;
  border: 2px solid #2b4735;
}
.q-halving-hero__caps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: space-between;
}
.q-halving-hero__caps span {
  padding: 4px 8px;
  border: 5px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 5px 7px stretch;
  background-color: #061610;
  font: 700 10.5px/1.15 var(--mono);
  color: var(--gold);
  letter-spacing: 0.04em;
}
.q-halving-hero__ctrl {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.q-stage-sim__range-ticks {
  display: flex;
  justify-content: space-between;
  font: 600 11px/1 var(--mono);
  color: var(--muted);
  margin-top: 2px;
}

.q-rounds-hero {
  margin: 0 0 16px;
  padding: 12px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #04100b;
}
.q-rounds-hero img {
  display: block;
  width: 100%;
  height: auto;
  border: 2px solid #2b4735;
}
.q-rounds-hero__caps {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  font: 700 10.5px/1.2 var(--mono);
  letter-spacing: 0.05em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-rounds-hero__caps em {
  font-style: normal;
  color: var(--orange);
}

/* 5-Stage Plated Stepper Cards */
.q-stage-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}
.q-step-card {
  min-width: 0;
  padding: 11px 12px;
  border: 12px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
  background-color: #04100b;
  transition: transform 150ms ease, box-shadow 150ms ease;
}
.q-step-card.is-active {
  border-width: 13px;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 13px;
  background-color: #061d12;
  box-shadow: 0 8px 22px rgba(37, 220, 113, 0.18);
}
.q-step-card.is-complete {
  box-shadow: inset 0 0 0 1px rgba(37, 220, 113, 0.5);
}
.q-step-card__top {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  font: 700 11px/1.1 var(--mono);
  color: var(--muted);
}
.q-step-card.is-active .q-step-card__num {
  color: var(--gold);
}
.q-step-card.is-complete .q-step-card__num {
  color: var(--green-hi);
}
.q-step-card__pct {
  color: var(--ink-hi);
}
.q-step-card__title {
  font: 700 12.5px/1.3 var(--sans);
  color: var(--ink-hi);
  margin: 6px 0 4px;
  overflow-wrap: anywhere;
}
.q-step-card__quota {
  font: 500 11px/1.25 var(--mono);
  color: var(--cream);
  overflow-wrap: anywhere;
}
.q-step-card__rate {
  font: 700 11px/1.2 var(--mono);
  color: var(--orange);
  margin-top: 5px;
}
.q-step-card__bar {
  height: 6px;
  background: #081810;
  border: 1px solid rgba(82, 110, 88, 0.45);
  margin-top: 8px;
  overflow: hidden;
}
.q-step-card__fill {
  height: 100%;
  background-color: #e5b322;
  box-shadow: inset 0 1px 0 #ffec9e;
  transition: width 160ms ease;
}
.q-step-card__fill--orange { background-color: #ff610b; box-shadow: inset 0 1px 0 #ffb386; }
.q-step-card__fill--green { background-color: #25dc71; box-shadow: inset 0 1px 0 #a4ffca; }
.q-step-card__fill--sky { background-color: #4a9eff; box-shadow: inset 0 1px 0 #abd5ff; }
.q-step-card__fill--amber { background-color: #e5b322; box-shadow: inset 0 1px 0 #ffec9e; }
.q-step-card__fill--violet { background-color: #8f6cf0; box-shadow: inset 0 1px 0 #d5c4ff; }

/* Plated Constitutional Formula Readout inside Stage Simulator */
.q-stage-formula-plate {
  padding: 12px 14px;
  border: 14px solid transparent;
  border-image: url("CP04-quant-formula-plate.png") 68 68 68 68 fill / 14px / 0 stretch round;
  background-color: #020906;
  margin-top: 6px;
}
.q-stage-formula-plate__bar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
  font: 700 10.5px/1.2 var(--mono);
  color: var(--gold);
  margin-bottom: 6px;
  letter-spacing: 0.05em;
}
.q-badge-verified {
  color: var(--green-hi);
  letter-spacing: 0.06em;
}
.q-stage-formula-plate__math {
  font: 600 12.5px/1.5 var(--mono);
  color: #dcffe9;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Tubes Bay */
.q-tubes-bay {
  margin-top: 18px;
  border-top: 2px solid rgba(82, 110, 88, 0.36);
  padding-top: 14px;
}
.q-tubes-bay__title {
  font: 700 12px/1.25 var(--ui);
  letter-spacing: 0.06em;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* Codex Rotary Vault Allocation Dial Suite (VZ01 / VZ02 / VZ05) */
.q-pie-layout {
  display: grid;
  grid-template-columns: minmax(260px, 380px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  margin: 16px 0 6px;
}
.q-pie-stage {
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  min-width: 0;
}
.q-pie-dial-frame {
  padding: 12px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #04100b;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.q-pie-dial-img {
  display: block;
  width: 100%;
  height: auto;
  border: 2px solid #2b4735;
}
.q-pie-dial-readout {
  padding: 10px 12px;
  border: 9px solid transparent;
  border-image: url("deck/lcd.webp") 42 62 42 62 fill / 9px 13px stretch;
  background-color: #04120c;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.q-pie-dial-readout__val {
  font: 400 clamp(18px, 2vw, 23px)/1.1 var(--display);
  color: var(--gold);
  letter-spacing: 0.02em;
}
.q-pie-dial-readout__sub {
  font: 700 11px/1.2 var(--mono);
  letter-spacing: 0.06em;
  color: var(--green-hi);
  text-transform: uppercase;
}

.q-pie-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.q-pie-card {
  padding: 16px 18px;
  border: 15px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 15px;
  background-color: #04100b;
  min-width: 0;
}
.q-pie-card.is-superior {
  border-width: 18px;
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 18px;
  background-color: #041a10;
  box-shadow: 0 10px 26px rgba(37, 220, 113, 0.18), inset 0 0 20px rgba(37, 220, 113, 0.08);
}
.q-pie-card__badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 12px;
  border-radius: 0;
  border: 7px solid transparent;
  border-image: url("CP07-engraved-eyebrow-tag.png") 75 86 75 85 fill / 7px 12px 7px 12px stretch;
  background-color: #031510;
  font: 700 11px/1.2 var(--mono);
  letter-spacing: 0.06em;
  color: var(--gold);
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
}
.q-pie-card.is-superior .q-pie-card__badge {
  border-width: 8px 16px;
  border-image: url("CP11-superior-winner-seal.png") 98 195 98 195 fill / 8px 16px 8px 16px stretch;
  background-color: #062114;
}
.q-pie-card__title {
  font: 400 clamp(18px, 2vw, 23px)/1.15 var(--display);
  color: var(--ink-hi);
  margin: 10px 0 8px;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.q-tone-emerald { color: var(--green-hi); }
.q-tone-sky { color: var(--sky); }
.q-tone-orange { color: var(--orange); }
.q-tone-violet { color: #b99eff; }
.q-tone-slate { color: #c8d6ce; }
.q-tone-gold { color: var(--gold); }

.q-pie-card__stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: baseline;
  margin-bottom: 8px;
}
.q-pie-card__stat-val {
  font: 700 21px/1.1 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--ink-hi);
}
.q-pie-card__stat-pct {
  font: 700 13px/1.1 var(--mono);
  color: var(--gold);
}
.q-pie-card__desc {
  font: 400 15px/1.58 var(--sans);
  color: var(--cream);
  margin: 0;
}

.q-pie-legend {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.q-legend-item {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  padding: 9px 12px;
  border-radius: 0;
  border: 8px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 8px 10px stretch;
  background-color: #05110c;
  color: var(--cream);
  text-align: left;
  cursor: pointer;
  font: inherit;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.q-legend-item:hover,
.q-legend-item.is-selected {
  background-color: #092116;
  box-shadow: inset 0 0 0 2px var(--gold);
}
.q-legend-item.is-superior.is-selected {
  box-shadow: inset 0 0 0 2px var(--green-hi);
}
.q-legend-item__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.q-legend-swatch {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.q-swatch--emerald { background-color: #25dc71; }
.q-swatch--sky { background-color: #4a9eff; }
.q-swatch--orange { background-color: #ff610b; }
.q-swatch--violet { background-color: #8f6cf0; }
.q-swatch--slate { background-color: #789082; }
.q-swatch--gold { background-color: #e5b322; }

.q-legend-name {
  font: 700 13px/1.25 var(--sans);
  color: var(--ink-hi);
  flex: 1 1 150px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.q-legend-sup-tag {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  background: rgba(37, 220, 113, 0.2);
  border: 1px solid rgba(37, 220, 113, 0.55);
  font: 700 10px/1.2 var(--mono);
  font-style: normal;
  color: var(--gold);
  letter-spacing: 0.05em;
}
.q-legend-q {
  font: 600 12px/1.2 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--muted);
}
.q-legend-val {
  font: 700 13px/1.2 var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--gold);
}
.q-legend-bar {
  width: 100%;
  height: 5px;
  background: #081810;
  border: 1px solid rgba(82, 110, 88, 0.42);
  overflow: hidden;
}
.q-legend-bar__fill {
  display: block;
  height: 100%;
}

/* ---- 11c. INTERACTIVE CUTOUT STAGES, STACKED HORIZONTAL+VERTICAL CODEX PLATES & DATA ROOM WINGS ---- */
.q-cutout-deck {
  margin: 1.8em 0;
  padding: 18px;
  border: 22px solid transparent;
  border-image: url("CP06-simulator-console-plate.png") 150 156 150 156 fill / 24px 26px;
  background-color: #040e0a;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.68);
}

.q-plate-stack {
  display: grid;
  grid-template-columns: minmax(0, 1.38fr) minmax(250px, 0.62fr);
  gap: 16px;
  align-items: stretch;
  margin: 14px 0 16px;
}
.q-plate-stack--tower {
  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);
}

.q-cutout-stage {
  position: relative;
  min-width: 0;
  padding: 10px;
  border: 14px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 14px;
  background-color: #030b08;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.q-cutout-stage__frame,
.q-cutout-stage__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 2px solid #2b4735;
  background-color: #020705;
}
.q-cutout-stage__bg {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}
.q-cutout-stage__cap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  font: 700 11px/1.25 var(--mono);
  letter-spacing: 0.05em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-cutout-stage__cap span:last-child {
  color: var(--green-hi);
}

/* Interactive Hotspots Positioned Over Codex Plates */
.q-hotspot {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 4px 3px;
  border: 2px solid rgba(255, 210, 63, 0.22);
  background-color: rgba(3, 12, 8, 0.14);
  color: var(--ink-hi);
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.q-hotspot:hover,
.q-hotspot.is-active {
  border-color: var(--gold);
  background-color: rgba(37, 220, 113, 0.16);
  box-shadow: 0 0 18px rgba(37, 220, 113, 0.45), inset 0 0 12px rgba(255, 210, 63, 0.28);
}
.q-hotspot__tag {
  padding: 2px 6px;
  background-color: rgba(3, 12, 8, 0.92);
  border: 1px solid rgba(255, 210, 63, 0.62);
  font: 700 10px/1.15 var(--mono);
  letter-spacing: 0.04em;
  color: var(--gold);
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
}
.q-hotspot.is-active .q-hotspot__tag {
  background-color: #062516;
  border-color: var(--green-hi);
  color: var(--green-hi);
}

/* VZ07 Landscape 7-Hopper Hotspots */
.q-hotspot--hop0 { left: 7.4%; width: 11.6%; top: 18%; bottom: 11%; }
.q-hotspot--hop1 { left: 19.7%; width: 11.6%; top: 30%; bottom: 11%; }
.q-hotspot--hop2 { left: 31.9%; width: 11.6%; top: 30%; bottom: 11%; }
.q-hotspot--hop3 { left: 44.2%; width: 11.6%; top: 44%; bottom: 11%; }
.q-hotspot--hop4 { left: 56.5%; width: 11.6%; top: 44%; bottom: 11%; }
.q-hotspot--hop5 { left: 68.7%; width: 11.6%; top: 56%; bottom: 11%; }
.q-hotspot--hop6 { left: 81.0%; width: 11.6%; top: 56%; bottom: 11%; }

/* VZ07V Portrait 7-Tube Hotspots */
.q-hotspot--vtube {
  flex-direction: row;
  justify-content: space-between;
  padding: 2px 8px;
  left: 16%;
  width: 68%;
  height: 9.5%;
  transform: translateY(-50%);
}
.q-hotspot--vtube0 { top: 15.9%; }
.q-hotspot--vtube1 { top: 29.1%; }
.q-hotspot--vtube2 { top: 41.3%; }
.q-hotspot--vtube3 { top: 52.4%; }
.q-hotspot--vtube4 { top: 62.9%; }
.q-hotspot--vtube5 { top: 73.6%; }
.q-hotspot--vtube6 { top: 84.2%; }

/* VZ09 Landscape 5 Revenue Turbines + Master Collector Hotspots */
.q-hotspot--eng0 { left: 7.2%; width: 11.4%; top: 40%; bottom: 11%; }
.q-hotspot--eng1 { left: 19.4%; width: 11.4%; top: 40%; bottom: 11%; }
.q-hotspot--eng2 { left: 31.4%; width: 11.4%; top: 40%; bottom: 11%; }
.q-hotspot--eng3 { left: 43.4%; width: 11.4%; top: 40%; bottom: 11%; }
.q-hotspot--eng4 { left: 55.4%; width: 11.4%; top: 40%; bottom: 11%; }
.q-hotspot--eng5 { left: 68.6%; width: 24.4%; top: 24%; bottom: 11%; }

/* VZ09V Waterfall Cutout Rotor Wheel */
.q-waterfall-rotor {
  position: absolute;
  left: 49.95%;
  top: 46.19%;
  width: 28.9%;
  height: auto;
  z-index: 4;
  pointer-events: none;
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.72));
}

/* VZ10 Symmetrical Dual-Coin Bridge Cutouts */
.q-dualbridge-crest {
  position: absolute;
  left: 21.89%;
  top: 48.51%;
  width: 11.2%;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 4;
  pointer-events: none;
  filter: drop-shadow(0 0 16px rgba(255, 210, 63, 0.52));
}
.q-dualbridge-knob {
  position: absolute;
  left: 78.86%;
  top: 49.63%;
  width: 13.8%;
  height: auto;
  z-index: 4;
  pointer-events: none;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.8));
}
.q-dualbridge-readout {
  position: absolute;
  bottom: 10%;
  z-index: 5;
  padding: 4px 10px;
  background-color: rgba(3, 12, 8, 0.94);
  border: 1px solid var(--gold);
  font: 700 11px/1.2 var(--mono);
  color: var(--gold);
  transform: translateX(-50%);
  white-space: nowrap;
  pointer-events: none;
}
.q-dualbridge-readout--left { left: 21.89%; }
.q-dualbridge-readout--right { left: 78.86%; color: var(--green-hi); border-color: var(--green-hi); }

/* VZ11 Five-Phase Pedestal Hotspots */
.q-hotspot--ph0 { left: 6.8%; width: 16.5%; top: 58%; bottom: 10%; }
.q-hotspot--ph1 { left: 24.2%; width: 16.5%; top: 47%; bottom: 10%; }
.q-hotspot--ph2 { left: 41.7%; width: 16.5%; top: 36%; bottom: 10%; }
.q-hotspot--ph3 { left: 59.1%; width: 16.5%; top: 24%; bottom: 10%; }
.q-hotspot--ph4 { left: 76.6%; width: 16.5%; top: 13%; bottom: 10%; }

/* VZ13 Private Investor 7-Chamber Manifold Hotspots */
.q-hotspot--uof0 { left: 9.5%; width: 11.4%; top: 22%; bottom: 10%; }
.q-hotspot--uof1 { left: 21.1%; width: 11.4%; top: 22%; bottom: 10%; }
.q-hotspot--uof2 { left: 32.7%; width: 11.4%; top: 22%; bottom: 10%; }
.q-hotspot--uof3 { left: 44.3%; width: 11.4%; top: 22%; bottom: 10%; }
.q-hotspot--uof4 { left: 55.9%; width: 11.4%; top: 22%; bottom: 10%; }
.q-hotspot--uof5 { left: 67.5%; width: 11.4%; top: 22%; bottom: 10%; }
.q-hotspot--uof6 { left: 79.1%; width: 11.4%; top: 22%; bottom: 10%; }

/* VZ08 14-Floor Tower Cutaway + Riding Cutout Elevator Car */
.q-tower-cab {
  position: absolute;
  left: 50%;
  width: 10.6%;
  height: auto;
  z-index: 5;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: top 440ms cubic-bezier(0.22, 1, 0.36, 1);
  filter: drop-shadow(0 0 14px rgba(255, 210, 63, 0.65));
}
.q-tower-band {
  position: absolute;
  left: 11%;
  width: 78%;
  height: 5.1%;
  transform: translateY(-50%);
  z-index: 3;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.q-tower-band:hover,
.q-tower-band.is-active {
  background-color: rgba(37, 220, 113, 0.16);
  border-color: var(--gold);
  box-shadow: inset 0 0 14px rgba(255, 210, 63, 0.34);
}
.q-tower-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.q-tower-btns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.q-tower-btn {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 7px solid transparent;
  border-image: url("deck/bay.webp") 40 52 40 52 fill / 7px 9px stretch;
  background-color: #05120c;
  color: var(--cream);
  text-align: left;
  cursor: pointer;
  font: 700 12px/1.2 var(--ui);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.q-tower-btn:hover,
.q-tower-btn.is-active {
  background-color: #072216;
  color: var(--green-hi);
  box-shadow: inset 0 0 0 2px var(--gold);
}
.q-tower-btn b {
  font: 700 11.5px/1 var(--mono);
  color: var(--gold);
  flex-shrink: 0;
}
.q-tower-btn span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* VZ12 Institutional Data Room Vault Atrium + Cutout Wheel + 4 Archive Wings */
.q-vault-rotor {
  position: absolute;
  left: 49.91%;
  top: 45.75%;
  width: 6.58%;
  height: auto;
  z-index: 4;
  pointer-events: none;
  transition: transform 380ms cubic-bezier(0.22, 1, 0.36, 1);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.8));
}
.q-hotspot--wing0 { left: 5.5%; width: 22%; top: 14%; height: 31%; }
.q-hotspot--wing1 { left: 5.5%; width: 22%; top: 47%; height: 32%; }
.q-hotspot--wing2 { left: 72.5%; width: 22%; top: 14%; height: 31%; }
.q-hotspot--wing3 { left: 72.5%; width: 22%; top: 47%; height: 32%; }

.q-dataroom-wings {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 22px;
}
.q-wing-tab {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 13px 14px;
  border: 12px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
  background-color: #04100b;
  color: var(--cream);
  text-align: left;
  cursor: pointer;
  transition: transform 130ms ease, box-shadow 130ms ease;
}
.q-wing-tab:hover,
.q-wing-tab.is-active {
  border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 12px;
  background-color: #051c11;
  box-shadow: 0 10px 24px rgba(37, 220, 113, 0.18);
  transform: translateY(-2px);
}
.q-wing-tab__top {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
}
.q-wing-tab__top img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  flex-shrink: 0;
}
.q-wing-tab__code {
  font: 700 11px/1.1 var(--mono);
  letter-spacing: 0.06em;
  color: var(--gold);
  text-transform: uppercase;
}
.q-wing-tab__title {
  font: 400 17px/1.15 var(--display);
  color: var(--ink-hi);
  text-transform: uppercase;
}
.q-wing-tab.is-active .q-wing-tab__title {
  color: var(--green-hi);
}
.q-wing-tab__sub {
  font: 400 13.5px/1.42 var(--sans);
  color: var(--muted);
}

.q-dataroom-panel[hidden] {
  display: none !important;
}

.q-product-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

/* Extended Icon Sheet 2 Cards (Keeps .q-iconcard === 16 invariant intact) */
.q-iconcard-ext {
  padding: 16px 14px;
  border: 16px solid transparent;
  border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 16px;
  background-color: #040f0b;
  text-align: center;
}
.q-iconcard-ext img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  margin: 0 auto 10px;
  display: block;
}
.q-iconcard-ext b {
  display: block;
  font: 700 13px/1.25 var(--ui);
  color: var(--gold);
  margin-bottom: 5px;
}
.q-iconcard-ext span {
  display: block;
  font: 400 13.5px/1.42 var(--sans);
  color: var(--cream);
}

/* ---- 12. RESPONSIVE BREAKPOINTS ---- */
@media (max-width: 1380px) {
  .q-siteactions .q-hide-compact {
    display: none;
  }
}

@media (max-width: 1220px) {
  .q-topsuite {
    display: none;
  }
  .q-hbtn.q-docs-toggle {
    display: inline-flex;
  }
}

@media (max-width: 1220px) {
  .q-hero-spread,
  .q-sheet {
    grid-template-columns: minmax(0, 1fr);
  }
  .q-ia-map,
  .q-dataroom-wings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .q-telem-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .q-stage-stepper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .q-plate-stack,
  .q-plate-stack--tower {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 920px) {
  .q-halving-hero,
  .q-pie-layout,
  .q-product-gallery {
    grid-template-columns: minmax(0, 1fr);
  }
  .q-landscape__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .q-landscape__winner-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1220px) {
  .q-tablewrap--wide .q-scroll-hint {
    display: none !important;
  }
  .q-tablewrap--wide .q-tablescroll {
    overflow-x: visible;
  }
  .q-tablewrap--wide table,
  .q-tablewrap--wide tbody {
    display: block;
    width: 100%;
  }
  .q-tablewrap--wide thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .q-tablewrap--wide tbody tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
    gap: 8px 10px;
    margin-bottom: 10px;
    padding: 12px 14px;
    border: 12px solid transparent;
    border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
    background-color: #04100b;
  }
  .q-tablewrap--wide tbody tr:last-child {
    margin-bottom: 4px;
  }
  .q-tablewrap--wide tbody tr.is-champion {
    border-width: 13px;
    border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 13px;
    background-color: #041910;
  }
  .q-tablewrap--wide tbody tr.is-total {
    border-width: 13px;
    border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 13px;
    background-color: #081e11;
  }
  .q-tablewrap--wide tbody tr > td:first-child {
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    min-width: 0 !important;
    padding: 2px 2px 9px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 210, 63, 0.36) !important;
    box-shadow: none !important;
    font-family: var(--display);
    font-size: 16.5px;
    font-weight: 400;
    line-height: 1.32;
    color: var(--ink-hi);
    text-transform: uppercase;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .q-tablewrap--wide tbody tr > td:not(:first-child) {
    display: block;
    min-width: 0 !important;
    padding: 8px 10px;
    background-color: #05130d !important;
    border: 6px solid transparent !important;
    border-image: url("deck/lcd.webp") 42 62 42 62 fill / 6px 9px stretch !important;
    box-shadow: none !important;
    text-align: left !important;
    white-space: normal !important;
    font-size: 15px;
    line-height: 1.44;
    overflow-wrap: anywhere;
  }
  .q-tablewrap--wide tbody tr > td.is-prose:not(:first-child),
  .q-tablewrap--wide tbody tr > td.is-prose-wide:not(:first-child),
  .q-tablewrap--wide tbody tr > td.is-mobile-span:not(:first-child) {
    grid-column: 1 / -1;
  }
  .q-tablewrap--wide td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 3px;
    font: 700 10.5px/1.22 var(--mono);
    letter-spacing: 0.05em;
    color: var(--gold);
    text-transform: uppercase;
  }
  .q-tablewrap--wide .q-cell-meter {
    margin-left: 0;
    max-width: 180px;
  }
  .q-tablewrap--wide .q-nowrap-range {
    white-space: normal;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 13.5px;
    padding: 2px 6px;
  }
}

@media (max-width: 960px) {
  .q-scroll-hint,
  .q-tablewrap--wide .q-scroll-hint {
    display: none !important;
  }
  .q-nowrap-range {
    white-space: normal;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 13.5px;
    padding: 2px 6px;
  }
  .q-tablewrap--cards-mobile .q-tablescroll,
  .q-tablewrap--wide .q-tablescroll {
    overflow-x: visible;
  }
  .q-tablewrap--cards-mobile table,
  .q-tablewrap--cards-mobile tbody,
  .q-tablewrap--wide table,
  .q-tablewrap--wide tbody {
    display: block;
    width: 100%;
  }
  .q-tablewrap--cards-mobile thead,
  .q-tablewrap--wide thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .q-tablewrap--cards-mobile tbody tr,
  .q-tablewrap--wide tbody tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(192px, 1fr));
    gap: 8px 10px;
    margin-bottom: 10px;
    padding: 12px 14px;
    border: 12px solid transparent;
    border-image: url("CP05-bento-module-plate.png") 88 88 84 88 fill / 12px;
    background-color: #04100b;
  }
  .q-tablewrap--cards-mobile tbody tr:last-child,
  .q-tablewrap--wide tbody tr:last-child {
    margin-bottom: 4px;
  }
  .q-tablewrap--cards-mobile tbody tr.is-champion,
  .q-tablewrap--wide tbody tr.is-champion {
    border-width: 13px;
    border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 13px;
    background-color: #041910;
  }
  .q-tablewrap--cards-mobile tbody tr.is-total,
  .q-tablewrap--wide tbody tr.is-total {
    border-width: 13px;
    border-image: url("CP10-superior-champion-plate.png") 118 118 118 118 fill / 13px;
    background-color: #081e11;
  }
  .q-tablewrap--cards-mobile tbody tr > td:first-child,
  .q-tablewrap--wide tbody tr > td:first-child {
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    min-width: 0 !important;
    padding: 2px 2px 9px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 210, 63, 0.36) !important;
    box-shadow: none !important;
    font-family: var(--display);
    font-size: 16.5px;
    font-weight: 400;
    line-height: 1.32;
    color: var(--ink-hi);
    text-transform: uppercase;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .q-tablewrap--cards-mobile tbody tr > td:not(:first-child),
  .q-tablewrap--wide tbody tr > td:not(:first-child) {
    display: block;
    min-width: 0 !important;
    padding: 8px 10px;
    background-color: #05130d !important;
    border: 6px solid transparent !important;
    border-image: url("deck/lcd.webp") 42 62 42 62 fill / 6px 9px stretch !important;
    box-shadow: none !important;
    text-align: left !important;
    white-space: normal !important;
    font-size: 15px;
    line-height: 1.44;
    overflow-wrap: anywhere;
  }
  .q-tablewrap--cards-mobile tbody tr > td.is-prose:not(:first-child),
  .q-tablewrap--cards-mobile tbody tr > td.is-prose-wide:not(:first-child),
  .q-tablewrap--cards-mobile tbody tr > td.is-mobile-span:not(:first-child),
  .q-tablewrap--wide tbody tr > td.is-prose:not(:first-child),
  .q-tablewrap--wide tbody tr > td.is-prose-wide:not(:first-child),
  .q-tablewrap--wide tbody tr > td.is-mobile-span:not(:first-child) {
    grid-column: 1 / -1;
  }
  .q-tablewrap--cards-mobile td[data-label]::before,
  .q-tablewrap--wide td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 3px;
    font: 700 10.5px/1.22 var(--mono);
    letter-spacing: 0.05em;
    color: var(--gold);
    text-transform: uppercase;
  }
  .q-tablewrap--cards-mobile .q-cell-meter,
  .q-tablewrap--wide .q-cell-meter {
    margin-left: 0;
    max-width: 180px;
  }
  .q-tablewrap--wide .q-nowrap-range {
    white-space: normal;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 13.5px;
    padding: 2px 6px;
  }
}

@media (max-width: 820px) {
  .q-versus__heads,
  .q-versus__pair {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .q-versus__mob-lbl {
    display: block;
  }
  .q-stage-stepper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .q-ledger-bar span:last-child:not(:first-child),
  .q-math-plate__bar span:last-child:not(:first-child) {
    display: none;
  }
  .q-spec-head {
    display: none;
  }
  .q-spec-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    padding: 10px 12px;
  }
  .q-siteactions .q-hide-compact {
    display: none;
  }
}

@media (max-width: 900px) {
  .q-sitebar {
    min-height: 60px;
    padding: 7px 10px;
    gap: 8px;
  }
  .q-chapbar {
    top: 0;
    position: relative;
    flex-wrap: wrap;
    gap: 8px;
    padding: 7px 12px;
  }
  .q-chapbar__left {
    flex: 1 1 100%;
  }
  .q-chapbar__right {
    flex: 1 1 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 0;
    gap: 6px;
  }
  .q-squares { display: none; }
  .q-hubgrid { grid-template-columns: minmax(0, 1fr); }
  .q-wp-plaques { grid-template-columns: minmax(0, 1fr); }
  .q-chap-head {
    grid-template-columns: 54px minmax(0, 1fr);
    border-width: 16px;
    border-image-width: 16px 24px 14px 44px;
    padding: 12px 14px;
  }
  .q-chap-icon { width: 54px; height: 54px; }
  .q-chap-roman { display: none; }
  .q-lockers { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .q-skyline {
    overflow-x: auto;
    grid-template-columns: repeat(10, minmax(62px, 1fr));
  }
  .q-elev__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .q-elev__scene {
    height: 150px;
    min-height: 150px;
    order: -1;
  }
}

@media (max-width: 560px) {
  body { font-size: 16.5px; }
  .q-prose { font-size: 17px; }
  .q-brand__meta { display: none; }
  .q-siteactions .q-hbtn--ghost,
  .q-siteactions .q-hbtn--signin,
  .q-siteactions a.q-hbtn--apply,
  .q-chapbar [data-print-btn] { display: none; }
  .q-siteactions { gap: 5px; }
  .q-sitebar__brandwrap { gap: 6px; }
  .q-brand__crest { width: 34px; height: 34px; }
  .q-elev-call { width: 78px; height: 34px; }
  .q-siteactions .q-hbtn {
    padding: 4px 9px;
    font-size: 11px;
    min-height: 34px;
    border-width: 6px 9px 8px 9px;
    border-image-width: 6px 9px 8px 9px;
  }
  .q-allchap-btn {
    padding: 7px 10px;
    font-size: 11.5px;
  }
  .q-chapbar .q-next-plate {
    padding: 7px 12px;
    font-size: 12px;
    min-height: 36px;
    border-width: 7px 10px 9px 10px;
    border-image-width: 7px 10px 9px 10px;
  }
  .q-hero-subgrid,
  .q-telem-strip,
  .q-ia-map,
  .q-dataroom-wings,
  .q-bento-grid,
  .q-elev__panel,
  .q-stage-stepper,
  .q-vizplate-grid,
  .q-tower-btns {
    grid-template-columns: minmax(0, 1fr);
  }
  .q-bento-card__top {
    grid-template-columns: 42px 38px minmax(0, 1fr);
    gap: 9px;
  }
  .q-bento-card__icon-bay { width: 42px; height: 42px; }
  .q-bento-card__idx { width: 38px; height: 38px; }
  .q-lockers,
  .q-tubes,
  .q-manifold,
  .q-tubes--skyline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .q-tube,
  .q-chamber { padding: 7px 8px; border-width: 10px; border-image-width: 10px; }
  .q-kpi--span2 { grid-column: span 1; }
  .q-hero-copy {
    padding: 14px 12px;
    border-width: 12px;
    gap: 14px;
  }
  .q-hero-art {
    padding: 12px 10px;
    border-width: 12px;
  }
  .q-hero-h1 {
    font-size: clamp(26px, 8vw, 34px);
    overflow-wrap: anywhere;
  }
  .q-hero-h1 em {
    font-size: clamp(19px, 5.8vw, 24px);
  }
  .q-coin-plaque {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
    border-width: 14px;
    gap: 10px;
  }
  .q-coin-plaque h3 {
    font-size: 17px;
    overflow-wrap: anywhere;
  }
  .q-coin-plaque p {
    font-size: 16px;
    line-height: 1.55;
  }
  .q-plate figcaption {
    flex-wrap: wrap;
    gap: 8px;
  }
  .q-chapter-card { padding: 16px 12px; border-width: 12px; }
  .q-sheet {
    padding: 14px 12px;
    border-width: 12px;
    gap: 14px;
  }
  .q-preview-stage,
  .q-cutout-deck {
    padding: 12px 10px;
    border-width: 16px;
    border-image-width: 18px;
  }
  .q-viz {
    padding: 14px 10px;
    border-width: 18px;
    border-image-width: 20px 20px;
  }
  .q-tablewrap {
    border-width: 44px 12px 16px 12px;
    border-image-width: 44px 12px 16px 12px;
    padding: 0 2px 4px;
  }
  .q-ledger-bar {
    margin: -34px 2px 10px;
    font-size: 10.5px;
  }
  .q-versus__head,
  .q-versus__head--sup,
  .q-landscape__winner,
  .q-pie-card,
  .q-pie-card.is-superior {
    padding: 12px;
    border-width: 12px;
    border-image-width: 12px;
  }
  .q-versus__cell,
  .q-versus__cell--sup,
  .q-versus__cell--pillar {
    padding: 10px 12px;
    border-width: 10px;
    border-image-width: 10px;
    font-size: 15.5px;
  }
  .q-callout-plate,
  .q-prose blockquote {
    padding: 14px 14px;
    border-width: 16px;
    border-image-width: 16px;
  }
  .q-hotspot__tag {
    font-size: 8.5px;
    padding: 1px 4px;
  }
}

@media (max-width: 440px) {
  .q-docs-toggle__full,
  .q-buy-full {
    display: none;
  }
  .q-docs-toggle__short,
  .q-buy-short {
    display: inline;
  }
  .q-sitebar {
    padding: 6px 8px;
    gap: 5px;
  }
  .q-elev-call {
    width: 72px;
    height: 32px;
  }
  .q-siteactions .q-hbtn {
    padding: 4px 7px;
    font-size: 10.5px;
    min-height: 32px;
    border-width: 5px 8px 7px 8px;
    border-image-width: 5px 8px 7px 8px;
  }
}

@media (max-width: 420px) {
  .q-wrap {
    padding-left: 8px;
    padding-right: 8px;
  }
  .q-tubes,
  .q-manifold,
  .q-tubes--skyline {
    grid-template-columns: minmax(0, 1fr);
  }
  .q-chapter-card {
    padding: 12px 8px;
    border-width: 8px;
    border-image-width: 8px 10px;
  }
  .q-tablewrap {
    border-width: 40px 8px 14px 8px;
    border-image-width: 40px 8px 14px 8px;
    padding: 0 1px 4px;
  }
  .q-tablescroll {
    padding: 2px 0;
  }
  .q-tablewrap--cards-mobile tbody tr,
  .q-tablewrap--wide tbody tr,
  .q-tablewrap--dossier tbody tr {
    grid-template-columns: minmax(0, 1fr);
    padding: 9px 10px;
    border-width: 9px;
    border-image-width: 9px;
  }
  .q-tablewrap--cards-mobile tbody tr.is-champion,
  .q-tablewrap--wide tbody tr.is-champion,
  .q-tablewrap--dossier tbody tr.is-champion,
  .q-tablewrap--cards-mobile tbody tr.is-total,
  .q-tablewrap--wide tbody tr.is-total,
  .q-tablewrap--dossier tbody tr.is-total {
    border-width: 10px;
    border-image-width: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Clean Zero-Inline-Style Layout & Telemetry Utilities */
.q-flex-row { display: flex; flex-wrap: wrap; gap: 10px; }
.q-flex-row--tight { display: flex; flex-wrap: wrap; gap: 8px; }
.q-sheet__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.q-m-0 { margin: 0; }
.q-my-10 { margin: 10px 0; }
.q-mt-24 { margin-top: 24px; }
.q-mt-26 { margin-top: 26px; }
.q-mb-12 { margin-bottom: 12px; }
.q-mb-24 { margin-bottom: 24px; }
.q-pt-12 { padding-top: 12px; }
.q-px-12 { padding-left: 12px; padding-right: 12px; }
.q-kpi--span2 { grid-column: span 2; }
.q-kpi__note--lead { font-size: 15.5px; color: var(--ink-hi); margin-top: 6px; }
.q-font-display { font-family: var(--display); font-size: 25px; }
.q-font-sans { font-family: var(--sans); font-weight: 700; font-size: 25px; }
.q-font-mono { font-family: var(--mono); font-size: 22px; }
.q-swatch__chip--c0 { background: #030805; }
.q-swatch__chip--c1 { background: #07130e; }
.q-swatch__chip--c2 { background: #3a473b; }
.q-swatch__chip--c3 { background: #25dc71; }
.q-swatch__chip--c4 { background: #ff610b; }
.q-swatch__chip--c5 { background: #ffa21f; }
.q-swatch__chip--c6 { background: #ffd23f; }
.q-swatch__chip--c7 { background: #4a9eff; }
.q-swatch__chip--c8 { background: #a585ff; }
.q-swatch__chip--c9 { background: #f4ebd6; }

@media print {
  .q-sitebar, .q-docs-drawer, .q-chapbar, .q-docnav, .q-preview-stage, .q-elev, .q-footer-strip, .q-scroll-hint { display: none !important; }
  body, html { background: #fff !important; color: #111 !important; font-size: 10pt; }
  .q-wrap { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .q-riveted, .q-chapter-card, .q-viz, .q-cutout-deck, .q-plate, .q-tablewrap, .q-bento-card, .q-callout-plate, .q-math-plate, .q-kpi, .q-enamel, .q-coin-plaque, .q-hero-mini, .q-telem-cell, .q-locker, .q-tube, .q-chamber, .q-versus__head, .q-versus__cell, .q-landscape__row, .q-landscape__winner, .q-spec-row, .q-step-card, .q-pie-card, .q-pie-dial-frame, .q-legend-item, .q-rounds-hero, .q-sup-badge, .q-alt-badge, .q-tchip, .q-champ-tag, .q-nowrap-range {
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    border: 1px solid #888 !important;
    border-image: none !important;
  }
  .q-tablescroll { overflow: visible !important; }
  .q-tablewrap table { display: table !important; width: 100% !important; border-collapse: collapse !important; border-spacing: 0 !important; }
  .q-tablewrap thead {
    display: table-header-group !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
    white-space: normal !important;
  }
  .q-tablewrap tbody { display: table-row-group !important; }
  .q-tablewrap tbody tr { display: table-row !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-image: none !important; background: #fff !important; }
  .q-tablewrap td, .q-tablewrap th, .q-tablewrap tbody tr > td:first-child, .q-tablewrap tbody tr > td:not(:first-child) { display: table-cell !important; width: auto !important; background: #fff !important; border: 1px solid #aaa !important; font-size: 7.5pt !important; padding: 4px 5px !important; white-space: normal !important; color: #111 !important; }
  .q-tablewrap td::before { display: none !important; }
  .q-tablewrap--wide table, .q-tablewrap--wide td, .q-tablewrap--wide th { font-size: 7.2pt !important; padding: 4px 5px !important; white-space: normal !important; }
  .q-chapter-card, .q-riveted, .q-tablewrap {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }
  .q-plate, .q-bento-card, .q-callout-plate, .q-math-plate, .q-kpi, tr, .q-versus__row, .q-landscape__row, .q-spec-row {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .q-chap-head, h1, h2, h3 {
    break-after: avoid;
    page-break-after: avoid;
  }
  .q-prose, .q-prose strong, .q-prose code, .q-chap-titles h2, .q-hero-h1, .q-hero-h1 em, .q-hero-lead, .q-tablewrap td, .q-tablewrap th, .q-kpi__val, .q-kpi__lbl, .q-kpi__note, .q-viz__title, .q-viz__kicker, .q-viz__sub, .q-plate figcaption, .q-enamel__big, .q-enamel__sub, .q-telem-cell b, .q-telem-cell span, .q-locker__tag, .q-locker__sub, .q-locker__num, .q-versus__htitle, .q-versus__cell, .q-versus__crit, .q-landscape__who, .q-landscape__col, .q-landscape__winner-title, .q-spec-key, .q-spec-val, .q-pie-card__title, .q-pie-card__desc, .q-tube__top, .q-tube__plaque, .q-tube__plaque small, .q-chamber__pct, .q-chamber__name, .q-chamber__amt {
    color: #111 !important;
    text-shadow: none !important;
  }
}

.q-w-0{width:0%}
.q-w-1{width:1%}
.q-w-2{width:2%}
.q-w-3{width:3%}
.q-w-4{width:4%}
.q-w-5{width:5%}
.q-w-6{width:6%}
.q-w-7{width:7%}
.q-w-8{width:8%}
.q-w-9{width:9%}
.q-w-10{width:10%}
.q-w-11{width:11%}
.q-w-12{width:12%}
.q-w-13{width:13%}
.q-w-14{width:14%}
.q-w-15{width:15%}
.q-w-16{width:16%}
.q-w-17{width:17%}
.q-w-18{width:18%}
.q-w-19{width:19%}
.q-w-20{width:20%}
.q-w-21{width:21%}
.q-w-22{width:22%}
.q-w-23{width:23%}
.q-w-24{width:24%}
.q-w-25{width:25%}
.q-w-26{width:26%}
.q-w-27{width:27%}
.q-w-28{width:28%}
.q-w-29{width:29%}
.q-w-30{width:30%}
.q-w-31{width:31%}
.q-w-32{width:32%}
.q-w-33{width:33%}
.q-w-34{width:34%}
.q-w-35{width:35%}
.q-w-36{width:36%}
.q-w-37{width:37%}
.q-w-38{width:38%}
.q-w-39{width:39%}
.q-w-40{width:40%}
.q-w-41{width:41%}
.q-w-42{width:42%}
.q-w-43{width:43%}
.q-w-44{width:44%}
.q-w-45{width:45%}
.q-w-46{width:46%}
.q-w-47{width:47%}
.q-w-48{width:48%}
.q-w-49{width:49%}
.q-w-50{width:50%}
.q-w-51{width:51%}
.q-w-52{width:52%}
.q-w-53{width:53%}
.q-w-54{width:54%}
.q-w-55{width:55%}
.q-w-56{width:56%}
.q-w-57{width:57%}
.q-w-58{width:58%}
.q-w-59{width:59%}
.q-w-60{width:60%}
.q-w-61{width:61%}
.q-w-62{width:62%}
.q-w-63{width:63%}
.q-w-64{width:64%}
.q-w-65{width:65%}
.q-w-66{width:66%}
.q-w-67{width:67%}
.q-w-68{width:68%}
.q-w-69{width:69%}
.q-w-70{width:70%}
.q-w-71{width:71%}
.q-w-72{width:72%}
.q-w-73{width:73%}
.q-w-74{width:74%}
.q-w-75{width:75%}
.q-w-76{width:76%}
.q-w-77{width:77%}
.q-w-78{width:78%}
.q-w-79{width:79%}
.q-w-80{width:80%}
.q-w-81{width:81%}
.q-w-82{width:82%}
.q-w-83{width:83%}
.q-w-84{width:84%}
.q-w-85{width:85%}
.q-w-86{width:86%}
.q-w-87{width:87%}
.q-w-88{width:88%}
.q-w-89{width:89%}
.q-w-90{width:90%}
.q-w-91{width:91%}
.q-w-92{width:92%}
.q-w-93{width:93%}
.q-w-94{width:94%}
.q-w-95{width:95%}
.q-w-96{width:96%}
.q-w-97{width:97%}
.q-w-98{width:98%}
.q-w-99{width:99%}
.q-w-100{width:100%}
.q-rot-0{transform:translate(-50%,-50%) rotate(0deg)}
.q-rot-5{transform:translate(-50%,-50%) rotate(5deg)}
.q-rot-10{transform:translate(-50%,-50%) rotate(10deg)}
.q-rot-15{transform:translate(-50%,-50%) rotate(15deg)}
.q-rot-20{transform:translate(-50%,-50%) rotate(20deg)}
.q-rot-25{transform:translate(-50%,-50%) rotate(25deg)}
.q-rot-30{transform:translate(-50%,-50%) rotate(30deg)}
.q-rot-35{transform:translate(-50%,-50%) rotate(35deg)}
.q-rot-40{transform:translate(-50%,-50%) rotate(40deg)}
.q-rot-45{transform:translate(-50%,-50%) rotate(45deg)}
.q-rot-50{transform:translate(-50%,-50%) rotate(50deg)}
.q-rot-55{transform:translate(-50%,-50%) rotate(55deg)}
.q-rot-60{transform:translate(-50%,-50%) rotate(60deg)}
.q-rot-65{transform:translate(-50%,-50%) rotate(65deg)}
.q-rot-70{transform:translate(-50%,-50%) rotate(70deg)}
.q-rot-75{transform:translate(-50%,-50%) rotate(75deg)}
.q-rot-80{transform:translate(-50%,-50%) rotate(80deg)}
.q-rot-85{transform:translate(-50%,-50%) rotate(85deg)}
.q-rot-90{transform:translate(-50%,-50%) rotate(90deg)}
.q-rot-95{transform:translate(-50%,-50%) rotate(95deg)}
.q-rot-100{transform:translate(-50%,-50%) rotate(100deg)}
.q-rot-105{transform:translate(-50%,-50%) rotate(105deg)}
.q-rot-110{transform:translate(-50%,-50%) rotate(110deg)}
.q-rot-115{transform:translate(-50%,-50%) rotate(115deg)}
.q-rot-120{transform:translate(-50%,-50%) rotate(120deg)}
.q-rot-125{transform:translate(-50%,-50%) rotate(125deg)}
.q-rot-130{transform:translate(-50%,-50%) rotate(130deg)}
.q-rot-135{transform:translate(-50%,-50%) rotate(135deg)}
.q-rot-140{transform:translate(-50%,-50%) rotate(140deg)}
.q-rot-145{transform:translate(-50%,-50%) rotate(145deg)}
.q-rot-150{transform:translate(-50%,-50%) rotate(150deg)}
.q-rot-155{transform:translate(-50%,-50%) rotate(155deg)}
.q-rot-160{transform:translate(-50%,-50%) rotate(160deg)}
.q-rot-165{transform:translate(-50%,-50%) rotate(165deg)}
.q-rot-170{transform:translate(-50%,-50%) rotate(170deg)}
.q-rot-175{transform:translate(-50%,-50%) rotate(175deg)}
.q-rot-180{transform:translate(-50%,-50%) rotate(180deg)}
.q-rot-185{transform:translate(-50%,-50%) rotate(185deg)}
.q-rot-190{transform:translate(-50%,-50%) rotate(190deg)}
.q-rot-195{transform:translate(-50%,-50%) rotate(195deg)}
.q-rot-200{transform:translate(-50%,-50%) rotate(200deg)}
.q-rot-205{transform:translate(-50%,-50%) rotate(205deg)}
.q-rot-210{transform:translate(-50%,-50%) rotate(210deg)}
.q-rot-215{transform:translate(-50%,-50%) rotate(215deg)}
.q-rot-220{transform:translate(-50%,-50%) rotate(220deg)}
.q-rot-225{transform:translate(-50%,-50%) rotate(225deg)}
.q-rot-230{transform:translate(-50%,-50%) rotate(230deg)}
.q-rot-235{transform:translate(-50%,-50%) rotate(235deg)}
.q-rot-240{transform:translate(-50%,-50%) rotate(240deg)}
.q-rot-245{transform:translate(-50%,-50%) rotate(245deg)}
.q-rot-250{transform:translate(-50%,-50%) rotate(250deg)}
.q-rot-255{transform:translate(-50%,-50%) rotate(255deg)}
.q-rot-260{transform:translate(-50%,-50%) rotate(260deg)}
.q-rot-265{transform:translate(-50%,-50%) rotate(265deg)}
.q-rot-270{transform:translate(-50%,-50%) rotate(270deg)}
.q-rot-275{transform:translate(-50%,-50%) rotate(275deg)}
.q-rot-280{transform:translate(-50%,-50%) rotate(280deg)}
.q-rot-285{transform:translate(-50%,-50%) rotate(285deg)}
.q-rot-290{transform:translate(-50%,-50%) rotate(290deg)}
.q-rot-295{transform:translate(-50%,-50%) rotate(295deg)}
.q-rot-300{transform:translate(-50%,-50%) rotate(300deg)}
.q-rot-305{transform:translate(-50%,-50%) rotate(305deg)}
.q-rot-310{transform:translate(-50%,-50%) rotate(310deg)}
.q-rot-315{transform:translate(-50%,-50%) rotate(315deg)}
.q-rot-320{transform:translate(-50%,-50%) rotate(320deg)}
.q-rot-325{transform:translate(-50%,-50%) rotate(325deg)}
.q-rot-330{transform:translate(-50%,-50%) rotate(330deg)}
.q-rot-335{transform:translate(-50%,-50%) rotate(335deg)}
.q-rot-340{transform:translate(-50%,-50%) rotate(340deg)}
.q-rot-345{transform:translate(-50%,-50%) rotate(345deg)}
.q-rot-350{transform:translate(-50%,-50%) rotate(350deg)}
.q-rot-355{transform:translate(-50%,-50%) rotate(355deg)}
.q-rot-360{transform:translate(-50%,-50%) rotate(360deg)}
.q-cab-f14{top:16.7%}
.q-band-f14{top:16.7%}
.q-cab-f13{top:23.3%}
.q-band-f13{top:23.3%}
.q-cab-f12{top:28.7%}
.q-band-f12{top:28.7%}
.q-cab-f11{top:34.0%}
.q-band-f11{top:34.0%}
.q-cab-f10{top:39.3%}
.q-band-f10{top:39.3%}
.q-cab-f9{top:44.5%}
.q-band-f9{top:44.5%}
.q-cab-f8{top:49.7%}
.q-band-f8{top:49.7%}
.q-cab-f7{top:54.9%}
.q-band-f7{top:54.9%}
.q-cab-f6{top:60.1%}
.q-band-f6{top:60.1%}
.q-cab-f5{top:65.1%}
.q-band-f5{top:65.1%}
.q-cab-f4{top:70.1%}
.q-band-f4{top:70.1%}
.q-cab-f3{top:75.1%}
.q-band-f3{top:75.1%}
.q-cab-f2{top:79.7%}
.q-band-f2{top:79.7%}
.q-cab-f1{top:87.6%}
.q-band-f1{top:87.6%}


/* Stacked Vertical Companion Hotspots (PORTAL01V + TK00V) & Champion Polish */
.q-hotspot--portal-buy { left: 14%; width: 72%; top: 14%; height: 22%; }
.q-hotspot--portal-charter { left: 14%; width: 72%; top: 40%; height: 24%; }
.q-hotspot--portal-earn { left: 14%; width: 72%; top: 68%; height: 20%; }

.q-hotspot--rstep0 { left: 12%; width: 76%; top: 64%; height: 22%; }
.q-hotspot--rstep1 { left: 12%; width: 76%; top: 38%; height: 23%; }
.q-hotspot--rstep2 { left: 12%; width: 76%; top: 12%; height: 23%; }

.q-tablewrap--dossier table tbody tr:nth-child(5):last-child {
  grid-column: 1 / -1;
}