@import "./p02_academy/academy.css";
@import "./p03_games/games.css";
@import "./p08_shop/shop.css";
@import "./p09_community/community.css";
@import "./p11_show/show.css";

/* Canonical v6 Products Stylesheet (P01 through P17 + TMA).
   Covers Factory/Office/TMA pixel-comic dark plates (#030805, #08110e, #101915, #25dc71, #ff610b)
   and House of $QUIT 24k Gold Luxury skin (#050403, #0a0806, #120e09, #d8b45e, #efe6d2).
   Strictly square status chips on Office plates (zero circular status dots). */

:root,
[data-quit-skin="factory"],
[data-quit-skin="office"],
[data-quit-skin="tma"],
[data-quit-skin="tma_dark_v6"] {
  --q6-bg: #030805;
  --q6-header: #0b1311;
  --q6-plate: #08110e;
  --q6-steel: #101915;
  --q6-rim: #333a32;
  --q6-cream: #f4e7cb;
  --q6-muted: #9aa594;
  --q6-green: #25dc71;
  --q6-orange: #ff610b;
  --q6-blue: #4a9eff;
  --q6-violet: #a585ff;
  --q6-amber: #ffa21f;
  --q6-gold: #ffd23f;
  --q6-red: #ff4757;
  --q6-font-display: "Jersey 20", "QUIT Display", Silkscreen, Impact, ui-sans-serif, system-ui, sans-serif;
  --q6-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --q6-font-pixel: Silkscreen, "Jersey 20", monospace;
  --q6-font-terminal: VT323, "IBM Plex Mono", monospace;
  --q6-font-serif: "Playfair Display", "House Serif", Georgia, "Times New Roman", serif;
  --q6-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

[data-quit-skin="house"],
[data-quit-skin="house_gold_v6"],
[data-skin="house_gold_v6"],
.q6-skin-house,
.skin-house-gold {
  --q6-bg: #050403;
  --q6-header: #050403;
  --q6-plate: #0a0806;
  --q6-steel: #120e09;
  --q6-rim: #d8b45e;
  --q6-cream: #efe6d2;
  --q6-muted: #b5a689;
  --q6-green: #d8b45e;
  --q6-orange: #d8b45e;
  --q6-gold: #d8b45e;
  --q6-font-display: "Playfair Display", Georgia, serif;
  background-color: #050403;
  color: #efe6d2;
}

:is(
  [data-quit-skin="house"],
  [data-quit-skin="house_gold_v6"],
  [data-skin="house_gold_v6"],
  .q6-skin-house,
  .skin-house-gold
) :is(
  h1,
  h2,
  h3,
  .section-title,
  .playfair-title,
  .serif-hero-title,
  .serif-step-title,
  .serif-sub-title,
  .dk01-title,
  .dk02-title,
  .dk03-title,
  .dk04-title,
  .dk05-title,
  .dk06-title,
  .dk08-title
) {
  font-family: "Playfair Display", Georgia, serif;
  color: #efe6d2;
}

/* ==========================================================================
   Shared Box Model & Utility Primitives
   ========================================================================== */

.q6-workspace,
.q6-workspace *,
.q6-workspace *::before,
.q6-workspace *::after,
.q6-plate,
.q6-plate *,
.q6-plate *::before,
.q6-plate *::after {
  box-sizing: border-box;
}

.q6-workspace {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: var(--q6-bg);
  color: var(--q6-cream);
  font-family: var(--q6-font-mono);
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 18px;
}

/* Layout Grids: 12-column grid and 45/55 split */
.q6-grid-12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
}

.q6-split-45-55 {
  display: grid;
  grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
  gap: 24px;
  align-items: start;
}

@media (min-width: 1200px) {
  .q6-split-45-55 {
    grid-template-columns: 566px 802px;
  }
}

@media (max-width: 960px) {
  .q6-split-45-55 {
    grid-template-columns: 1fr;
  }
}

/* Gunmetal Plate with Bevel and 4 Hardware Corner Screws */
.q6-plate,
.q6-plate-riveted,
.q6-plate-gunmetal,
.q6-gunmetal-plate {
  position: relative;
  background: var(--q6-plate);
  border-style: solid;
  border-width: 16px 20px;
  border-image: url("/runtime/products/assets/shell/panel.webp") 32 50 fill / 16px 20px stretch;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
  padding: 16px 20px;
  box-sizing: border-box;
}

.q6-plate-gunmetal .corner-screw,
.q6-gunmetal-plate .corner-screw,
.corner-screw,
.q6-screw {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #25332a;
  border: 1px solid #142018;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25);
  pointer-events: none;
  z-index: 2;
}

.q6-plate-gunmetal .corner-screw.tl,
.q6-gunmetal-plate .corner-screw.tl,
.corner-screw.tl,
.q6-screw.tl,
.q6-screw--tl { top: 6px; left: 6px; }

.q6-plate-gunmetal .corner-screw.tr,
.q6-gunmetal-plate .corner-screw.tr,
.corner-screw.tr,
.q6-screw.tr,
.q6-screw--tr { top: 6px; right: 6px; }

.q6-plate-gunmetal .corner-screw.bl,
.q6-gunmetal-plate .corner-screw.bl,
.corner-screw.bl,
.q6-screw.bl,
.q6-screw--bl { bottom: 6px; left: 6px; }

.q6-plate-gunmetal .corner-screw.br,
.q6-gunmetal-plate .corner-screw.br,
.corner-screw.br,
.q6-screw.br,
.q6-screw--br { bottom: 6px; right: 6px; }

.q6-main > .q6-workspace {
  padding: 0;
}

.q6-workspace code,
.q6-plate code,
.mono-address,
.dk04-mint-addr,
.tm10-hash-code,
.la09-addr,
.la07-share-link,
.p01-proof-link,
.p13-proof-link {
  font-family: var(--q6-font-mono);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.qo-kicker,
[class*="-kicker"] {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--q6-green);
}

.section-header,
[class$="-header"],
[class*="-header "] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--q6-rim);
}

.section-title,
.p03-title,
.p08-title,
.p09-title,
[class$="-title"],
[class*="-title "] {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: clamp(22px, 3vw, 30px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q6-cream);
  line-height: 1.15;
}

.section-sub,
.section-desc,
[class$="-sub"],
[class*="-sub "] {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--q6-muted);
}

.sub-head,
.sub-section-title {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--q6-cream);
}

.card-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.card-title {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: var(--q6-cream);
}

.card-desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--q6-muted);
}

.action-row,
.btn-row,
.cta-row,
.btn-cluster {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Strict Square Status Chips (10x10, NEVER round on Office plates) */
.square-chip {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 0 !important;
  background: var(--q6-green);
  flex-shrink: 0;
  vertical-align: middle;
}

.square-chip.green { background: #25dc71; }
.square-chip.sky-blue,
.square-chip.blue { background: #4a9eff; }
.square-chip.violet { background: #a585ff; }
.square-chip.amber { background: #ffa21f; }
.square-chip.gold { background: #d8b45e; }
.square-chip.red,
.square-chip.alert { background: #ff4757; }
.square-chip.metal,
.square-chip.metal-grey,
.square-chip.grey,
.square-chip.light-grey { background: #768075; }

/* Form Inputs, Selects, Textareas & Labels */
.q6-label,
.form-label,
.field-label,
.gold-label,
.trait-label {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--q6-muted);
  margin-bottom: 6px;
}

.gold-label {
  color: #d8b45e;
}

.q6-input,
.q6-select,
.q6-textarea,
.p01-input,
.p01-select,
.p01-textarea,
.p01-search-input,
.p01-sort-select,
.p02-input,
.p02-select,
.p13-input,
.p13-select,
.link-input,
.signin-input,
.calc-input,
.offer-amount-input {
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  border-radius: 0;
  color: var(--q6-cream);
  font-family: var(--q6-font-mono);
  font-size: 13px;
  line-height: 1.4;
}

.q6-textarea,
.p01-textarea {
  min-height: 92px;
  resize: vertical;
}

.q6-input:focus-visible,
.q6-select:focus-visible,
.q6-textarea:focus-visible,
.p01-input:focus-visible,
.p01-search-input:focus-visible,
.house-input:focus-visible {
  outline: 2px solid var(--q6-green);
  outline-offset: 1px;
}

.q6-slider {
  width: 100%;
  accent-color: var(--q6-green);
  cursor: pointer;
}

/* Buttons, Keys & Tabs (3D Beveled Arcade Keys) */
.q6-key,
.q6-key--dark {
  appearance: none;
  border-style: solid;
  border-width: 9px 13px 11px 13px;
  border-image: url("/runtime/products/assets/shell/panel.webp") 44 fill / 9px 13px 11px 13px stretch;
  background: #08120d;
  color: var(--q6-cream);
  font-family: var(--q6-font-display, "Jersey 20", sans-serif);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 6px 14px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}

.q6-key--green-outline {
  border-image: url("/runtime/products/assets/shell/key-dark.webp") 42 46 50 46 fill / 9px 13px 11px 13px stretch;
  color: var(--q6-green);
}

.q6-key--orange {
  border-style: solid;
  border-width: 8px 11px 10px 11px;
  border-image: url("/runtime/products/assets/shell/key-orange.webp") 22 24 34 24 fill / 8px 11px 10px 11px stretch;
  background: transparent;
  color: #080b09;
}

.q6-key--green {
  border-style: solid;
  border-width: 8px 11px 10px 11px;
  border-image: url("/runtime/products/assets/shell/key-green.webp") 22 24 34 24 fill / 8px 11px 10px 11px stretch;
  background: transparent;
  color: #080b09;
}

.q6-key--sm {
  padding: 4px 8px;
  font-size: 11px;
}

.q6-key--amber {
  border-color: var(--q6-amber);
  color: var(--q6-amber);
}

.q6-key--red {
  border-color: var(--q6-red);
  color: #ff858f;
  background: rgba(255, 71, 87, 0.12);
}

.q6-key--gold {
  background: linear-gradient(180deg, #e8c974 0%, #c89c40 100%);
  border: 1px solid #f2da93;
  color: #050403;
  font-weight: 900;
}

.q6-key--gold-outline {
  background: #120e09;
  border: 1px solid #d8b45e;
  color: #efe6d2;
}

/* Glowing Neon Rounded-Square Bays */
.q6-neon-bay,
.q6-icon-bay--neon {
  border-radius: 10px;
  border: 2px solid var(--neon, #25dc71);
  box-shadow: 0 0 12px var(--neon-glow, rgba(37, 220, 113, 0.4)), inset 0 0 6px var(--neon-glow, rgba(37, 220, 113, 0.2));
  background: #08110e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

.q6-neon-bay--blue { --neon: #4a9eff; --neon-glow: rgba(74, 158, 255, 0.4); }
.q6-neon-bay--violet { --neon: #a585ff; --neon-glow: rgba(165, 133, 255, 0.4); }
.q6-neon-bay--amber { --neon: #ffa21f; --neon-glow: rgba(255, 162, 31, 0.4); }
.q6-neon-bay--orange { --neon: #ff610b; --neon-glow: rgba(255, 97, 11, 0.4); }
.q6-neon-bay--gold { --neon: #ffd23f; --neon-glow: rgba(255, 210, 63, 0.4); }

/* Glossy Glass XP Progress Tubes */
.q6-xp-tube {
  position: relative;
  height: 14px;
  background: #040906;
  border: 1px solid #1c2b22;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(255, 255, 255, 0.06);
  box-sizing: border-box;
}

.q6-xp-tube::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  right: 4px;
  height: 4px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 2px;
  pointer-events: none;
  z-index: 2;
}

.q6-xp-tube__fill {
  height: 100%;
  background: linear-gradient(180deg, #38ef7d 0%, #11998e 100%);
  box-shadow: 0 0 10px rgba(37, 220, 113, 0.6);
  border-radius: 6px;
  transition: width 300ms ease;
}

.q6-xp-tube__fill--amber {
  background: linear-gradient(180deg, #ffd23f 0%, #ff853d 100%);
  box-shadow: 0 0 10px rgba(255, 162, 31, 0.6);
}

.q6-xp-tube__fill--blue {
  background: linear-gradient(180deg, #4a9eff 0%, #1e5db0 100%);
  box-shadow: 0 0 10px rgba(74, 158, 255, 0.6);
}

.q6-btn {
  appearance: none;
  padding: 10px 14px;
  border: 1px solid var(--q6-rim);
  border-radius: 0;
  background: var(--q6-steel);
  color: var(--q6-cream);
  font-family: var(--q6-font-mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}

.q6-btn--primary {
  background: var(--q6-orange);
  border-color: #ff853d;
  color: #080b09;
}

.q6-btn--steel {
  background: var(--q6-steel);
  border-color: var(--q6-rim);
  color: var(--q6-cream);
}

.q6-tab,
.filter-tab,
.coin-tab,
.rail-tab,
.auth-tab {
  appearance: none;
  padding: 8px 13px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  border-radius: 0;
  color: var(--q6-muted);
  font-family: var(--q6-font-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

.q6-tab--active,
.q6-tab.active,
.filter-tab.active,
.coin-tab.active,
.rail-tab.active,
.auth-tab.active {
  border: 2px solid var(--q6-green);
  color: var(--q6-green);
  background: #0b1d15;
}

/* Tags & Badges */
.q6-tag,
.q6-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 9px;
  border-radius: 0;
  border: 1px solid var(--q6-rim);
  background: var(--q6-steel);
  color: var(--q6-cream);
  font-family: var(--q6-font-mono);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.q6-tag--green,
.q6-badge--green {
  border-color: #25dc71;
  color: #25dc71;
  background: rgba(37, 220, 113, 0.12);
}

.q6-tag--red,
.q6-badge--red {
  border-color: #ff4757;
  color: #ff7b86;
  background: rgba(255, 71, 87, 0.14);
}

.q6-tag--amber,
.q6-badge--amber {
  border-color: #ffa21f;
  color: #ffa21f;
  background: rgba(255, 162, 31, 0.14);
}

.q6-tag--blue,
.q6-badge--blue {
  border-color: #4a9eff;
  color: #4a9eff;
  background: rgba(74, 158, 255, 0.14);
}

.q6-tag--violet {
  border-color: #a585ff;
  color: #a585ff;
  background: rgba(165, 133, 255, 0.14);
}

.q6-tag--gold,
.q6-badge--gold {
  border-color: #d8b45e;
  color: #d8b45e;
  background: rgba(216, 180, 94, 0.16);
}

.q6-badge--grey {
  border-color: #5c655b;
  color: var(--q6-muted);
  background: rgba(154, 165, 148, 0.1);
}

/* Tables */
.q6-table,
.p01-dense-table,
.la04-table,
.dk08-table,
.p13-boardroom-table,
.q-history-table,
.earnings-table,
.card-tx-table,
.confirm-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
}

.q6-table th,
.p01-dense-table th,
.la04-table th,
.dk08-table th,
.p13-boardroom-table th,
.q-history-table th,
.earnings-table th,
.card-tx-table th {
  padding: 10px 12px;
  border-bottom: 2px solid var(--q6-rim);
  color: var(--q6-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.q6-table td,
.p01-dense-table td,
.la04-table td,
.dk08-table td,
.p13-boardroom-table td,
.q-history-table td,
.earnings-table td,
.card-tx-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  vertical-align: middle;
}

/* Modals */
.q6-modal[hidden],
.q6-modal-backdrop[hidden] {
  display: none !important;
}

.q6-modal,
.q6-modal-backdrop,
.board-modal-overlay,
.vote-modal-overlay,
.la05-modal-backdrop,
.reader-toc-overlay {
  position: fixed;
  inset: 0;
  z-index: 95;
  background: rgba(3, 8, 5, 0.88);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  overflow-y: auto;
}

.modal-box,
.modal-card,
.board-modal,
.vote-modal-box,
.la05-modal-sheet,
.hw00-modal-sheet,
.sy04-sheet-card {
  width: min(540px, 100%);
  margin: auto;
  background: var(--q6-plate);
  border: 2px solid var(--q6-rim);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.modal-btn-row,
.modal-btns,
.modal-actions,
.modal-action-row {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

/* Progress Tubes with Cylindrical Glass Body and Polished Brass End Caps */
.progress-tube,
.la04-tube,
.tm01-tube,
.tg02-meter-track,
.st01-meter-track,
.gs02-progress-track,
.p02-progress-bar-wrap,
.la01-progress-bar {
  position: relative;
  width: 100%;
  height: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(10, 12, 14, 0.9) 50%, rgba(0, 0, 0, 0.95) 100%);
  border: 1px solid rgba(216, 180, 94, 0.45);
  border-radius: 7px;
  padding: 1px 4px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}

.progress-tube::before,
.progress-tube::after {
  content: '';
  position: absolute;
  top: -2px;
  bottom: -2px;
  width: 5px;
  background: linear-gradient(180deg, #ffd23f 0%, #d8b45e 50%, #9a7430 100%);
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(216, 180, 94, 0.6);
  z-index: 2;
}
.progress-tube::before { left: -2px; }
.progress-tube::after { right: -2px; }

.tube-fill,
.la04-tube-fill,
.tm01-tube-fill,
.tg02-meter-fill,
.st01-meter-fill,
.gs02-progress-bar,
.p02-progress-fill,
.la01-progress-fill {
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, #25dc71 45%, #157339 100%);
  box-shadow: 0 0 6px rgba(37, 220, 113, 0.5);
  transition: width 0.3s ease;
}

.tube-fill.green {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, #25dc71 45%, #157339 100%);
  box-shadow: 0 0 6px rgba(37, 220, 113, 0.6);
}
.tube-fill.sky-blue {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, #4a9eff 45%, #1b4ea0 100%);
  box-shadow: 0 0 6px rgba(74, 158, 255, 0.6);
}
.tube-fill.violet {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, #a585ff 45%, #5334a6 100%);
  box-shadow: 0 0 6px rgba(165, 133, 255, 0.6);
}
.tube-fill.amber,
.tm01-fill--full {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, #ffa21f 45%, #a86100 100%);
  box-shadow: 0 0 6px rgba(255, 162, 31, 0.6);
}

/* Semantic Text Helpers */
.green-text,
strong.green,
span.badge-text.green,
.mined-today-figure.green,
.wallet-status.green,
.term-status.green,
.term-val.green,
.audit-badge.green,
.stat-p.green,
.step-status.green,
.part-pct.green,
.dk08-green,
.dk05-text-green,
.tm06-green,
.tm10-green {
  color: #25dc71;
}

.orange-text { color: #ff610b; }
.cream-text { color: var(--q6-cream); }
.text-muted { color: var(--q6-muted); }
.part-pct.sky-blue { color: #4a9eff; }
.part-pct.violet { color: #a585ff; }
.part-pct.amber,
.dk05-text-amber { color: #ffa21f; }
.dk08-red,
.dk05-text-red { color: #ff6b78; }

/* ==========================================================================
   P01: The Job Board & Work Exchange (p01-*)
   ========================================================================== */

.p01-board-header,
.p01-exchange-header,
.p01-passport-header,
.p01-review-header,
.p01-post-header,
.p01-teach-header,
.p01-room-header,
.p01-hero-header,
.p01-drawer-header,
.p01-form-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.p01-title,
.p01-drawer-title {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: clamp(24px, 3.2vw, 34px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q6-orange);
}

.p01-subtitle {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--q6-muted);
}

.p01-balances-pair {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  font-size: 13px;
  font-weight: 800;
}

.p01-bal-q { color: var(--q6-green); }
.p01-bal-pipe { color: var(--q6-muted); }
.p01-bal-quit { color: var(--q6-blue); }

.p01-orientation-banner {
  background: #071510;
}

.p01-orientation-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  font-size: 12px;
}

.p01-orientation-steps label,
.p01-check-label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.p01-filter-bar,
.p01-exchange-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.p01-filter-group {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.p01-search-box {
  flex: 1 1 220px;
  min-width: 180px;
}

.p01-kanban-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

.p01-column {
  background: var(--q6-plate);
  border: 2px solid var(--q6-rim);
  border-top: 3px solid var(--q6-green);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.p01-column[data-col="OPEN"] .p01-col-header { color: var(--q6-green); }
.p01-column[data-col="STARTED"] { border-top-color: var(--q6-blue); }
.p01-column[data-col="STARTED"] .p01-col-header { color: var(--q6-blue); }
.p01-column[data-col="STARTED"] .p01-job-card { border-color: rgba(74, 158, 255, 0.55); }
.p01-column[data-col="CHECKING"] { border-top-color: var(--q6-violet); }
.p01-column[data-col="CHECKING"] .p01-col-header { color: var(--q6-violet); }
.p01-column[data-col="CHECKING"] .p01-job-card { border-color: rgba(165, 133, 255, 0.55); }
.p01-column[data-col="PAID"] { border-top-color: var(--q6-amber); }
.p01-column[data-col="PAID"] .p01-col-header { color: var(--q6-amber); }
.p01-column[data-col="PAID"] .p01-job-card { border-color: rgba(255, 162, 31, 0.55); }

.p01-col-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--q6-rim);
}

.p01-card-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.p01-job-card {
  padding: 12px;
  border-width: 1px;
  gap: 8px;
}

.p01-card-meta,
.p01-meta-row,
.p01-drawer-meta,
.p01-review-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
  color: var(--q6-muted);
}

.p01-card-title {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--q6-cream);
}

.p01-reward-tag {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid var(--q6-rim);
}

.p01-reward-q {
  color: #25dc71;
  border-color: rgba(37, 220, 113, 0.45);
  background: rgba(37, 220, 113, 0.1);
}

.p01-reward-cash {
  color: #ffd23f;
  border-color: rgba(255, 210, 63, 0.45);
  background: rgba(255, 210, 63, 0.1);
}

.p01-card-actions,
.p01-drawer-actions,
.p01-room-actions,
.p01-form-actions,
.p01-post-actions,
.p01-passport-actions,
.p01-review-actions,
.p01-action-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.p01-ways-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.p01-way-card,
.p01-best-job-card,
.p01-escrow-timer-card,
.p01-teach-card,
.p01-review-item {
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.p01-steps-row,
.p01-week-metrics,
.p01-passport-stats,
.p01-badges-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.p01-calendar-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.p01-cal-col {
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.p01-timeline-track,
.p01-queue-list,
.p01-options-list,
.p01-gate-list,
.p01-checklist-items,
.p01-rubric-list,
.p01-thread-messages,
.p01-post-form,
.p01-proof-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.p01-field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.p01-message {
  padding: 10px 12px;
  border: 1px solid var(--q6-rim);
  background: var(--q6-steel);
  font-size: 12px;
}

.p01-msg-worker { border: 1px solid var(--q6-green); }
.p01-msg-system { border: 1px solid var(--q6-blue); }

/* ==========================================================================
   P02: The Academy (p02-*)
   ========================================================================== */

.p02-catalog-header,
.p02-detail-header,
.p02-viewer-header,
.p02-publisher-header,
.p02-checks-header,
.p02-retraining-header,
.p02-viewer-footer,
.p02-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.p02-title {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: clamp(22px, 3vw, 28px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.p02-subtitle {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--q6-muted);
}

.p02-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.p02-filter-group {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.p02-courses-grid,
.p02-pathway-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.p02-course-card,
.p02-track-card,
.p02-quiz-card,
.p02-cert-card,
.p02-queue-card {
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}

.p02-card-meta,
.p02-track-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
  color: var(--q6-muted);
}

.p02-course-title,
.p02-lesson-heading {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: var(--q6-cream);
}

.p02-course-reward,
.p02-lesson-reward {
  color: var(--q6-green);
  font-weight: 800;
  font-size: 12px;
}

.p02-syllabus-list,
.p02-quiz-options,
.p02-drafts-list,
.p02-checks-list,
.p02-queue-items,
.p02-publisher-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.p02-syllabus-item,
.p02-option-row,
.p02-draft-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
}

.p02-reading-pane {
  padding: 16px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  font-size: 14px;
  line-height: 1.65;
}

.p02-cert-card {
  border: 2px solid var(--q6-gold);
  text-align: center;
  align-items: center;
}

.p02-cert-crest {
  width: 48px;
  height: 48px;
  border: 2px solid var(--q6-gold);
  background: rgba(255, 210, 63, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.p02-passed-box {
  padding: 12px;
  border: 1px solid var(--q6-green);
  background: rgba(37, 220, 113, 0.1);
  color: var(--q6-green);
}

/* ==========================================================================
   P04: My Office (p04-* & Office plates)
   ========================================================================== */

.p04-overview-inner,
.p04-holds-container,
.p04-notifications-container,
.p04-links-inner,
.p04-share-kit-inner,
.p04-channels-inner,
.p04-team-inner,
.p04-settings-inner,
.p04-privacy-inner,
.p04-signin-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.p04-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.p04-greeting {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: clamp(22px, 3vw, 28px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.p04-today-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background: rgba(37, 220, 113, 0.14);
  border: 1px solid var(--q6-green);
  color: var(--q6-green);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.p04-balance-strip,
.p05-balance-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.p04-balance-strip.business-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.p04-bal-plate,
.bal-plate {
  justify-content: space-between;
  gap: 8px;
}

.bal-q { border-color: rgba(37, 220, 113, 0.55); }
.bal-q .bal-label { color: #25dc71; }
.bal-quit { border-color: rgba(74, 158, 255, 0.55); }
.bal-quit .bal-label { color: #4a9eff; }
.bal-cash { border-color: rgba(165, 133, 255, 0.55); }
.bal-cash .bal-label { color: #a585ff; }
.next-step-col { border-color: #25dc71; }
.p05-wallets-view .section-title { color: var(--q6-orange); }

.bal-label-line,
.col-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--q6-muted);
}

.club-tier {
  margin-left: auto;
  padding: 2px 6px;
  border: 1px solid var(--q6-blue);
  color: var(--q6-blue);
  font-size: 10px;
}

.bal-big-val {
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 900;
  letter-spacing: 0.02em;
  color: var(--q6-cream);
}

.bal-sub-line {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 11px;
  color: var(--q6-muted);
}

.word-ready,
.word-mining { color: #25dc71; font-weight: 800; }
.word-waiting { color: #ffa21f; font-weight: 800; }

.p04-band-2,
.notifs-grid,
.settings-grid,
.signin-methods-grid,
.member-links-container,
.creator-links-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.today-grid,
.p04-deep-scroll,
.reels-grid,
.messages-grid,
.steps-grid,
.team-summary-strip,
.comp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.holds-list,
.decided-list,
.notifs-list,
.pref-toggle-list,
.channels-list,
.roster-list,
.teach-ai-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hold-card,
.decided-card,
.notif-row,
.channel-card,
.team-member-card,
.link-box,
.reel-card,
.message-card,
.step-card,
.settings-card,
.auth-box,
.sum-box,
.comp-col,
.today-card,
.deep-card {
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hold-header,
.decided-header,
.notif-header,
.ch-head,
.tm-header,
.msg-header,
.pref-toggle-row,
.link-field-row,
.item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.link-field-row .link-input {
  flex: 1 1 200px;
}

.qr-frame {
  width: 120px;
  height: 120px;
  padding: 8px;
  background: #ffffff;
  border: 2px solid var(--q6-green);
  display: flex;
  align-items: center;
  justify-content: center;
}

.qr-frame img,
.qr-frame svg {
  max-width: 100%;
  max-height: 100%;
}

.reel-aspect-ratio {
  aspect-ratio: 9 / 16;
  max-height: 220px;
  background: #050a08;
  border: 1px solid var(--q6-rim);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: var(--q6-muted);
}

.p04-phone-bar,
.q6-mobile-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 8px;
  background: var(--q6-header);
  border: 1px solid var(--q6-rim);
}

/* ==========================================================================
   P05: Money, Wallets, Payday & Card (p05-* & MM*)
   ========================================================================== */

.p05-wallets-inner,
.p05-my-q-inner,
.p05-claim-inner,
.p05-payday-inner,
.p05-earnings-inner,
.p05-cash-inner,
.p05-send-cash-inner,
.p05-card-public-inner,
.p05-card-apply-inner,
.p05-card-manage-inner,
.p05-proof-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wallets-table-section {
  overflow-x: auto;
}

.table-top-bar,
.ledger-top-bar,
.history-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.wallet-action-buttons,
.filter-tabs,
.coin-filter-tabs,
.rail-tabs,
.quick-topup-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.col-wallet {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.badge-embedded {
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 800;
  border: 1px solid var(--q6-green);
  color: var(--q6-green);
}

.never-sold-pill,
.status-pill {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid var(--q6-rim);
}

.never-sold-pill.green {
  border-color: #25dc71;
  color: #25dc71;
  background: rgba(37, 220, 113, 0.12);
}

.never-sold-pill.metal {
  border-color: #5f685e;
  color: var(--q6-muted);
}

.siws-notice {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--q6-muted);
}

.q-breakdown-strip,
.ways-grid,
.proof-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.card-hero-grid,
.card-cockpit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.physical-card-mockup,
.virtual-card-preview {
  aspect-ratio: 1.586;
  max-width: 380px;
  width: 100%;
  padding: 20px;
  background: linear-gradient(135deg, #12100c 0%, #050403 100%);
  border: 2px solid #d8b45e;
  color: #efe6d2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.voucher-breakdown,
.tax-years-list,
.control-actions-stack,
.wallet-select-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.voucher-row,
.confirm-row,
.yearly-tax-card,
.wallet-option-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
}

.input-with-max {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

/* ==========================================================================
   P06: $QUIT Club, Mining Cockpit, Buy Funnel & QU06 Boardroom (p06-*)
   ========================================================================== */

.boardroom-obsidian-ground {
  background-color: #050403;
  color: #efe6d2;
  min-height: 100vh;
  width: 100%;
}

.boardroom-column-560,
.p06-buy-funnel-inner {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  padding: 36px 24px;
  text-align: center;
}

.boardroom-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 24px;
}

.house-gold-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}

.club-text-link,
.gold-serif-brand {
  font-family: "Playfair Display", Georgia, serif;
  color: #d8b45e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
}

.hairline-gold-rule {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(216, 180, 94, 0.35), #d8b45e, rgba(216, 180, 94, 0.35));
}

.hairline-gold-rule.small {
  max-width: 100%;
  margin: 10px auto 18px;
}

.center-medallion {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.gold-laurel-medal,
.medallion-crest,
.tier-medallion {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 1px solid rgba(216, 180, 94, 0.4);
  background: radial-gradient(circle at 35% 30%, #f5df96 0%, #c6983b 58%, #201505 100%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 4px 22px rgba(216, 180, 94, 0.35), inset 0 0 12px rgba(0, 0, 0, 0.8);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.medallion-crest,
.crown-crest,
.qu06-medallion-hero {
  background-image: url("/runtime/products/assets/qu06_medallion.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.tier-medallion.key-seal,
.tier-medallion.member-seal,
.medallion-member {
  background-image: url("/runtime/products/assets/medallion_member.png");
}

.tier-medallion.anchor-seal,
.tier-medallion.manager-seal,
.medallion-manager {
  background-image: url("/runtime/products/assets/medallion_manager.png");
}

.tier-medallion.star-seal,
.tier-medallion.director-seal,
.tier-medallion.founder-seal,
.medallion-director {
  background-image: url("/runtime/products/assets/medallion_director.png");
}

.tier-medallion.crown-seal,
.tier-medallion.vip-seal,
.medallion-vip {
  background-image: url("/runtime/products/assets/medallion_vip.png");
}

.gold-sub-label,
.step-tag {
  color: #d8b45e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.playfair-title,
.serif-hero-title {
  margin: 0 0 12px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(28px, 4.8vw, 42px);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #e6c670;
}

.serif-step-title,
.serif-sub-title {
  margin: 6px 0 12px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(20px, 3vw, 26px);
  color: #e6c670;
}

.ivory-sans-desc,
.ivory-p,
.ivory-sub-copy,
.check-p,
.invite-rules {
  margin: 0 0 22px;
  color: #efe6d2;
  font-size: 14px;
  line-height: 1.6;
}

.three-steps-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #d8b45e;
  margin-bottom: 18px;
}

.step-cell {
  padding: 12px 8px;
  background: #050403;
  border-right: 1px solid rgba(216, 180, 94, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #d8b45e;
}

.step-cell:last-child {
  border-right: 0;
}

.step-cell .step-num {
  font-size: 20px;
  font-weight: 800;
}

.step-cell.current {
  background: linear-gradient(180deg, #ecd082 0%, #c5973a 100%);
  color: #050403;
  font-weight: 900;
}

.auth-tabs-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.house-tab {
  appearance: none;
  padding: 11px 12px;
  background: #050403;
  border: 1px solid #d8b45e;
  color: #d8b45e;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}

.house-tab.active {
  border: 1px solid #f2da93;
  background: linear-gradient(180deg, #ecd082 0%, #c5973a 100%);
  color: #050403;
  font-weight: 800;
}

.house-input-field {
  margin-bottom: 14px;
}

.house-input,
.gold-input {
  width: 100%;
  padding: 13px 14px;
  background: #0a0806;
  border: 1px solid #d8b45e;
  border-radius: 0;
  color: #efe6d2;
  font-family: var(--q6-font-mono);
  font-size: 13px;
}

.gold-gradient-cta {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 20px;
  background: linear-gradient(180deg, #eed387 0%, #c59638 100%);
  border: 1px solid #f2da93;
  border-radius: 0;
  color: #050403;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.boardroom-error-box {
  padding: 10px 12px;
  margin-bottom: 14px;
  background: rgba(255, 71, 87, 0.14);
  border: 1px solid #ff4757;
  color: #ff8e97;
  font-size: 12px;
  text-align: left;
}

.seat-badge {
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid #d8b45e;
  background: rgba(216, 180, 94, 0.15);
  color: #d8b45e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.boardroom-foot {
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid rgba(216, 180, 94, 0.22);
  font-size: 12px;
  color: #b5a689;
}

.sky-blue-headset-support {
  width: 36px;
  height: 36px;
  margin: 18px auto 0;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

/* Buy Funnel, Hold, Perks, Mining Cockpit, Top Owners, PFP */
.funnel-step-box {
  background: #0a0806;
  border: 1px solid #d8b45e;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: left;
}

.presets-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.gold-chip {
  appearance: none;
  padding: 10px 8px;
  background: #120e09;
  border: 1px solid rgba(216, 180, 94, 0.4);
  color: #efe6d2;
  font-family: var(--q6-font-mono);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.gold-chip.active {
  border: 2px solid #d8b45e;
  color: #d8b45e;
  background: #1c150c;
}

.payment-rails-list,
.auth-options-stack,
.wall-plates-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rail-option-card {
  appearance: none;
  width: 100%;
  text-align: left;
  padding: 14px;
  background: #120e09;
  border: 1px solid rgba(216, 180, 94, 0.35);
  color: #efe6d2;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
}

.rail-option-card.active {
  border: 2px solid #d8b45e;
}

.p06-mining-inner,
.p06-hold-inner,
.p06-rewards-inner,
.p06-perks-inner,
.p06-pfp-inner,
.p06-nft-inner,
.p06-creator-doors-inner,
.top-owners-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.chart-wallets-grid,
.pfp-studio-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.chart-bars {
  height: 140px;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 12px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
}

.chart-bars .bar {
  flex: 1;
  background: rgba(37, 220, 113, 0.45);
  border-top: 2px solid #25dc71;
}

.chart-bars .bar.current {
  background: #25dc71;
}

.counting-wallet-item,
.engraved-gold-plate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
}

.engraved-gold-plate {
  background: #120e09;
  border-color: #d8b45e;
  color: #efe6d2;
}

.numbers-grid,
.tiers-grid,
.staircase-grid,
.scenarios-grid,
.perks-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.tier-card,
.stair-card,
.scenario-card,
.perk-card,
.num-box {
  padding: 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ==========================================================================
   P07: Owning Q, Open Books, Charter, SAFE & Board (p07-* & OW*)
   ========================================================================== */

.p07-owners-hub-inner,
.p07-investor-inner,
.p07-open-books-inner,
.p07-charter-inner,
.p07-guide-rounds-inner,
.p07-buy-calculator-inner,
.p07-checkout-inner,
.p07-receipt-inner,
.p07-board-inner,
.p07-proposal-inner,
.p07-window-inner,
.p07-founder-inner,
.p07-papers-inner,
.p07-reader-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.top-band-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  gap: 16px;
}

.board-layout-grid,
.founder-split-grid,
.reader-layout-grid,
.principles-grid,
.glass-jars-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.hero-page-title {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1.1;
  text-transform: uppercase;
}

.wall-top-signs {
  display: flex;
  align-items: stretch;
  gap: 6px;
  font-weight: 900;
}

.sign-people {
  flex: 17;
  padding: 8px 12px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  color: #25dc71;
  font-family: var(--q6-font-display);
  font-size: 20px;
  letter-spacing: 0.04em;
}

.sign-team {
  flex: 2;
  padding: 8px 6px;
  background: #2f352e;
  border: 1px solid var(--q6-rim);
  color: var(--q6-cream);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sign-founder {
  flex: 1.2;
  padding: 8px 6px;
  background: #b5bdb3;
  border: 1px solid var(--q6-rim);
  color: #0b100d;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.exact-figures-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-weight: 800;
}

.lockers-wall-container {
  display: grid;
  grid-template-columns: repeat(20, minmax(0, 1fr));
  gap: 4px;
}

.locker-unit {
  min-height: 86px;
  padding: 6px 4px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.locker-unit.green { border-color: #25dc71; background: linear-gradient(180deg, rgba(37, 220, 113, 0.35), rgba(37, 220, 113, 0.12)); }
.locker-unit.sky-blue { border-color: #4a9eff; background: linear-gradient(180deg, rgba(74, 158, 255, 0.35), rgba(74, 158, 255, 0.12)); }
.locker-unit.violet { border-color: #a585ff; background: linear-gradient(180deg, rgba(165, 133, 255, 0.35), rgba(165, 133, 255, 0.12)); }
.locker-unit.amber { border-color: #ffa21f; background: linear-gradient(180deg, rgba(255, 162, 31, 0.35), rgba(255, 162, 31, 0.12)); }
.locker-unit.metal-grey { border-color: #5e665c; background: #484f47; }
.locker-unit.light-grey { border-color: #9ea69c; background: #afb7ad; }
.locker-unit.shut { opacity: 0.9; }

.four-parts-row,
.road-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.part-block,
.road-step,
.term-box,
.wstat-box,
.qr-spec-box {
  padding: 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* OW18 Terms Grid (3-col), Governance, Papers */
.terms-grid,
.governance-cards-section,
.papers-covers-grid,
.rules-three-grid,
.window-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.term-label {
  font-size: 11px;
  font-weight: 800;
  color: var(--q6-muted);
  letter-spacing: 0.05em;
}

.term-val {
  font-size: 18px;
  font-weight: 900;
  color: var(--q6-cream);
}

/* OW08 Figures Ledger Table & Treasury Card */
.figures-ledger-table {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--q6-rim);
}

.ledger-line,
.order-row,
.receipt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
}

.ledger-line.total {
  border-top: 2px solid var(--q6-green);
  font-size: 15px;
  font-weight: 800;
}

.treasury-status-card {
  padding: 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.treasury-status-card h4 {
  margin: 0;
  font-size: 13px;
  letter-spacing: 0.06em;
}

/* OW09 Principle Chip */
.principle-chip {
  width: 12px;
  height: 12px;
  border-radius: 0;
  background: var(--q6-green);
}

.principle-chip.green { background: #25dc71; }
.principle-chip.sky-blue { background: #4a9eff; }
.principle-chip.violet { background: #a585ff; }

.ladder-grid,
.stubs-grid,
.preset-tiles-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.proposals-list,
.ideas-cards,
.ballot-options,
.rails-selection-group,
.toc-list,
.verification-steps-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.board-proposal-card,
.paper-cover-card,
.glass-jar,
.ballot-choice-card,
.rail-card,
.preset-tile,
.stub-card {
  padding: 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ==========================================================================
   P10: The Launchpad (la01-* .. la11-*, p10-*)
   ========================================================================== */

.la01-hero-panel,
.la02-rally-hub,
.la04-board-shell,
.la08-desk-shell,
.la09-trading-shell,
.la10-arena-shell,
.la11-shell,
.tm02-desk-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.la01-title,
.la02-title,
.la04-title,
.la06-title,
.la07-title,
.la08-title,
.la09-title,
.la10-title,
.la11-title {
  margin: 4px 0 0;
  font-family: var(--q6-font-display);
  font-size: clamp(22px, 3vw, 30px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.la01-stats-strip,
.la08-held-grid,
.la08-launched-grid,
.la10-grid,
.la11-coins-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.la01-stat-card,
.la02-stat-box,
.la05-ticket-card,
.la05-fee-box,
.la05-protections-box,
.la06-wizard-card,
.la08-coin-tile,
.la08-earnings-card,
.la09-trade-ticket,
.la09-wallet-panel,
.la10-game-tile,
.la11-coin-card {
  padding: 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.la01-stat-val,
.la02-stat-num,
.la08-earn-val {
  font-size: 22px;
  font-weight: 900;
  color: var(--q6-green);
}

.la01-nav-grid,
.la04-controls-row,
.la04-filter-chips,
.la06-stepper,
.la08-vote-chips,
.la09-tab-row,
.la11-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.la05-hud-grid,
.tm02-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.la05-crt-bezel {
  padding: 16px;
  background: #050d09;
  border: 3px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.la06-step--active,
.la10-tile--active,
.tm02-item--active {
  border: 2px solid var(--q6-green);
}

/* ==========================================================================
   P12: The AI Trading Desk (dk01-* .. dk08-*, p12-* in House Gold #050403)
   ========================================================================== */

.p12-desk-landing,
.p12-desk-wizard,
.p12-holding-tiers,
.p12-signal-feed,
.p12-hands-free,
.p12-telegram-card-spec,
.p12-public-record {
  background-color: #050403;
  color: #efe6d2;
  border-color: #d8b45e;
}

.dk01-column-560 {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}

.dk01-title,
.dk02-title,
.dk03-title,
.dk04-title,
.dk05-title,
.dk06-title,
.dk08-title {
  margin: 6px 0;
  font-size: clamp(24px, 3.6vw, 34px);
}

.dk01-sub,
.dk02-desc,
.dk03-sub,
.dk04-sub,
.dk04-desc,
.dk05-sub,
.dk06-sub,
.dk08-sub {
  margin: 0;
  color: #b5a689;
  font-size: 13px;
  line-height: 1.55;
}

.dk01-gold-monitor {
  background: #0a0806;
  border: 2px solid #d8b45e;
  padding: 20px;
  position: relative;
  box-shadow: 0 0 28px rgba(216, 180, 94, 0.12);
}

.dk01-stats-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
}

.dk01-stat-cell {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dk01-stat-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #b5a689;
}

.dk01-stat-val,
.dk01-gold-text {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(28px, 4vw, 38px);
  font-weight: 700;
  color: #d8b45e;
}

.dk01-stat-divider {
  width: 1px;
  height: 48px;
  background: rgba(216, 180, 94, 0.4);
}

.dk01-disclaimer-plate,
.dk08-disclaimer-card {
  padding: 12px 14px;
  background: #120e09;
  border: 1px solid rgba(216, 180, 94, 0.4);
  color: #b5a689;
  font-size: 12px;
  line-height: 1.5;
}

.dk01-actions,
.dk02-actions,
.dk04-actions,
.dk05-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dk03-tiers-shell,
.dk04-feed-shell,
.dk05-handsfree-shell,
.dk06-spec-shell,
.dk08-record-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dk03-tiers-grid,
.dk06-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.dk03-tier-card,
.dk02-wizard-card,
.dk05-master-switch-card,
.dk06-card-box {
  padding: 16px;
  background: #0a0806;
  border: 1px solid rgba(216, 180, 94, 0.4);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dk03-card--active,
.dk02-step--active {
  border: 2px solid #d8b45e;
  background: #120e09;
}

.dk04-feed-list,
.dk05-positions-list,
.dk05-closed-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dk04-call-card {
  padding: 16px;
  background: #0a0806;
  border: 1px solid #d8b45e;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dk04-call-top,
.dk04-header-top,
.dk05-header-top,
.dk05-pos-row,
.dk05-closed-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.dk04-ticker-badge {
  font-size: 14px;
  font-weight: 900;
  color: #efe6d2;
}

.dk04-price-now {
  font-size: 13px;
  color: #d8b45e;
  font-weight: 800;
}

.dk04-mint-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 12px;
  background: #120e09;
  border: 1px solid rgba(216, 180, 94, 0.35);
  font-size: 12px;
}

.dk04-instructions-box {
  padding: 10px 12px;
  background: rgba(216, 180, 94, 0.07);
  border: 1px solid #d8b45e;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: #efe6d2;
}

.dk04-empty-feed,
.dk04-gated-box,
.dk08-empty-record {
  padding: 24px;
  background: #0a0806;
  border: 1px solid rgba(216, 180, 94, 0.35);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.dk06-card-pre {
  margin: 0;
  padding: 12px;
  background: #120e09;
  border: 1px solid rgba(216, 180, 94, 0.25);
  font-family: var(--q6-font-mono);
  font-size: 11px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.dk08-table-wrap {
  overflow-x: auto;
}

/* ==========================================================================
   P13: Business Portal, Builders & Partners (p13-*)
   ========================================================================== */

.p13-hero-header,
.p13-builders-header,
.p13-partner-header,
.p13-influencer-header,
.p13-wizard-header,
.p13-review-header,
.p13-transition-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.p13-hero-title,
.p13-title {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: clamp(22px, 3.2vw, 32px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.p13-hero-subtitle,
.p13-subtitle {
  margin: 0;
  font-size: 13px;
  color: var(--q6-muted);
  line-height: 1.5;
}

.p13-hero-actions,
.p13-wizard-actions,
.p13-review-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.p13-guarantees-grid,
.p13-pricing-grid,
.p13-partner-pillars,
.p13-builder-stats,
.p13-earnings-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.p13-currency-pair {
  font-size: 20px;
  color: var(--q6-green);
}

.p13-wizard-form,
.p13-prospect-form,
.p13-bio-form,
.p13-calc-controls,
.p13-calc-results {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.p13-field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.p13-res-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* ==========================================================================
   P14: Onboarding, Home Hero, Sign-In, Orientation & System (st-*, sy-*, gs02-*)
   ========================================================================== */

.st01-home-shell,
.st04-trades-shell,
.st05-task-shell,
.gs02-orientation-shell,
.sy-nav-shell,
.sy05-settings-shell,
.st09-shell {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.st01-title,
.st04-title,
.st05-title,
.gs02-title,
.sy01-title,
.sy03-title,
.sy04-title,
.sy05-title,
.sy07-title,
.st09-title {
  margin: 4px 0;
  font-family: var(--q6-font-display);
  font-size: clamp(22px, 3.2vw, 32px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.st01-video-still {
  min-height: 200px;
  padding: 16px;
  background: radial-gradient(circle at 50% 35%, #16281f 0%, #060d0a 100%);
  border: 2px solid var(--q6-green);
  display: flex;
  align-items: flex-end;
}

.st01-hero-actions,
.st01-member-actions,
.sy04-tab-selector,
.sy04-social-logins,
.sy-nav-tabs,
.st09-tabs,
.sy05-currency-chips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.st01-doors-container {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 14px;
}

.st01-big-door,
.st01-small-door,
.st01-bal-card,
.st01-milestones-box,
.st04-trade-tile,
.st05-prompt-box,
.st05-ai-answer-box,
.st05-done-card,
.sy03-product-card,
.sy06-card,
.sy07-profile-card,
.st09-faq-item {
  padding: 16px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.st01-small-doors {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.st01-balances-strip,
.st04-trades-grid,
.sy03-products-grid,
.sy05-languages-grid,
.sy06-samples-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.st01-pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.st01-meter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 800;
}

.st04-tile--active {
  border: 2px solid var(--q6-green);
}

.st05-grade-options {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.sy04-privy-pane,
.sy04-telegram-pane,
.sy04-recover-pane,
.gs02-steps-list,
.sy01-floors-list,
.st09-faq-list,
.st12-messages-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sy04-turnstile-box {
  padding: 12px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sy04-check-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
}

.sy04-error-box,
.st05-error {
  padding: 10px 12px;
  background: rgba(255, 71, 87, 0.14);
  border: 1px solid #ff4757;
  color: #ff858f;
  font-size: 12px;
}

.gs02-step-row,
.sy01-floor-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
}

.gs02-step-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.gs02-step--done {
  border-color: var(--q6-green);
  background: #0b1d15;
}

/* SY09 Paused Card and Pause Indicator */
.sy09-paused-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
}

.sy09-status-wrap {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.sy09-pause-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 28px;
  height: 28px;
  background: rgba(255, 162, 31, 0.12);
  border: 1px solid var(--q6-amber, #ffa21f);
  box-sizing: border-box;
}

.sy09-pause-bar {
  display: inline-block;
  width: 3px;
  height: 14px;
  background-color: var(--q6-amber, #ffa21f);
}

/* ==========================================================================
   P15: Illustrated How-It-Works Guide (hw-*, st02-*, p15-*)
   ========================================================================== */

.hw-spread-shell,
.st02-guide-shell {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.hw-spread-nav,
.hw-footer-bar,
.hw00-header-top,
.st02-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.hw-all-chapters-btn {
  appearance: none;
  padding: 6px 10px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  color: var(--q6-cream);
  font-family: var(--q6-font-mono);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.hw-spread-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 20px;
  align-items: stretch;
}

.hw-text-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hw-title,
.st02-title {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: clamp(24px, 3.2vw, 34px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.hw-summary {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--q6-cream);
}

.hw-illustration-col {
  display: flex;
  flex-direction: column;
}

.hw-comic-scene {
  flex: 1;
  min-height: 260px;
  padding: 18px;
  background: radial-gradient(circle at 50% 35%, #13251d 0%, #060d0a 100%);
  border: 2px solid var(--q6-green);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}

.hw-character-plate,
.hw-takeaway-box,
.hw-tokenomics-callout,
.hw-ladder-callout,
.hw-pool-callout {
  padding: 12px 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-green);
}

.hw-split-row,
.st02-chapters-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.hw00-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.st02-chapter-card,
.hw00-tile {
  padding: 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.st02-card--read,
.hw00-tile--current {
  border-color: var(--q6-green);
}

/* ==========================================================================
   P16: Team Operations Console (tm01-* .. tm10-*, p16-*)
   ========================================================================== */

.tm01-console-shell,
.tm02-shell,
.tm04-shell,
.tm06-shell,
.tm08-payout-shell,
.tm10-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tm01-header,
.tm01-quad-header,
.tm02-header-top,
.tm08-run-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.tm01-title,
.tm02-title,
.tm04-title,
.tm06-title,
.tm08-title,
.tm10-title {
  margin: 4px 0 0;
  font-family: var(--q6-font-display);
  font-size: clamp(22px, 3vw, 28px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tm01-grid-2x2,
.tm04-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tm02-columns-grid,
.tm03-programs-grid,
.tm06-stats-grid,
.tm09-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.tm01-quadrant,
.tm02-col,
.tm02-card,
.tm03-prog-card,
.tm04-info-box,
.tm04-appeal-box,
.tm04-action-box,
.tm05-brief-box,
.tm05-deliveries-box,
.tm05-chat-box,
.tm06-stat-tile,
.tm07-id-card,
.tm08-run-card,
.tm09-metric-tile,
.tm10-proof-card,
.tm10-hash-box {
  padding: 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tm01-tubes-grid,
.tm02-col-items,
.tm07-id-list,
.tm08-runs-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tm02-subtabs,
.tm04-tab-row,
.tm04-btn-row,
.tm05-btn-row,
.tm06-tab-row,
.tm08-run-actions,
.tm10-tab-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* ==========================================================================
   P17: Telegram Group Launcher, 390px Mini App & 1440px Split (tg01-*..tg10-*)
   ========================================================================== */

.tg01-group-shell {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tg02-home-shell,
.tg03-jobs-shell,
.tg04-arcade-shell,
.tg05-academy-shell,
.tg06-invites-shell,
.tg07-desk-shell,
.tg08-handoff-shell,
.tg09-states-shell {
  max-width: 420px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tg02-tma-header,
.tg02-meter-top,
.tg04-header-top,
.tg04-stats-bar,
.tg04-lead-row,
.tg05-card-top,
.tg06-cup-row,
.tg07-header-top,
.tg07-card-top,
.tg09-gate-row,
.tg09-draft-row,
.tg10-chat-header,
.tg10-work-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.tg02-user-badge {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tg02-user-info {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

.tg02-auth-time {
  font-size: 10px;
  color: var(--q6-green);
}

.tg02-balance-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.tg02-bal-item {
  padding: 10px 8px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  text-align: center;
}

.tg01-pinned-bar,
.tg01-feed-card,
.tg02-1b-meter-card,
.tg02-top-mission-card,
.tg03-job-card,
.tg04-cabinet-frame,
.tg05-stars-unlock-card,
.tg05-lesson-card,
.tg06-attached-card,
.tg07-signal-card,
.tg07-handoff-banner,
.tg08-token-card,
.tg09-gates-panel,
.tg09-drafts-panel {
  padding: 14px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tg04-et-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.tg04-et-cell {
  padding: 10px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
}

.tg04-et-breakdown,
.tg04-et-paused,
.tg04-et-notice,
.tg04-lead-empty {
  padding: 8px 10px;
  background: rgba(8, 22, 16, 0.72);
  border: 1px solid var(--q6-rim);
  font-size: 11px;
  line-height: 1.4;
}

.tg04-controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Standalone TMA Container Desktop Isolation on screens greater than 600px */
@media (min-width: 601px) {
  .p17-tma-home {
    max-width: 420px;
    width: 100%;
    margin: 24px auto;
    border: 2px solid #1a2522;
    border-radius: 12px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.85);
    overflow: hidden;
    position: relative;
  }

  .q6-shell--tma .p17-tma-home,
  .q6-shell[data-layout-mode="tma"] .p17-tma-home {
    max-width: 100%;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
}

/* Standalone TMA Container Mobile Full-Bleed on screens 600px or less */
@media (max-width: 600px) {
  .p17-tma-home,
  .q6-shell--tma .p17-tma-home,
  .q6-shell[data-layout-mode="tma"] .p17-tma-home {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}

/* TMA Illustrated Bottom Bar Navigation (TG02-home-phone.png) */
.tg02-bottom-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  padding: 6px 4px;
  background: #060c0b;
  border-top: 2px solid #1a2522;
  align-items: center;
}

.tg02-tab-btn {
  appearance: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 6px 4px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--q6-muted, #727b75);
  font-family: var(--q6-font-display, "Jersey 20", sans-serif);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  cursor: pointer;
  min-width: 0;
  text-decoration: none;
  transition: background 120ms ease, color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.tg02-tab-btn .tg02-tab-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
}

.tg02-tab-btn .tg02-tab-label {
  display: block;
  font-family: var(--q6-font-display, "Jersey 20", sans-serif);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

/* Active Tab Dark Glow Backgrounds */
/* 1. HOME: Emerald */
.tg02-tab--home.tg02-tab--active,
.tg02-tab-btn[data-tab="HOME"].tg02-tab--active,
.tg02-tab-btn[data-phone-slot="home"][aria-current="page"] {
  background: #0e2418;
  color: #25dc71;
  border: 1px solid #25dc71;
  box-shadow: 0 0 12px rgba(37, 220, 113, 0.35);
}

/* 2. JOBS: Blue */
.tg02-tab--jobs.tg02-tab--active,
.tg02-tab-btn[data-tab="JOBS"].tg02-tab--active,
.tg02-tab-btn[data-phone-slot="jobs"][aria-current="page"] {
  background: #0d1e2d;
  color: #4a9eff;
  border: 1px solid #4a9eff;
  box-shadow: 0 0 12px rgba(74, 158, 255, 0.35);
}

/* 3. PLAY: Amber */
.tg02-tab--play.tg02-tab--active,
.tg02-tab-btn[data-tab="PLAY"].tg02-tab--active,
.tg02-tab-btn[data-phone-slot="play"][aria-current="page"] {
  background: #291e0a;
  color: #ffa21f;
  border: 1px solid #ffa21f;
  box-shadow: 0 0 12px rgba(255, 162, 31, 0.35);
}

/* 4. DESK: Gold */
.tg02-tab--desk.tg02-tab--active,
.tg02-tab-btn[data-tab="DESK"].tg02-tab--active,
.tg02-tab-btn[data-phone-slot="desk"][aria-current="page"] {
  background: #2b230e;
  color: #ffd23f;
  border: 1px solid #ffd23f;
  box-shadow: 0 0 12px rgba(255, 210, 63, 0.35);
}

/* 5. CREW: Purple */
.tg02-tab--crew.tg02-tab--active,
.tg02-tab-btn[data-tab="CREW"].tg02-tab--active,
.tg02-tab-btn[data-phone-slot="crew"][aria-current="page"] {
  background: #1f162d;
  color: #a585ff;
  border: 1px solid #a585ff;
  box-shadow: 0 0 12px rgba(165, 133, 255, 0.35);
}

.tg01-cards-feed,
.tg03-jobs-list,
.tg05-lessons-list,
.tg07-signals-feed,
.tg09-drafts-list,
.tg10-chat-messages {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* TG10 1440px Desktop Split View */
.p17-desktop-split {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

.tg10-split-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tg10-split-grid {
  display: grid;
  grid-template-columns: minmax(260px, 380px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.tg10-chat-col,
.tg10-workspace-col {
  padding: 16px;
  background: var(--q6-steel);
  border: 1px solid var(--q6-rim);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.tg10-chat-msg,
.tg10-job-tile {
  padding: 10px 12px;
  background: var(--q6-plate);
  border: 1px solid var(--q6-rim);
  font-size: 12px;
}

.tg10-jobs-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.tg10-job-tile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.tg10-job-reward {
  color: var(--q6-green);
  font-weight: 800;
  white-space: nowrap;
}

/* ==========================================================================
   Responsive Breakpoints (<= 960px Tablet & <= 600px / 390x844 Mobile)
   ========================================================================== */

@media (max-width: 960px) {
  .p01-kanban-grid,
  .p01-orientation-steps,
  .p01-ways-grid,
  .p01-steps-row,
  .p01-week-metrics,
  .p01-passport-stats,
  .p01-badges-grid,
  .p01-calendar-grid,
  .p02-courses-grid,
  .p02-pathway-cards,
  .p04-balance-strip,
  .p04-balance-strip.business-strip,
  .p05-balance-strip,
  .p04-band-2,
  .notifs-grid,
  .settings-grid,
  .signin-methods-grid,
  .member-links-container,
  .creator-links-grid,
  .today-grid,
  .p04-deep-scroll,
  .reels-grid,
  .messages-grid,
  .steps-grid,
  .team-summary-strip,
  .comp-grid,
  .q-breakdown-strip,
  .ways-grid,
  .proof-meta-grid,
  .card-hero-grid,
  .card-cockpit-grid,
  .chart-wallets-grid,
  .pfp-studio-grid,
  .numbers-grid,
  .tiers-grid,
  .staircase-grid,
  .scenarios-grid,
  .perks-grid,
  .top-band-split,
  .board-layout-grid,
  .founder-split-grid,
  .reader-layout-grid,
  .principles-grid,
  .glass-jars-container,
  .four-parts-row,
  .road-steps-grid,
  .terms-grid,
  .governance-cards-section,
  .papers-covers-grid,
  .rules-three-grid,
  .window-stats-grid,
  .la01-stats-strip,
  .la08-held-grid,
  .la08-launched-grid,
  .la10-grid,
  .la11-coins-grid,
  .la05-hud-grid,
  .tm02-layout,
  .dk03-tiers-grid,
  .dk06-cards-grid,
  .p13-guarantees-grid,
  .p13-pricing-grid,
  .p13-partner-pillars,
  .p13-builder-stats,
  .p13-earnings-metrics,
  .st01-doors-container,
  .st01-balances-strip,
  .st04-trades-grid,
  .sy03-products-grid,
  .sy05-languages-grid,
  .sy06-samples-grid,
  .st01-pillars-grid,
  .hw-spread-grid,
  .hw-split-row,
  .st02-chapters-grid,
  .tm01-grid-2x2,
  .tm04-evidence-grid,
  .tm02-columns-grid,
  .tm03-programs-grid,
  .tm06-stats-grid,
  .tm09-metrics-grid,
  .tg10-split-grid,
  .tg10-jobs-preview-grid {
    grid-template-columns: 1fr;
  }

  .lockers-wall-container {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .ladder-grid,
  .stubs-grid,
  .preset-tiles-row,
  .hw00-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .q6-workspace {
    padding: 12px;
    gap: 14px;
  }

  .boardroom-column-560,
  .p06-buy-funnel-inner,
  .dk01-column-560 {
    padding: 20px 14px;
  }

  .lockers-wall-container {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .three-steps-bar,
  .presets-row,
  .ladder-grid,
  .stubs-grid,
  .preset-tiles-row,
  .hw00-grid {
    grid-template-columns: 1fr;
  }

  .step-cell {
    border-right: 0;
    border-bottom: 1px solid rgba(216, 180, 94, 0.45);
  }

  .step-cell:last-child {
    border-bottom: 0;
  }

  .dk01-stats-row {
    grid-template-columns: 1fr;
  }

  .dk01-stat-divider {
    width: 100%;
    height: 1px;
  }

  .tg02-balance-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .p03-container,
  .p08-container,
  .p09-container,
  .p11-container {
    padding: 12px;
  }

  .p03-cabinets-grid,
  .p08-plans-grid,
  .p09-dept-grid {
    grid-template-columns: 1fr;
  }

  .p11-altitude-ladder,
  .p11-contract-bar {
    flex-wrap: wrap;
    gap: 6px;
  }

  .q6-table th,
  .q6-table td,
  .p01-dense-table th,
  .p01-dense-table td,
  .la04-table th,
  .la04-table td,
  .dk08-table th,
  .dk08-table td {
    padding: 7px 6px;
    font-size: 11px;
  }
}

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

/* 1:1 Visual Parity Upgrades for Cluster A and B */

/* P01 Kanban Trays and Tray Header Tiles */
.p01-kanban-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: start;
}

@media (max-width: 1100px) {
  .p01-kanban-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .p01-kanban-grid {
    grid-template-columns: 1fr;
  }
}

.p01-column {
  background: rgba(18, 22, 26, 0.75);
  border: 1px solid var(--q6-rim);
  border-radius: 4px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.p01-column[data-col="OPEN"] {
  border-top: 3px solid #25dc71;
}

.p01-column[data-col="STARTED"] {
  border-top: 3px solid #4a9eff;
}

.p01-column[data-col="CHECKING"] {
  border-top: 3px solid #a585ff;
}

.p01-column[data-col="PAID"] {
  border-top: 3px solid #ffa21f;
}

.p01-col-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.tray-header-tile {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.picture-tile-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}

.p01-best-match-hero {
  border: 1px solid rgba(37, 220, 113, 0.6);
  background: linear-gradient(180deg, rgba(37, 220, 113, 0.08) 0%, rgba(18, 22, 26, 0.95) 100%);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.p01-best-match-art {
  width: 100%;
  max-height: 120px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.p01-paid-alex-footer {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
}

.p01-paid-envelope-img {
  width: 140px;
  height: auto;
  object-fit: contain;
}

.p01-paid-caption {
  font-size: 11px;
  color: var(--q6-muted);
  font-style: italic;
}

/* 2-Column Layout (566px left / 802px right) */
.q6-two-col-layout {
  display: grid;
  grid-template-columns: minmax(320px, 566px) minmax(360px, 802px);
  gap: 24px;
  align-items: start;
}

@media (max-width: 960px) {
  .q6-two-col-layout {
    grid-template-columns: 1fr;
  }
}

/* 3-Pane Layout for EA06 and EA11 */
.q6-three-pane-layout {
  display: grid;
  grid-template-columns: 280px 1fr 300px;
  gap: 18px;
  align-items: start;
}

@media (max-width: 1050px) {
  .q6-three-pane-layout {
    grid-template-columns: 1fr;
  }
}

/* OW01 Proportional Stacked Horizontal Split Bar */
.proportional-split-bar {
  display: flex;
  width: 100%;
  height: 28px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6);
  margin: 14px 0;
}

.split-bar-segment {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
}

.split-bar-segment.rounds {
  width: 25%;
  background: linear-gradient(180deg, #32eb7f 0%, #25dc71 50%, #178f49 100%);
}

.split-bar-segment.work-pool {
  width: 40%;
  background: linear-gradient(180deg, #64aeff 0%, #4a9eff 50%, #206ec9 100%);
}

.split-bar-segment.builders {
  width: 10%;
  background: linear-gradient(180deg, #b99eff 0%, #a585ff 50%, #6e4bc9 100%);
}

.split-bar-segment.treasury {
  width: 10%;
  background: linear-gradient(180deg, #ffb347 0%, #ffa21f 50%, #c47306 100%);
}

.split-bar-segment.team {
  width: 10%;
  background: linear-gradient(180deg, #6e747b 0%, #555a60 50%, #36393d 100%);
}

.split-bar-segment.founder {
  width: 5%;
  background: linear-gradient(180deg, #a4a8af 0%, #8b8e94 50%, #585a5e 100%);
}

/* QU01 Price Tile 360x110px */
.qu01-price-tile {
  width: 360px;
  max-width: 100%;
  height: 110px;
  margin: 18px auto;
  background: rgba(14, 12, 8, 0.9);
  border: 1px solid #d8b45e;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-shadow: 0 4px 20px rgba(216, 180, 94, 0.2);
}

.qu01-gold-safe-art {
  width: 100%;
  max-width: 560px;
  height: auto;
  border-radius: 4px;
  margin: 16px auto;
  display: block;
  border: 1px solid rgba(216, 180, 94, 0.3);
}

/* Gary and Tower Scene (OW02) */
.ow02-gary-art {
  width: 100%;
  max-width: 480px;
  height: auto;
  border-radius: 4px;
  margin: 14px auto;
  display: block;
}

/* Street of Three Shops Hero Scene (BU01) */
.bu01-street-hero-img {
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  border-radius: 4px;
  margin: 12px 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Lane 1 visual parity: P01, P04 and P05. */
/* Lane 1 master hardware, scoped to the requested earning views. */
:is(.p01-ways-to-earn, .p01-job-board-kanban) {
  --q6-green: #00ed67;
  --q6-blue: #2ebdff;
  --q6-violet: #bb6aee;
  --q6-amber: #ffad05;
  --q6-cream: #fff0cf;
}

:is(.p01-ways-to-earn, .p01-job-board-kanban) .q6-plate {
  border: 12px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 28 48 fill / 12px / 0 stretch;
  background: #031009;
  box-shadow: 0 3px 8px #0009;
  min-width: 0;
}

:is(.p01-ways-to-earn, .p01-job-board-kanban) .q6-rim-green {
  box-shadow: inset 0 0 0 3px #00ed67, 0 0 10px #00ed6725;
}

:is(.p01-ways-to-earn, .p01-job-board-kanban) .q6-key {
  border: 9px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 44 fill / 9px / 0 stretch;
  background: #08120d;
  color: var(--q6-cream);
  font-family: var(--q6-font-display);
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  min-height: 44px;
  padding: 3px 10px 5px;
  cursor: pointer;
}

:is(.p01-ways-to-earn, .p01-job-board-kanban) .q6-key:is(.active, [aria-pressed="true"], .q6-key--green, .q6-key--green-outline) {
  border-image: url('/runtime/products/assets/shell/key-dark.webp') 22 24 30 fill / 9px / 0 stretch;
  color: #00ed67;
}

:is(.p01-ways-to-earn, .p01-job-board-kanban) .q6-key--orange {
  border-image-source: url('/runtime/products/assets/shell/key-orange.webp');
  color: #100b02;
}

:is(.p01-ways-to-earn, .p01-job-board-kanban) .q6-key:hover:not(:disabled) { filter: brightness(1.13); }
:is(.p01-ways-to-earn, .p01-job-board-kanban) .q6-key:active:not(:disabled) { transform: translateY(2px); }
:is(.p01-ways-to-earn, .p01-job-board-kanban) .q6-key--orange:active:not(:disabled) { border-image-source: url('/runtime/products/assets/shell/key-orange-down.webp'); }
:is(.p01-ways-to-earn, .p01-job-board-kanban) :is(button, a, input, select):focus-visible { outline: 2px solid #2ebdff; outline-offset: 4px; }

/* EA01: the member desk uses the approved warehouse and conveyor raster scenes. */
.p01-ways-to-earn {
  padding: 10px 14px 28px;
  gap: 18px;
  color: var(--q6-cream);
  background: #020b07;
}

.p01-ways-to-earn .p01-hero-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 24px;
  align-items: center;
  margin: 0;
  padding: 0 2px 12px;
  border-bottom: 1px solid #48554a;
}

.p01-ways-to-earn .p01-access-chip {
  width: max-content;
  max-width: 100%;
  grid-column: 1;
  color: #00f36c;
  font: 18px/1 var(--q6-font-display);
  letter-spacing: .05em;
}

.p01-ways-to-earn .p01-title {
  grid-column: 1;
  font-size: clamp(34px, 3.5vw, 56px);
  line-height: .95;
  letter-spacing: .02em;
  color: #ff7200;
}

.p01-ways-to-earn .p01-subtitle {
  grid-column: 1;
  color: var(--q6-cream);
  font-size: 12px;
  line-height: 1.5;
}

.p01-ways-to-earn .p01-balances-pair {
  grid-column: 2;
  grid-row: 1 / 4;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 430px;
  padding: 10px 0;
  border: 0;
  background: none;
  font: 26px/1.1 var(--q6-font-display);
}

.p01-ways-to-earn .p01-bal-q { color: #00f36c; }
.p01-ways-to-earn .p01-bal-quit { color: #30b8f4; }

.p01-ways-to-earn .p01-two-col {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: 22px;
}

.p01-ways-to-earn :is(.p01-col-left, .p01-col-right) { min-width: 0; }

.p01-ways-to-earn .p01-earn-heading {
  margin: 0 0 12px 6px;
  font: clamp(56px, 7vw, 100px)/.95 var(--q6-font-display);
  letter-spacing: .025em;
  color: #f4e7cb;
}

.p01-ways-to-earn .p01-earn-heading span { color: #ff7200; }

.p01-ways-to-earn .qo-kicker {
  color: #00f36c;
  font: 30px/1.05 var(--q6-font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.p01-ways-to-earn .p01-best-job-card {
  display: block;
  padding: 10px;
  background-color: #03120b;
  border-color: #00f36c;
  box-shadow: inset 0 0 0 2px #00f36c, 0 0 12px #00ef5d24;
}

.p01-ways-to-earn .p01-brenda-preview-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  margin: 0;
  border: 1px solid #68654c;
}

.p01-ways-to-earn .p01-best-job-copy { padding: 16px 8px 10px; }

.p01-ways-to-earn .p01-best-job-heading {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.p01-ways-to-earn .p01-best-job-icon {
  width: 78px;
  height: 90px;
  object-fit: contain;
  padding: 5px;
  border: 3px solid #00ee64;
  border-radius: 12px;
  background: #000a06;
  box-shadow: inset 0 0 8px #00ed4820;
}

.p01-ways-to-earn .p01-best-job-heading .qo-kicker { font-size: clamp(20px, 2vw, 28px); }

.p01-ways-to-earn .p01-best-job-heading h2 {
  margin: 7px 0 0;
  color: #f4e7cb;
  font: clamp(27px, 2.7vw, 41px)/.98 var(--q6-font-display);
  letter-spacing: .015em;
}

.p01-ways-to-earn .p01-best-job-copy > p {
  margin: 14px 0 12px;
  font: 12px/1.55 var(--q6-font-mono);
  color: var(--q6-cream);
}

.p01-ways-to-earn .p01-best-reward {
  color: #00f36c;
  font: 23px/1.15 var(--q6-font-display);
  letter-spacing: .025em;
  margin-bottom: 16px;
}

.p01-ways-to-earn .p01-card-actions .q6-key {
  min-height: 64px;
  min-width: min(100%, 280px);
  max-width: 100%;
  font: clamp(25px, 2.6vw, 39px)/1 var(--q6-font-display);
  padding: 13px 24px;
  text-align: center;
}

.p01-ways-to-earn .p01-week-summary { margin-top: 18px; padding: 16px; }
.p01-ways-to-earn .p01-week-summary .qo-kicker { font-size: 25px; margin-bottom: 12px; }
.p01-ways-to-earn .p01-week-metrics { gap: 10px; }
.p01-ways-to-earn .p01-metric { min-width: 0; }
.p01-ways-to-earn .p01-metric strong { display: block; font: 27px/1.1 var(--q6-font-display); color: #00f36c; overflow-wrap: anywhere; }
.p01-ways-to-earn .p01-metric span { display: block; margin-top: 5px; font-size: 10px; line-height: 1.4; }
.p01-ways-to-earn .p01-metric:nth-child(2) strong { color: #ffb529; }
.p01-ways-to-earn .p01-metric:nth-child(3) strong { color: #30b8f4; }

.p01-ways-to-earn .p01-eight-ways > .qo-kicker {
  min-height: 44px;
  display: flex;
  align-items: center;
  margin: 4px 8px 12px;
  font-size: clamp(28px, 3vw, 38px);
}

.p01-ways-to-earn .p01-ways-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
  gap: 0 18px;
  padding: 12px 18px;
}

.p01-ways-to-earn .p01-way-card {
  --p01-way-color: #00ef66;
  min-width: 0;
  padding: 10px 0;
  gap: 0;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #657168;
  position: relative;
}

.p01-ways-to-earn .p01-way-card:nth-child(4n) { border-bottom: 0; }
.p01-ways-to-earn .p01-way-card[data-way="cash-jobs"] { --p01-way-color: #e4e800; }
.p01-ways-to-earn .p01-way-card[data-way="teach-ai"] { --p01-way-color: #b467e8; }
.p01-ways-to-earn .p01-way-card[data-way="academy"] { --p01-way-color: #ff9a00; }
.p01-ways-to-earn .p01-way-card[data-way="invite-friends"] { --p01-way-color: #30b8f4; }
.p01-ways-to-earn .p01-way-card[data-way="content-gallery"] { --p01-way-color: #77edc4; }
.p01-ways-to-earn .p01-way-card[data-way="crew"] { --p01-way-color: #b467e8; }
.p01-ways-to-earn .p01-way-card[data-way="department"] { --p01-way-color: #f5cf67; }

.p01-ways-to-earn .p01-way-heading {
  display: grid;
  grid-template-columns: 65px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.p01-ways-to-earn .p01-way-heading .picture-tile-icon {
  display: block;
  width: 65px;
  height: 65px;
  object-fit: contain;
  padding: 4px;
  border: 3px solid var(--p01-way-color);
  border-radius: 11px;
  background: #010a06;
  box-shadow: 0 0 7px color-mix(in srgb, var(--p01-way-color) 20%, transparent);
}

.p01-ways-to-earn .p01-way-heading h4 {
  margin: 0;
  font: clamp(21px, 2vw, 29px)/1 var(--q6-font-display);
  color: #f4e7cb;
  letter-spacing: .01em;
}

.p01-ways-to-earn .p01-way-card p {
  margin: 7px 0 5px;
  font: 10px/1.5 var(--q6-font-mono);
  color: #bdc6b8;
}

.p01-ways-to-earn .p01-way-card .q6-link {
  display: inline-block;
  min-height: 24px;
  padding: 3px 0;
  font: 15px/1.2 var(--q6-font-display);
  color: var(--p01-way-color);
  background: none;
  border: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.p01-ways-to-earn .p01-way-card .q6-link::after { content: ''; position: absolute; inset: 0; }
.p01-ways-to-earn .p01-way-card:hover h4 { color: var(--p01-way-color); }
.p01-ways-to-earn .p01-way-card:focus-within { outline: 2px solid var(--p01-way-color); outline-offset: 3px; }

.p01-ways-to-earn .p01-how-it-works { margin-top: 22px; }
.p01-ways-to-earn .p01-how-it-works > .qo-kicker { margin: 0 8px 14px; }

.p01-ways-to-earn .p01-conveyor-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  margin: 0 0 10px;
}

.p01-ways-to-earn .p01-steps-row { gap: 16px; padding: 0 10px; }
.p01-ways-to-earn .p01-step { min-width: 0; }
.p01-ways-to-earn .p01-step strong { display: flex; align-items: center; gap: 9px; font: clamp(20px, 1.9vw, 28px)/1 var(--q6-font-display); }
.p01-ways-to-earn .p01-step-number { font-size: 48px; color: #00ef66; }
.p01-ways-to-earn .p01-step:nth-child(2) .p01-step-number { color: #30b8f4; }
.p01-ways-to-earn .p01-step:nth-child(3) .p01-step-number { color: #b467e8; }
.p01-ways-to-earn .p01-step p { margin: 7px 0 0; font: 10px/1.5 var(--q6-font-mono); color: #bdc6b8; }

@media (max-width: 1050px) {
  .p01-ways-to-earn .p01-two-col { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 16px; }
  .p01-ways-to-earn .p01-ways-grid { gap: 0 12px; padding: 8px 12px; }
  .p01-ways-to-earn .p01-way-heading { grid-template-columns: 50px minmax(0, 1fr); gap: 8px; }
  .p01-ways-to-earn .p01-way-heading .picture-tile-icon { width: 50px; height: 56px; }
  .p01-ways-to-earn .p01-best-job-heading { grid-template-columns: 60px minmax(0, 1fr); gap: 10px; }
  .p01-ways-to-earn .p01-best-job-icon { width: 60px; height: 78px; }
}

@media (max-width: 760px) {
  .p01-ways-to-earn { padding: 8px 8px 24px; gap: 14px; }
  .p01-ways-to-earn .p01-hero-header { grid-template-columns: minmax(0, 1fr); }
  .p01-ways-to-earn .p01-balances-pair { grid-column: 1; grid-row: auto; justify-content: flex-start; padding: 4px 0 0; font-size: 24px; }
  .p01-ways-to-earn .p01-two-col { grid-template-columns: minmax(0, 1fr); }
  .p01-ways-to-earn .p01-earn-heading { font-size: 60px; }
  .p01-ways-to-earn .p01-best-job-heading h2 { font-size: 32px; }
  .p01-ways-to-earn .p01-card-actions .q6-key { width: 100%; }
  .p01-ways-to-earn .p01-way-heading h4 { font-size: 24px; }
  .p01-ways-to-earn .p01-eight-ways > .qo-kicker { min-height: 0; }
}

@media (max-width: 430px) {
  .p01-ways-to-earn .p01-ways-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-flow: row; }
  .p01-ways-to-earn .p01-way-card:nth-child(4) { border-bottom: 2px solid #657168; }
  .p01-ways-to-earn .p01-way-heading { grid-template-columns: 58px minmax(0, 1fr); }
  .p01-ways-to-earn .p01-way-heading .picture-tile-icon { width: 58px; height: 58px; }
  .p01-ways-to-earn .p01-way-card p { font-size: 11px; }
  .p01-ways-to-earn .p01-step strong { display: block; font-size: 20px; }
  .p01-ways-to-earn .p01-step-number { display: block; margin-bottom: 5px; }
  .p01-ways-to-earn .p01-week-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .p01-ways-to-earn .p01-metric strong { font-size: 24px; }
}

/* EA02 approved factory board layout. */
.p01-job-board-kanban {
  padding: 0;
  gap: 14px;
  min-width: 0;
  color: var(--q6-cream);
  background: transparent;
}
.p01-job-board-kanban .p01-board-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  border: 0;
  padding: 0;
  gap: 20px;
}
.p01-job-board-kanban .p01-header-left {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
}
.p01-job-board-kanban .p01-title {
  flex: 0 0 auto;
  font-size: clamp(36px, 3.6vw, 58px);
  line-height: .95;
  letter-spacing: .025em;
  color: #ff7900;
  text-shadow: 0 3px 0 #321604;
}
.p01-job-board-kanban .p01-subtitle {
  max-width: 340px;
  margin: 0;
  color: var(--q6-cream);
  font-size: clamp(12px, 1.05vw, 16px);
  line-height: 1.35;
}
.p01-job-board-kanban .p01-header-right { margin-left: auto; }
.p01-job-board-kanban .p01-balances-pair {
  display: flex;
  gap: 9px;
  padding: 9px 10px;
  white-space: nowrap;
  font-family: var(--q6-font-display);
  font-size: 23px;
  line-height: 1;
  background: #03110b;
  border: 1px solid #45624c;
}
.p01-job-board-kanban .p01-growth-filter-bar {
  display: grid;
  grid-template-columns: .85fr 1fr 1.35fr 1.6fr 1.45fr;
  gap: 12px;
}
.p01-job-board-kanban .p01-growth-pill {
  --p01-accent: #00ed59;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 46px;
  padding: 5px 12px;
  border: 3px solid var(--p01-accent);
  border-radius: 9px;
  background: #001009;
  color: var(--p01-accent);
  font: 400 clamp(19px, 1.65vw, 27px)/1 var(--q6-font-display);
  letter-spacing: .025em;
  text-align: center;
  cursor: pointer;
  box-shadow: inset 0 2px 0 #d6e7d77d, inset 0 -3px 0 #000c, 0 2px 0 #000;
}
.p01-job-board-kanban .p01-growth-blue { --p01-accent: #2bb5ef; }
.p01-job-board-kanban .p01-growth-violet { --p01-accent: #bd68ef; }
.p01-job-board-kanban .p01-growth-gold { --p01-accent: #ffdd4c; }
.p01-job-board-kanban .p01-growth-amber { --p01-accent: #ff9d00; }
.p01-job-board-kanban .p01-growth-pill.is-active {
  background: #07341a;
  box-shadow: inset 0 0 14px #00ed592b, inset 0 2px 0 #e6ffe7aa, 0 0 9px #00ed5933;
}
.p01-job-board-kanban .p01-growth-pill:focus-visible,
.p01-job-board-kanban .q6-chip:focus-visible,
.p01-job-board-kanban .q6-key:focus-visible {
  outline: 2px solid var(--q6-cream);
  outline-offset: 3px;
}
.p01-job-board-kanban .p01-filter-bar { gap: 8px 16px; }
.p01-job-board-kanban .p01-filter-group { gap: 5px; }
.p01-job-board-kanban .p01-filter-group .q6-chip {
  min-height: 32px;
  padding: 6px 8px;
  font-size: 10px;
}
.p01-job-board-kanban .p01-search-box {
  min-width: 170px;
  flex: 1 1 170px;
}
.p01-job-board-kanban .p01-search-input {
  width: 100%;
  height: 34px;
  padding: 6px 10px;
  border: 1px solid #607064;
  background: #03100a;
  color: var(--q6-cream);
  font: 12px var(--q6-font-mono);
}
.p01-job-board-kanban .p01-orientation-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  padding: 9px 12px;
  border: 1px solid #00bd4d;
  border-radius: 4px;
  background: #03150a;
  box-shadow: inset 0 0 12px #00ed5912;
}
.p01-job-board-kanban .p01-orientation-banner .qo-kicker {
  flex: 0 0 175px;
  font: 400 20px/1.05 var(--q6-font-display);
  letter-spacing: .02em;
  color: #00ed59;
}
.p01-job-board-kanban .p01-orientation-steps {
  flex: 1;
  min-width: 0;
  gap: 14px;
  font-size: 10px;
  line-height: 1.35;
}
.p01-job-board-kanban .p01-orientation-steps input {
  flex: 0 0 auto;
  accent-color: #00ed59;
}
.p01-job-board-kanban .p01-kanban-grid {
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.p01-job-board-kanban .p01-column {
  --p01-tray: #00ed59;
  min-width: 0;
  gap: 10px;
  padding: 12px 10px 16px;
  border: 10px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 36 48 fill / 12px / 0 stretch;
  border-radius: 7px;
  background: #04110b;
  box-shadow: inset 0 4px 0 var(--p01-tray), 0 2px 5px #000;
}
.p01-job-board-kanban .p01-column[data-col="STARTED"] { --p01-tray: #2bb5ef; }
.p01-job-board-kanban .p01-column[data-col="CHECKING"] { --p01-tray: #bd68ef; }
.p01-job-board-kanban .p01-column[data-col="PAID"] { --p01-tray: #ffc237; }
.p01-job-board-kanban .p01-col-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 0 0 3px;
  border: 0;
  font: 400 clamp(24px, 2.1vw, 34px)/.95 var(--q6-font-display);
  letter-spacing: .015em;
  color: var(--p01-tray);
}
.p01-job-board-kanban .p01-col-header strong { font-weight: 400; }
.p01-job-board-kanban .tray-header-tile {
  width: clamp(42px, 4vw, 65px);
  height: clamp(42px, 4vw, 65px);
  object-fit: contain;
  flex: 0 0 auto;
  border: 3px solid var(--p01-tray);
  border-radius: 10px;
  padding: 3px;
  background: #020b07;
}
.p01-job-board-kanban .p01-column-count {
  margin-left: auto;
  padding: 2px 5px;
  min-width: 22px;
  border: 1px solid #6d796a;
  background: #0e1b12;
  color: var(--q6-cream);
  font: 16px/1 var(--q6-font-display);
  text-align: center;
}
.p01-job-board-kanban .p01-card-list { gap: 14px; }
.p01-job-board-kanban .p01-job-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 4px;
  border: 3px solid var(--p01-tray);
  border-image: none;
  border-radius: 12px;
  overflow: hidden;
  background: #001108;
  box-shadow: inset 0 0 0 1px #d7e3c84d, 0 3px 0 #0008;
}
.p01-job-board-kanban .p01-job-scene {
  position: relative;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  background: #001008;
}
.p01-job-board-kanban .p01-job-scene-art,
.p01-job-board-kanban .p01-best-match-art {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  object-fit: contain;
  border: 0;
  border-radius: 0;
}
.p01-job-board-kanban .p01-job-scene-art {
  aspect-ratio: 1.85;
  object-fit: cover;
  object-position: 50% 35%;
}
.p01-job-board-kanban .p01-scene-tag {
  display: block;
  padding: 6px;
  color: var(--p01-tray);
  font: 21px/1 var(--q6-font-display);
  background: #001108;
}
.p01-job-board-kanban .p01-job-card-body { padding: 8px 5px 5px; }
.p01-job-board-kanban .p01-card-meta {
  justify-content: flex-start;
  gap: 5px;
  margin-bottom: 7px;
}
.p01-job-board-kanban .p01-card-meta .q6-chip {
  min-height: 0;
  padding: 3px 5px;
  font: 13px/1 var(--q6-font-display);
  letter-spacing: .02em;
}
.p01-job-board-kanban .p01-slots {
  padding: 3px 5px;
  border: 1px solid #526250;
  border-radius: 4px;
  color: #ddd6ba;
  font: 12px/1.1 var(--q6-font-mono);
}
.p01-job-board-kanban .p01-title-with-tile {
  display: flex;
  gap: 7px;
  align-items: flex-start;
}
.p01-job-board-kanban .p01-title-with-tile .picture-tile-icon {
  width: 30px;
  height: 34px;
  object-fit: contain;
}
.p01-job-board-kanban .p01-card-title {
  margin: 0;
  font: 400 clamp(23px, 1.85vw, 30px)/1.02 var(--q6-font-display);
  letter-spacing: .015em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.p01-job-board-kanban .p01-reward-tag {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 8px 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--q6-cream);
  font: 28px/1 var(--q6-font-display);
}
.p01-job-board-kanban .p01-reward-icon {
  width: 25px;
  height: 25px;
  object-fit: contain;
}
.p01-job-board-kanban .p01-card-actions .q6-key {
  min-height: 38px;
  padding: 8px 12px;
  font: 23px/1 var(--q6-font-display);
  letter-spacing: .025em;
}
.p01-job-board-kanban .p01-best-match-hero .p01-card-actions .q6-key { width: 100%; }
.p01-job-board-kanban .p01-paid-alex-footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 0;
  margin: auto 0 0;
  border-top: 1px solid #58634f;
}
.p01-job-board-kanban .p01-paid-envelope-img {
  display: block;
  width: 100%;
  max-height: none;
  height: auto;
  object-fit: contain;
  border: 0;
  border-radius: 0;
}
.p01-job-board-kanban .p01-paid-caption {
  font: 12px/1.4 var(--q6-font-mono);
  color: var(--q6-cream);
  text-align: center;
}
.p01-job-board-kanban .p01-empty-state {
  padding: 16px;
  border: 10px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 36 48 fill / 12px / 0 stretch;
}
@media (min-width: 1450px) {
  .p01-job-board-kanban .p01-best-match-hero {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    align-items: stretch;
  }
  .p01-job-board-kanban .p01-best-match-hero .p01-job-scene {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .p01-job-board-kanban .p01-best-match-art { image-rendering: auto; }
  .p01-job-board-kanban .p01-best-match-hero .p01-title-with-tile .picture-tile-icon { display: none; }
}
@media (max-width: 1200px) {
  .p01-job-board-kanban .p01-header-left { display: block; }
  .p01-job-board-kanban .p01-subtitle { margin-top: 8px; }
  .p01-job-board-kanban .p01-growth-filter-bar { gap: 7px; }
  .p01-job-board-kanban .p01-growth-pill { padding: 5px; font-size: 20px; }
  .p01-job-board-kanban .p01-kanban-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p01-job-board-kanban .p01-col-header { font-size: 30px; }
}
@media (max-width: 720px) {
  .p01-job-board-kanban { gap: 12px; }
  .p01-job-board-kanban .p01-board-header { flex-wrap: wrap; gap: 12px; }
  .p01-job-board-kanban .p01-header-right { margin-left: 0; }
  .p01-job-board-kanban .p01-title { font-size: 42px; }
  .p01-job-board-kanban .p01-growth-filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p01-job-board-kanban .p01-growth-pill { min-height: 44px; }
  .p01-job-board-kanban .p01-growth-pill:last-child { grid-column: 1 / -1; }
  .p01-job-board-kanban .p01-orientation-banner { flex-direction: column; align-items: stretch; }
  .p01-job-board-kanban .p01-orientation-banner .qo-kicker { flex: auto; }
  .p01-job-board-kanban .p01-orientation-steps { grid-template-columns: 1fr; gap: 7px; font-size: 11px; }
  .p01-job-board-kanban .p01-kanban-grid { grid-template-columns: minmax(0, 1fr); }
  .p01-job-board-kanban .p01-col-header { font-size: 32px; }
  .p01-job-board-kanban .p01-card-title { font-size: 28px; }
  .p01-job-board-kanban .p01-filter-group .q6-chip { min-height: 40px; }
  .p01-job-board-kanban .p01-search-input { height: 44px; }
}

/* P04 office plates and OF01 master composition. */
.p04-view {
  --p04-neon: #00ef68;
  --p04-blue: #30baff;
  --p04-violet: #bd64f4;
  --p04-cream: #fff0cf;
  color: var(--p04-cream);
  background: #020b06;
}

.p04-view .q6-plate,
.p04-view .auth-box,
.p04-view .comp-col,
.p04-view .social-wallets-box {
  min-width: 0;
  border: 12px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 28 48 fill / 12px / 0 stretch;
  background: #04110a;
  padding: 14px;
  box-shadow: 0 3px 7px #0009;
}

.p04-view .q6-rim-green {
  box-shadow: inset 0 0 0 3px var(--p04-neon), 0 0 9px #00ef6833;
}

.p04-view .q6-key,
.p04-view .auth-tab {
  border: 10px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 44 fill / 10px / 0 stretch;
  padding: 3px 13px 5px;
  background: #08120d;
  color: var(--p04-cream);
  font-family: var(--q6-font-display);
  font-size: 25px;
  font-weight: 400;
  letter-spacing: .025em;
  min-height: 48px;
  line-height: 1;
  cursor: pointer;
  transition: filter .15s, transform .15s;
}

.p04-view .q6-key:is(.active, [aria-pressed="true"], .q6-key--green, .q6-key--green-outline),
.p04-view .auth-tab:is(.active, [aria-pressed="true"]) {
  border-image: url('/runtime/products/assets/shell/key-dark.webp') 22 24 30 fill / 10px / 0 stretch;
  color: var(--p04-neon);
}

.p04-view .q6-key--orange {
  border-image-source: url('/runtime/products/assets/shell/key-orange.webp');
  color: #071006;
}

.p04-view .q6-key:hover,
.p04-view .auth-tab:hover { filter: brightness(1.15); }
.p04-view .q6-key:active,
.p04-view .auth-tab:active { transform: translateY(2px); }
.p04-view .q6-key--orange:active { border-image-source: url('/runtime/products/assets/shell/key-orange-down.webp'); }
.p04-view :is(button, input, select, textarea):focus-visible { outline: 3px solid var(--p04-blue); outline-offset: 4px; }
.p04-view .square-chip { box-shadow: 0 0 7px currentColor; }
.p04-view .square-chip.green { color: var(--p04-neon); background: var(--p04-neon); }
.p04-view .square-chip.sky-blue { color: var(--p04-blue); background: var(--p04-blue); }
.p04-view .square-chip.violet { color: var(--p04-violet); background: var(--p04-violet); }
.p04-view .square-chip.amber { color: #ffb600; background: #ffb600; }
.p04-view .section-title,
.p04-view .signin-title { font-size: clamp(38px, 4vw, 58px); line-height: 1; letter-spacing: .025em; }
.p04-view .section-header { border-color: #546156; }
.p04-view .section-sub { margin: 0; line-height: 1.6; }
.p04-view :is(.sub-head, .card-head, .auth-box-title, .comp-plan-title) { font-family: var(--q6-font-display); font-size: 28px; font-weight: 400; margin: 0 0 12px; color: var(--p04-neon); }
.p04-view :is(.q6-input, .q6-select) { border: 2px solid #708178; background: #04100b; box-shadow: inset 0 2px 5px #000c; min-height: 44px; }
.p04-view :is(input[type="checkbox"]) { width: 20px; height: 20px; accent-color: var(--p04-neon); }
.p04-view :is(.method-chip, .reward-pill, .data-badge, .tm-qual, .hold-badge, .appealed-tag) { display: inline-flex; align-items: center; padding: 8px 12px; border: 2px solid currentColor; background: #03130a; box-shadow: inset 0 0 9px #00ef6815; font-family: var(--q6-font-display); font-size: 22px; line-height: 1; }
.p04-view :is(.linked-methods-row, .method-buttons, .reward-breakdown-row) { display: flex; flex-wrap: wrap; gap: 10px; }
.p04-view :is(.green, .word-ready, .word-mining) { color: var(--p04-neon); }
.p04-view .sky-blue { color: var(--p04-blue); }
.p04-view .violet { color: var(--p04-violet); }
.p04-view :is(.amber, .word-waiting) { color: #ffb600; }
.p04-view :is(.notif-title, .hold-title, .decided-title, .tm-handle, .row-title) { font-family: var(--q6-font-display); font-size: 27px; }
.p04-view :is(.notif-detail, .prefs-desc, .hold-reason, .summary-desc, .close-desc) { line-height: 1.6; }
.p04-view .notif-row.unread { box-shadow: inset 3px 0 0 var(--p04-neon), 0 3px 7px #0009; }
.p04-view :is(.sum-val, .comp-pct) { font-family: var(--q6-font-display); font-size: 52px; line-height: 1; }
.p04-view .comp-desc { font-size: 13px; line-height: 1.6; }
.p04-view .team-summary-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.p04-view .team-summary-strip .sum-box { background: transparent; border: 0; }
.p04-view .member-links-container { grid-template-columns: minmax(0, 1fr); }
.p04-view .link-field-row { flex-wrap: nowrap; }
.p04-view .link-field-row input { min-width: 0; flex: 1; }
.p04-view .roster-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.p04-view .qr-section { display: flex; align-items: center; gap: 18px; }

.p04-overview-view { padding: 6px 0 20px; }
.p04-overview-inner { gap: 18px; }
.p04-overview-view .p04-header-row { flex-wrap: nowrap; align-items: center; margin-bottom: 12px; }
.p04-overview-view .p04-greeting { font-size: clamp(38px, 4.7vw, 76px); font-weight: 400; line-height: .98; letter-spacing: .025em; color: var(--p04-cream); }
.p04-overview-view .p04-today-badge { flex: 0 0 auto; gap: 12px; border: 0; background: transparent; padding: 0; font-family: var(--q6-font-display); font-size: clamp(28px, 3.2vw, 50px); font-weight: 400; line-height: 1; white-space: nowrap; color: var(--p04-neon); }
.p04-overview-view .p04-today-badge img { width: 40px; height: 40px; object-fit: contain; }
.p04-overview-view .p04-balance-strip { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.4fr) minmax(0, .72fr); gap: 12px; }
.p04-overview-view .p04-balance-strip.business-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.p04-overview-view .p04-bal-plate { padding: 8px 10px 12px; gap: 8px; min-height: 202px; }
.p04-overview-view .bal-label-line { gap: 10px; flex-wrap: nowrap; min-height: 62px; font-family: var(--q6-font-display); font-size: clamp(25px, 2.4vw, 37px); font-weight: 400; letter-spacing: .02em; line-height: 1; }
.p04-overview-view .bal-label-line > .square-chip { width: 7px; height: 7px; margin-left: -4px; }
.p04-overview-view .bal-label { white-space: nowrap; }
.p04-overview-view .bal-q .bal-label { color: var(--p04-neon); }
.p04-overview-view .bal-quit .bal-label { color: var(--p04-blue); }
.p04-overview-view .bal-cash .bal-label { color: var(--p04-violet); }
.p04-overview-view .club-tier { margin-left: auto; border: 0; padding: 0; font-size: clamp(14px, 1.4vw, 22px); color: #b6bcb3; letter-spacing: 0; line-height: 1.05; text-align: right; }
.p04-overview-view .bal-big-val { font-family: var(--q6-font-display); font-weight: 400; font-size: clamp(32px, 3.7vw, 59px); line-height: 1; letter-spacing: .005em; text-align: center; }
.p04-overview-view .bal-cash .bal-big-val { font-size: clamp(30px, 3vw, 47px); }
.p04-overview-view .q6-balance-q { display: flex; align-items: center; justify-content: center; gap: 12px; }
.p04-overview-view .p04-q-emblem { width: 35px; height: 35px; object-fit: contain; flex-shrink: 0; }
.p04-overview-view .p04-quit-unit { color: var(--p04-neon); }
.p04-overview-view .bal-sub-line { justify-content: center; flex-wrap: nowrap; gap: 6px; font-family: var(--q6-font-display); font-size: clamp(17px, 2vw, 29px); line-height: 1; color: var(--p04-cream); }
.p04-overview-view .bal-cash .bal-sub-line { font-family: var(--q6-font-mono); font-size: 10px; text-align: center; line-height: 1.4; color: #b6bcb3; }
.p04-overview-view .p04-ready-value,
.p04-overview-view .p04-waiting-value { color: var(--p04-cream); }
.p04-overview-view .p04-mining-icon { width: 33px; height: 33px; object-fit: contain; }
.p04-picture-chip { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 68px; border: 3px solid currentColor; border-radius: 10px; background: #001007; box-shadow: inset 0 0 8px #000, 0 0 7px #0008; }
.p04-picture-chip .picture-tile-icon { width: 100%; height: 100%; max-width: none; object-fit: contain; padding: 3px; }
.p04-overview-view .p04-section-heading { display: flex; align-items: center; gap: 9px; margin: 0 0 9px; color: var(--p04-neon); font-family: var(--q6-font-display); font-size: 34px; font-weight: 400; letter-spacing: .025em; line-height: 1; }
.p04-overview-view .p04-member-grid { grid-template-columns: minmax(0, 1.48fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.p04-overview-view .p04-section-group { display: flex; flex-direction: column; min-width: 0; }
.p04-overview-view .p04-section-group > .q6-plate { flex: 1; }
.p04-overview-view .next-step-col { padding: 0; }
.p04-overview-view .next-step-layout-row { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 16px; min-height: 290px; height: 100%; align-items: center; }
.p04-overview-view .p04-next-step-scene { align-self: stretch; display: flex; align-items: center; background: #001007; min-width: 0; }
.p04-overview-view .p04-next-step-scene img { width: 100%; height: auto; max-height: none; display: block; object-fit: contain; }
.p04-overview-view .p04-next-step-copy { min-width: 0; padding: 10px 10px 12px 0; }
.p04-overview-view .p04-next-step-copy .col-head { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; margin-bottom: 8px; }
.p04-overview-view .p04-next-step-copy .p04-picture-chip { width: 56px; height: 56px; }
.p04-overview-view .match-tag { color: var(--p04-neon); font-family: var(--q6-font-display); font-size: 30px; line-height: 1; font-weight: 400; }
.p04-overview-view .step-title { font-size: clamp(27px, 2.55vw, 40px); line-height: .98; letter-spacing: .015em; font-weight: 400; }
.p04-overview-view .step-meta { margin: 10px 0 14px; font-size: clamp(12px, 1.3vw, 20px); line-height: 1.35; }
.p04-overview-view .next-step-col .q6-key { min-height: 58px; min-width: 210px; font-size: 34px; }
.p04-overview-view .progress-col { padding: 5px 9px; gap: 0; justify-content: space-between; }
.p04-overview-view .progress-row { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: center; gap: 14px; padding: 10px 0; }
.p04-overview-view .progress-row + .progress-row { border-top: 2px solid #818b7e; }
.p04-overview-view .p04-progress-copy { min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.p04-overview-view .row-label { font-family: var(--q6-font-display); font-size: clamp(23px, 2vw, 31px); line-height: 1; }
.p04-overview-view .row-meta { color: var(--p04-cream); font-family: var(--q6-font-display); font-size: clamp(15px, 1.35vw, 20px); line-height: 1; }
.p04-overview-view .progress-tube { height: 25px; border-radius: 13px; border: 2px solid #a39059; padding: 2px 5px; box-shadow: inset 0 3px 4px #000c, 0 1px 0 #f8e7a877; background: linear-gradient(#607269, #08150e 42%, #020905 70%, #384e38); }
.p04-overview-view .progress-tube::before,
.p04-overview-view .progress-tube::after { width: 9px; top: -2px; bottom: -2px; border: 1px solid #50360e; border-radius: 5px; background: linear-gradient(90deg, #815206, #ffdc58, #8f620d, #ffda60, #724a04); }
.p04-overview-view .progress-tube .tube-fill { border-radius: 9px; }
.p04-overview-view .progress-tube .tube-fill.green { background: linear-gradient(#bdffae, #42f825 35%, #12ce0b 75%, #5aff40); }
.p04-overview-view .progress-tube .tube-fill.sky-blue { background: linear-gradient(#b4efff, #32d5ff 35%, #009ee6 75%, #4ad6ff); }
.p04-overview-view .progress-tube .tube-fill.gold { background: linear-gradient(#fff5a1, #f5ce34 35%, #bb8d09 75%, #ffdf50); }
.p04-overview-view .streak-label { font-family: var(--q6-font-display); font-size: 28px; line-height: 1; color: #b6bcb3; }
.p04-overview-view .streak-val { font-family: var(--q6-font-display); font-size: 40px; line-height: 1; }
.p04-overview-view .today-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.p04-overview-view .today-card { display: flex; flex-direction: row; align-items: center; gap: 16px; padding: 7px 10px; min-height: 102px; text-align: left; color: var(--p04-cream); cursor: pointer; font: inherit; }
.p04-overview-view .today-card:hover { filter: brightness(1.15); }
.p04-overview-view .p04-today-copy { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.p04-overview-view .today-card .card-title { font-family: var(--q6-font-display); font-weight: 400; font-size: clamp(25px, 2.4vw, 37px); line-height: 1; letter-spacing: .015em; }
.p04-overview-view .today-card .card-desc { font-size: 11px; line-height: 1.45; color: #b6bcb3; }
.p04-overview-view .p04-deep-scroll { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 14px; }
.p04-overview-view .deep-title { color: var(--p04-neon); font-size: 31px; font-weight: 400; }
.p04-overview-view .deep-desc { margin: 4px 0; font-size: 13px; line-height: 1.6; }
.p04-overview-view .p04-phone-bar { display: none; }

@media (max-width: 1190px) {
  .p04-overview-view .p04-header-row { flex-wrap: wrap; }
  .p04-overview-view .p04-greeting { font-size: 52px; }
  .p04-overview-view .p04-today-badge { font-size: 34px; }
  .p04-overview-view .bal-label-line { flex-wrap: wrap; font-size: 26px; }
  .p04-overview-view .club-tier { width: 100%; text-align: left; padding-left: 4px; }
  .p04-overview-view .bal-big-val { font-size: 40px; }
  .p04-overview-view .bal-cash .bal-big-val { font-size: 34px; }
  .p04-overview-view .bal-sub-line { flex-wrap: wrap; font-size: 23px; }
  .p04-overview-view .p04-member-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
  .p04-overview-view .next-step-layout-row { grid-template-columns: 1fr; gap: 0; }
  .p04-overview-view .p04-next-step-scene img { max-height: 280px; }
  .p04-overview-view .p04-next-step-copy { padding: 16px; }
  .p04-overview-view .progress-row { grid-template-columns: 60px minmax(0, 1fr); gap: 10px; }
  .p04-overview-view .progress-row .p04-picture-chip { width: 60px; height: 60px; }
}

@media (max-width: 760px) {
  .p04-overview-view .p04-balance-strip,
  .p04-overview-view .p04-balance-strip.business-strip,
  .p04-overview-view .p04-band-2,
  .p04-overview-view .today-grid,
  .p04-overview-view .p04-deep-scroll,
  .p04-view .settings-grid,
  .p04-view .notifs-grid,
  .p04-view .signin-methods-grid,
  .p04-view .creator-links-grid,
  .p04-view .comp-grid,
  .p04-view .team-summary-strip,
  .p04-view .reels-grid,
  .p04-view .messages-grid { grid-template-columns: minmax(0, 1fr); }
  .p04-overview-view .p04-greeting { font-size: clamp(36px, 9vw, 54px); }
  .p04-overview-view .p04-bal-plate { min-height: 175px; }
  .p04-overview-view .bal-label-line { flex-wrap: nowrap; font-size: 32px; }
  .p04-overview-view .club-tier { width: auto; margin-left: auto; text-align: right; font-size: 17px; }
  .p04-overview-view .bal-big-val { font-size: 51px; }
  .p04-overview-view .bal-cash .bal-big-val { font-size: 44px; }
  .p04-overview-view .p04-next-step-scene img { max-height: none; }
  .p04-overview-view .step-title { font-size: 37px; }
  .p04-overview-view .p04-section-heading { font-size: 32px; }
  .p04-overview-view .row-label { font-size: 27px; }
  .p04-overview-view .row-meta { font-size: 17px; }
  .p04-overview-view .today-card .card-title { font-size: 29px; }
  .p04-overview-view .p04-phone-bar { display: none !important; }
  .p04-overview-view .mobile-slot { min-width: 0; min-height: 44px; padding: 4px 1px; font-family: var(--q6-font-display); font-size: 18px; border: 1px solid #526958; background: #07150c; color: var(--p04-cream); }
  .p04-overview-view .mobile-slot.active,
  .p04-overview-view .mobile-slot.raised-share { color: var(--p04-neon); border-color: var(--p04-neon); }
  .p04-view .link-field-row { flex-wrap: wrap; }
  .p04-view .qr-section { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .p04-view .q6-key,
  .p04-view .auth-tab,
  .p04-view .tube-fill { transition: none; }
}

/* P05 money desks use the approved raster hardware and scene assets. */
.p05-money {
  --q6-green: #00ed67;
  --q6-blue: #2ebdff;
  --q6-violet: #bb6aee;
  --q6-amber: #ffad05;
  padding: 12px;
  font-size: 14px;
  line-height: 1.5;
}

.p05-money .q6-plate {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border: 14px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 48 fill / 14px / 0 stretch;
  background: #03100b;
  border-radius: 10px;
  box-shadow: 0 5px 0 #010604;
}

.p05-money .q6-key {
  min-height: 46px;
  padding: 3px 13px 6px;
  border: 9px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 44 fill / 9px / 0 stretch;
  background: #08130f;
  color: var(--q6-cream);
  font: 400 24px / 1 var(--q6-font-display);
  letter-spacing: .025em;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 2px 0 #000;
  box-shadow: 0 3px 0 #010603;
  cursor: pointer;
}

.p05-money .q6-key:is(.active, [aria-pressed="true"]) {
  border-image-source: url('/runtime/products/assets/shell/key-green.webp');
  color: #00150a;
  text-shadow: none;
}

.p05-money .q6-key.q6-key--orange {
  min-height: 55px;
  border-image-source: url('/runtime/products/assets/shell/key-orange.webp');
  color: #100b02;
  font-size: 29px;
  text-shadow: none;
}

.p05-money .q6-key:hover:not(:disabled) { filter: brightness(1.16); }
.p05-money .q6-key:active:not(:disabled) { transform: translateY(2px); box-shadow: none; }
.p05-money .q6-key:focus-visible,
.p05-money .p05-table-scroll:focus-visible { outline: 2px solid var(--q6-blue); outline-offset: 4px; }
.p05-money .q6-key:disabled { opacity: .5; cursor: not-allowed; }

.p05-money .section-header {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  row-gap: 8px;
  padding: 0 0 4px;
  border: 0;
}

.p05-money .section-title {
  color: var(--q6-orange);
  font: 400 clamp(40px, 4.3vw, 66px) / .95 var(--q6-font-display);
  letter-spacing: .02em;
}

.p05-money .section-sub {
  grid-column: 2;
  max-width: 72ch;
  color: #d5d6c6;
  font-size: 14px;
}

.p05-money .square-chip { box-shadow: 0 0 9px currentColor; }
.p05-money .square-chip.green { background: var(--q6-green); color: var(--q6-green); }
.p05-money .square-chip.sky-blue { background: var(--q6-blue); color: var(--q6-blue); }
.p05-money .square-chip.violet { background: var(--q6-violet); color: var(--q6-violet); }
.p05-money .square-chip.gold { background: var(--q6-gold); color: var(--q6-gold); }
.p05-money .square-chip.amber { background: var(--q6-amber); color: var(--q6-amber); }

.p05-money :is(.sub-head, .box-title, .way-title, .head-title, .controls-title, .benefits-title) {
  font: 400 clamp(25px, 2.2vw, 34px) / 1.05 var(--q6-font-display);
  letter-spacing: .02em;
}

.p05-money :is(.sub-head, .head-title, .hero-label, .qo-kicker) { color: var(--q6-green); }
.p05-money :is(.box-desc, .way-desc, .controls-p, .tax-desc) { margin: 0; color: #d5d6c6; }
.p05-money .p05-scene-art { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; border-radius: 4px; }

.p05-money .p05-wallets-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr);
  align-items: center;
  gap: 24px;
}

.p05-money .bank-teller-hero-card { padding: 0; }
.p05-money .bank-teller-hero-card .p05-scene-art { max-height: 235px; }
.p05-money .p05-balance-strip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, .8fr); gap: 12px; }
.p05-money .p05-balance-strip .bal-plate { min-height: 196px; padding: 5px 10px 10px; gap: 10px; justify-content: space-between; }
.p05-money .bal-label-line { min-height: 62px; display: grid; grid-template-columns: 60px 7px minmax(0, 1fr); column-gap: 9px; row-gap: 1px; }
.p05-money .bal-label-line .square-chip { width: 7px; height: 7px; }
.p05-money .p05-balance-tile { grid-column: 1; grid-row: 1 / 3; display: grid; place-items: center; width: 60px; height: 60px; padding: 3px; border: 3px solid currentColor; border-radius: 10px; background: #001008; box-shadow: inset 0 0 8px #000, 0 0 8px #000; }
.p05-money .p05-balance-tile img { display: block; width: 100%; height: 100%; object-fit: contain; }
.p05-money .p05-balance-tile.green { color: var(--q6-green); }
.p05-money .p05-balance-tile.sky-blue { color: var(--q6-blue); }
.p05-money .p05-balance-tile.violet { color: var(--q6-violet); }
.p05-money .bal-label { font: 400 31px / 1 var(--q6-font-display); letter-spacing: .03em; }
.p05-money .bal-q .bal-label { color: var(--q6-green); }
.p05-money .bal-quit .bal-label { color: var(--q6-blue); }
.p05-money .bal-cash .bal-label { color: var(--q6-violet); }
.p05-money .club-tier { grid-column: 3; border: 0; padding: 0; margin: 0; color: #b8b9af; font: 400 17px / 1.1 var(--q6-font-display); }
.p05-money .bal-big-val { color: var(--q6-cream); font: 400 clamp(34px, 3.5vw, 53px) / 1 var(--q6-font-display); letter-spacing: 0; overflow-wrap: anywhere; }
.p05-money .bal-sub-line { color: var(--q6-cream); font: 400 21px / 1.1 var(--q6-font-display); gap: 4px; letter-spacing: .02em; }
.p05-money :is(.word-ready, .word-mining) { color: var(--q6-green); font-weight: 400; }
.p05-money .word-waiting { color: var(--q6-amber); font-weight: 400; }

.p05-money .p05-table-scroll { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; scrollbar-color: #56655b #03100b; }
.p05-money :is(.wallets-table-section, .ledger-container, .q-history-section, .card-history-section) { min-width: 0; max-width: 100%; overflow-x: auto; }
.p05-money .q6-table { min-width: 620px; font-size: 13px; background: #04100b; }
.p05-money .q6-table thead { border: 10px solid transparent; border-image: url('/runtime/products/assets/shell/panel.webp') 48 fill / 10px / 0 stretch; }
.p05-money .q6-table th { padding: 15px 12px; border-bottom: 2px solid #909a86; color: var(--q6-cream); font: 400 23px / 1.05 var(--q6-font-display); letter-spacing: .025em; }
.p05-money .q6-table td { padding: 16px 12px; border-bottom-color: #354137; }
.p05-money .q6-table tbody tr:hover { background: #0c2016; }
.p05-money .q6-table .col-wallet { display: table-cell; min-width: 185px; }
.p05-money .wallet-name { margin-left: 5px; }
.p05-money .badge-embedded { display: inline-block; margin-top: 6px; }
.p05-money .q6-table .q6-key { min-width: 88px; font-size: 22px; }
.p05-money :is(.never-sold-pill, .status-pill, .source-tag, .badge-embedded) { padding: 4px 10px; border: 2px solid #69776c; border-radius: 5px; color: #c8cfbf; font: 400 20px / 1 var(--q6-font-display); letter-spacing: .02em; background: #142019; white-space: nowrap; }
.p05-money :is(.never-sold-pill, .status-pill).green { color: var(--q6-green); border-color: var(--q6-green); background: #052013; box-shadow: inset 0 0 8px #00ed6720; }
.p05-money .status-pill.amber { color: var(--q6-amber); border-color: var(--q6-amber); background: #241805; }
.p05-money .never-sold-pill.metal { color: #bcc2b5; border-color: #69776c; background: #1a211c; }
.p05-money .siws-notice { color: #b7c1b1; font-size: 12px; }

.p05-money .q-breakdown-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.p05-money .q-breakdown-strip :is(.label-line, .label) { color: var(--q6-cream); font: 400 25px / 1.1 var(--q6-font-display); }
.p05-money .q-breakdown-strip .big-val { font: 400 56px / 1 var(--q6-font-display); }
.p05-money .q-card .card-btn-area { margin-top: auto; }
.p05-money .round-alert-box { border-image-source: url('/runtime/products/assets/shell/panel.webp'); }
.p05-money .box-head { display: flex; align-items: center; gap: 12px; }
.p05-money .p05-scene-split { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 18px; }
.p05-money :is(.clerk-wallet-hero-card, .p05-dispatch-scene) { padding: 0; }
.p05-money .step-indicator { color: var(--q6-green); font: 400 24px / 1.1 var(--q6-font-display); }
.p05-money .wallet-option-card { flex-wrap: nowrap; justify-content: flex-start; gap: 12px; border: 2px solid #58634f; background: #08160f; }
.p05-money .wallet-option-card:has(input:checked) { border-color: var(--q6-green); box-shadow: inset 0 0 12px #00ed6715; }
.p05-money .wallet-option-card input { flex: 0 0 20px; width: 20px; height: 20px; accent-color: var(--q6-green); }
.p05-money .opt-body { min-width: 0; }
.p05-money .opt-name { color: var(--q6-cream); font: 400 23px / 1.1 var(--q6-font-display); }
.p05-money :is(.opt-address, .hash-block, .batch-meta-card code) { display: block; overflow-wrap: anywhere; font-size: 12px; }
.p05-money :is(.soulbound-callout, .fee-preview-box, .soulbound-reminder, .arrival-meta, .spending-insights) { padding: 14px; background: #0c1c14; border-left: 3px solid var(--q6-blue); }
.p05-money .form-group { display: flex; flex-direction: column; gap: 10px; }
.p05-money .form-label { color: var(--q6-cream); font: 400 23px / 1 var(--q6-font-display); }
.p05-money .q6-input { min-height: 48px; border: 2px solid #66715f; background: #020905; color: var(--q6-cream); border-radius: 4px; box-shadow: inset 0 3px 6px #000; }
.p05-money .q6-input:focus-visible { outline: 2px solid var(--q6-blue); outline-offset: 3px; }

.p05-money :is(.cash-balance-hero, .treasury-hero-section, .current-payday-card, .proof-card) { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); column-gap: 24px; row-gap: 14px; align-items: center; }
.p05-money :is(.cash-balance-hero, .treasury-hero-section, .current-payday-card, .proof-card) > .p05-scene-art { grid-column: 1; grid-row: 1 / 7; align-self: center; }
.p05-money :is(.cash-balance-hero, .treasury-hero-section, .current-payday-card, .proof-card) > :not(.p05-scene-art) { grid-column: 2; }
.p05-money .hero-label { align-self: end; font: 400 31px / 1 var(--q6-font-display); }
.p05-money .hero-amount { font: 400 clamp(45px, 5vw, 78px) / 1 var(--q6-font-display); color: var(--q6-violet); }
.p05-money .hero-meta { align-self: start; }
.p05-money .ways-grid { margin-top: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.p05-money .way-card { gap: 12px; }
.p05-money .way-card .q6-key { margin-top: auto; width: 100%; font-size: 22px; }
.p05-money .way-card .way-desc { font-size: 13px; }
.p05-money .p05-source-breakdown { display: flex; gap: 10px; flex-wrap: wrap; font-size: 12px; }
.p05-money .qo-kicker { font: 400 27px / 1.1 var(--q6-font-display); letter-spacing: .02em; }
.p05-money .voucher-row { padding: 12px 0; border: 0; border-bottom: 1px solid #52614f; background: transparent; font-size: 13px; }
.p05-money .voucher-row.total .voucher-val { font: 400 31px / 1 var(--q6-font-display); color: var(--q6-green); }
.p05-money .yearly-tax-card { align-items: stretch; }
.p05-money .tax-year-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 12px; border: 1px solid #465442; }
.p05-money .proof-status-line { display: flex; gap: 10px; align-items: center; }
.p05-money .proof-status-line .status-label { font: 400 26px / 1 var(--q6-font-display); }
.p05-money .proof-field-group { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.p05-money .field-label { font: 400 23px / 1 var(--q6-font-display); }
.p05-money .hash-block { padding: 12px; background: #010805; border: 1px solid #52614f; color: #d5d6c6; }
.p05-money .proof-meta-grid { grid-template-columns: 1fr; gap: 8px; }
.p05-money .meta-item { display: flex; gap: 8px; flex-wrap: wrap; font-size: 12px; }
.p05-money .proof-action-row { display: flex; flex-wrap: wrap; gap: 10px; }

.p05-money :is(.physical-card-mockup, .virtual-card-preview, .card-visual-box) { width: 100%; max-width: 460px; min-height: 230px; aspect-ratio: 1.586; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; border: 14px solid transparent; border-image: url('/runtime/products/assets/shell/panel.webp') 48 fill / 14px / 0 stretch; background: #07120c; color: var(--q6-cream); border-radius: 10px; }
.p05-money :is(.card-brand, .card-num, .card-pan) { font: 400 32px / 1 var(--q6-font-display); letter-spacing: .04em; }
.p05-money :is(.card-num, .card-pan) { font-size: 36px; color: var(--q6-gold); }
.p05-money :is(.card-top-line, .card-foot-line, .card-balance-display) { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.p05-money .card-balance-display .bal-val { color: var(--q6-green); font: 400 38px / 1 var(--q6-font-display); }
.p05-money .card-frozen-banner { color: var(--q6-blue); font: 400 24px / 1 var(--q6-font-display); }
.p05-money .card-frozen-shader { filter: saturate(.3); }
.p05-money .apply-box { width: 100%; max-width: 760px; margin-inline: auto; }
.p05-money .wallet-provision-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.p05-money .card-controls-plate .control-actions-stack { gap: 12px; }
.p05-money .benefits-list { padding-left: 20px; display: grid; gap: 14px; }

@media (max-width: 1180px) {
  .p05-money .p05-balance-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .p05-money .bal-label { font-size: 25px; }
  .p05-money .bal-label-line { grid-template-columns: 48px 5px minmax(0, 1fr); gap: 5px; }
  .p05-money .p05-balance-tile { width: 48px; height: 48px; }
  .p05-money .bal-big-val { font-size: 36px; }
  .p05-money .bal-sub-line { font-size: 18px; }
  .p05-money .ways-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p05-money .p05-scene-split { grid-template-columns: minmax(0, .65fr) minmax(0, 1fr); }
}

@media (max-width: 760px) {
  .p05-money { padding: 8px; }
  .p05-money .q6-plate { border-width: 12px; padding: 10px; gap: 12px; }
  .p05-money .section-title { font-size: 45px; }
  .p05-money :is(.p05-wallets-heading, .p05-balance-strip, .q-breakdown-strip, .p05-scene-split, .card-hero-grid, .card-cockpit-grid) { grid-template-columns: minmax(0, 1fr); }
  .p05-money .bank-teller-hero-card .p05-scene-art { max-height: 280px; }
  .p05-money .p05-balance-strip .bal-plate { min-height: 170px; }
  .p05-money .bal-label-line { grid-template-columns: 60px 8px minmax(0, 1fr); }
  .p05-money .p05-balance-tile { width: 60px; height: 60px; }
  .p05-money .bal-label { font-size: 31px; }
  .p05-money .bal-big-val { font-size: 48px; }
  .p05-money .bal-sub-line { font-size: 21px; }
  .p05-money :is(.cash-balance-hero, .treasury-hero-section, .current-payday-card, .proof-card) { grid-template-columns: minmax(0, 1fr); }
  .p05-money :is(.cash-balance-hero, .treasury-hero-section, .current-payday-card, .proof-card) > .p05-scene-art { grid-row: auto; grid-column: 1; max-height: 340px; }
  .p05-money :is(.cash-balance-hero, .treasury-hero-section, .current-payday-card, .proof-card) > :not(.p05-scene-art) { grid-column: 1; }
  .p05-money :is(.clerk-wallet-hero-card, .p05-dispatch-scene) .p05-scene-art { max-height: 300px; }
  .p05-money .input-with-max { flex-wrap: wrap; }
  .p05-money .input-with-max .q6-input { flex: 1 1 180px; min-width: 0; }
}

@media (max-width: 440px) {
  .p05-money .ways-grid { grid-template-columns: minmax(0, 1fr); }
  .p05-money .section-title { font-size: 39px; }
  .p05-money .section-sub { font-size: 12px; }
  .p05-money .q6-key { font-size: 22px; }
  .p05-money .q6-key.q6-key--orange { font-size: 25px; }
  .p05-money .bal-big-val { font-size: 41px; }
}
/* P01 reference finishing pass. All artwork remains an existing raster asset. */
.p01-ways-to-earn .p01-access-chip {
  padding: 6px 10px;
  border: 2px solid var(--q6-green);
  background: #03150a;
  box-shadow: inset 0 0 8px #00ed671a, 0 0 6px #00ed6720;
}

.p01-ways-to-earn .p01-best-job-card {
  padding: 6px;
  border-width: 10px;
  border-image-width: 10px;
}

.p01-ways-to-earn .p01-best-job-scene {
  min-width: 0;
  overflow: hidden;
  background: #020b07;
  border: 1px solid #3e4a3d;
}

.p01-ways-to-earn .p01-brenda-preview-img {
  width: 100%;
  max-height: none;
  height: auto;
  border: 0;
  object-fit: contain;
}

.p01-ways-to-earn .p01-best-job-copy {
  padding: 17px 12px 12px;
}

.p01-ways-to-earn .p01-best-job-heading {
  grid-template-columns: clamp(70px, 6.2vw, 98px) minmax(0, 1fr);
  gap: 15px;
}

.p01-ways-to-earn .p01-best-job-icon {
  width: 100%;
  height: 108px;
  padding: 6px;
}

.p01-ways-to-earn .p01-best-job-heading h2 {
  font-size: clamp(30px, 2.65vw, 42px);
  line-height: 1;
}

.p01-ways-to-earn .p01-best-reward {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 15px;
  padding: 6px 10px;
  border: 1px solid #00ed6770;
  background: #022512;
  color: var(--q6-green);
}

.p01-ways-to-earn .p01-best-reward-value {
  font: 40px/1 var(--q6-font-display);
  white-space: nowrap;
}

.p01-ways-to-earn .p01-best-reward-detail {
  font: 19px/1.1 var(--q6-font-display);
}

.p01-ways-to-earn .p01-ways-grid {
  gap: 8px 14px;
  padding: 10px 12px;
}

.p01-ways-to-earn .p01-way-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--p01-way-color) 45%, #17301d);
  border-radius: 4px;
  background: #020e08;
  box-shadow: inset 0 1px 0 #b3d9ad20;
}

.p01-ways-to-earn .p01-way-card:nth-child(4n) {
  border-bottom: 1px solid color-mix(in srgb, var(--p01-way-color) 45%, #17301d);
}

.p01-ways-to-earn .p01-way-heading {
  grid-template-columns: clamp(56px, 5.15vw, 82px) minmax(0, 1fr);
  gap: 12px;
}

.p01-ways-to-earn .p01-way-heading .picture-tile-icon {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  padding: 5px;
  border-radius: 9px;
}

.p01-ways-to-earn .p01-way-heading h4 {
  font-size: clamp(22px, 1.95vw, 31px);
}

.p01-ways-to-earn .p01-new-jobs {
  color: var(--q6-green);
  white-space: nowrap;
}

.p01-ways-to-earn .p01-way-card p {
  margin: 9px 0 6px;
  color: #d1d6c9;
  line-height: 1.45;
}

.p01-ways-to-earn .p01-way-card .q6-link {
  width: fit-content;
  padding: 5px 0 0;
  font-size: 16px;
}

.p01-ways-to-earn .p01-how-it-works {
  padding-top: 2px;
}

.p01-ways-to-earn .p01-steps-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 0 6px;
}

.p01-ways-to-earn .p01-step strong {
  min-height: 48px;
  font-size: clamp(21px, 1.9vw, 30px);
}

.p01-job-board-kanban .p01-column {
  border-radius: 0;
  padding: 8px 5px 12px;
}

.p01-job-board-kanban .p01-col-header {
  min-height: 65px;
  gap: 8px;
  font-size: clamp(25px, 2.05vw, 33px);
}

.p01-job-board-kanban .p01-column-count {
  display: grid;
  place-items: center;
  min-width: 26px;
  min-height: 26px;
  border: 1px solid var(--p01-tray);
  color: var(--p01-tray);
  box-shadow: inset 0 0 6px #ffffff10;
}

.p01-job-board-kanban .p01-job-card {
  border-radius: 9px;
}

.p01-job-board-kanban .p01-best-match-art {
  max-height: none;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

.p01-job-board-kanban .p01-best-match-chip {
  color: var(--q6-green);
  border-color: var(--q6-green);
  background: #06321a;
}

.p01-job-board-kanban .p01-department-chip {
  color: var(--p01-tray);
  border-color: var(--p01-tray);
  background: #04150e;
}

.p01-job-board-kanban .p01-slots {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  border-radius: 4px;
  background: #101b13;
}

.p01-job-board-kanban .p01-card-actions {
  margin-top: 10px;
}

@media (min-width: 1450px) {
  .p01-job-board-kanban .p01-best-match-hero {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }
  .p01-job-board-kanban .p01-best-match-hero .p01-job-scene {
    justify-content: flex-start;
  }
  .p01-job-board-kanban .p01-best-match-hero .p01-job-card-body {
    padding: 7px 7px 7px 10px;
  }
  .p01-job-board-kanban .p01-best-match-hero .p01-card-title {
    font-size: clamp(27px, 1.9vw, 32px);
  }
}

@media (max-width: 1050px) {
  .p01-ways-to-earn .p01-ways-grid { gap: 8px; padding: 8px; }
  .p01-ways-to-earn .p01-way-card { padding: 8px; }
  .p01-ways-to-earn .p01-way-heading { grid-template-columns: 50px minmax(0, 1fr); gap: 8px; }
  .p01-ways-to-earn .p01-way-heading h4 { font-size: 23px; }
}

@media (max-width: 760px) {
  .p01-ways-to-earn .p01-best-job-heading { grid-template-columns: 70px minmax(0, 1fr); gap: 12px; }
  .p01-ways-to-earn .p01-best-job-icon { height: 90px; }
  .p01-ways-to-earn .p01-best-job-copy { padding: 14px 5px 8px; }
  .p01-ways-to-earn .p01-best-job-heading h2 { font-size: 30px; }
  .p01-ways-to-earn .p01-best-reward-value { font-size: 36px; }
  .p01-ways-to-earn .p01-best-reward-detail { font-size: 18px; }
  .p01-ways-to-earn .p01-card-actions .q6-key { min-width: 0; padding: 9px 12px; }
}

@media (max-width: 430px) {
  .p01-ways-to-earn .p01-way-card:nth-child(4) { border-bottom-width: 1px; }
  .p01-ways-to-earn .p01-way-heading { grid-template-columns: 58px minmax(0, 1fr); }
  .p01-ways-to-earn .p01-step strong { display: block; font-size: 21px; }
  .p01-ways-to-earn .p01-step-number { display: block; font-size: 43px; }
  .p01-job-board-kanban .p01-balances-pair { flex-wrap: wrap; white-space: normal; }
}
/* P04 final plate alignment and secondary office surfaces. */
.p04-view .p04-secondary-header {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  column-gap: 18px;
  row-gap: 6px;
  align-items: center;
  padding-bottom: 18px;
}
.p04-view .p04-secondary-header .p04-header-icon {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 76px;
  height: 76px;
  box-shadow: inset 0 0 12px #000, 0 0 12px #00ef681a;
}
.p04-view .p04-secondary-header :is(.section-title, .signin-title) {
  grid-column: 2;
  align-self: end;
  margin: 0;
}
.p04-view .p04-secondary-header :is(.section-sub, .signin-sub) {
  grid-column: 2;
  align-self: start;
  margin: 0;
  line-height: 1.55;
}
.p04-view .q6-key:disabled {
  cursor: not-allowed;
  opacity: .55;
  filter: saturate(.45);
}
.p04-view :is(.notif-header, .hold-header, .decided-header, .tm-header, .msg-header) {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.p04-view :is(.notif-title, .hold-title, .decided-title, .tm-handle, .msg-title) {
  flex: 1 1 180px;
  min-width: 0;
}
.p04-view :is(.notif-time, .word-count, .tm-rank, .decided-meta) {
  color: #b6bcb3;
  font-size: 12px;
  line-height: 1.5;
}
.p04-view :is(.method-chip, .tm-qual, .reward-pill, .hold-badge, .appealed-tag) {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.p04-view .pref-toggle-row {
  justify-content: flex-start;
  min-height: 48px;
  padding: 10px 0;
  border-top: 1px solid #536359;
}
.p04-view .pref-toggle-row input { flex: 0 0 auto; }
.p04-view .pref-toggle-list { margin: 18px 0; }
.p04-view .settings-card .form-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 6px 0 12px;
}
.p04-view .settings-card .form-label {
  color: #fff0cf;
  font-family: var(--q6-font-display);
  font-size: 23px;
  line-height: 1;
}
.p04-view .settings-card :is(.q6-input, .q6-select) { width: 100%; }
.p04-view .auth-tabs { display: flex; gap: 10px; margin-bottom: 14px; }
.p04-view .auth-tab.active {
  border-image-source: url('/runtime/products/assets/shell/key-green.webp');
  color: #001507;
}
.p04-view .auth-input-group { display: flex; flex-wrap: wrap; gap: 12px; }
.p04-view .auth-input-group .signin-input { min-width: 0; flex: 1 1 220px; }
.p04-view .social-wallets-box .btn-cluster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.p04-view .message-card .msg-text { line-height: 1.6; }
.p04-view .message-card .q6-key,
.p04-view .reel-card .q6-key { margin-top: auto; }
.p04-view .reels-grid,
.p04-view .messages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.p04-view .item-row .row-main { display: flex; flex: 1 1 240px; flex-direction: column; gap: 6px; }
.p04-overview-view .p04-bal-plate { display: flex; flex-direction: column; }
.p04-overview-view .p04-member-progress { display: flex; flex-direction: column; }
.p04-overview-view .p04-next-step-scene img { aspect-ratio: 1402 / 1122; }
.p04-overview-view .bal-label-line .p04-picture-chip + .square-chip { display: none; }
.p04-overview-view .p04-member-progress .progress-row { flex: 1 1 auto; }
.p04-overview-view .p04-member-progress .row-streak { flex: 0 0 auto; }
@media (min-width: 1200px) {
  .p04-overview-view .p04-bal-plate { min-height: 218px; }
  .p04-overview-view .next-step-layout-row { min-height: 296px; }
  .p04-overview-view .p04-member-progress .row-level .p04-progress-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 14px;
    row-gap: 9px;
  }
  .p04-overview-view .row-level .row-label { grid-column: 1 / -1; }
  .p04-overview-view .row-level .row-meta { white-space: nowrap; }
  .p04-overview-view .p04-member-progress .row-level .progress-tube { width: 100%; }
}
@media (max-width: 760px) {
  .p04-view .p04-secondary-header { grid-template-columns: 60px minmax(0, 1fr); column-gap: 12px; }
  .p04-view .p04-secondary-header .p04-header-icon { width: 60px; height: 60px; }
  .p04-view .p04-secondary-header :is(.section-title, .signin-title) { font-size: clamp(29px, 7.4vw, 42px); }
  .p04-view .p04-secondary-header :is(.section-sub, .signin-sub) { grid-column: 1 / -1; margin-top: 5px; font-size: 13px; }
  .p04-view .p04-secondary-header .p04-header-icon { grid-row: 1; }
  .p04-view .reels-grid,
  .p04-view .messages-grid,
  .p04-view .social-wallets-box .btn-cluster { grid-template-columns: minmax(0, 1fr); }
  .p04-view :is(.notif-header, .hold-header, .decided-header, .tm-header, .msg-header) { align-items: flex-start; }
  .p04-view .p04-bal-plate .bal-sub-line { font-size: clamp(19px, 5.5vw, 27px); }
  .p04-view .p04-bal-plate .club-tier { font-size: 16px; }
}
/* P05 money: consistent raster hardware, readable balances and complete scenes. */
.p05-money .q6-plate {
  border-width: 12px 17px;
  border-image: url('/runtime/products/assets/shell/panel.webp') 32 50 fill / 12px 17px / 0 stretch;
  padding: 14px;
  box-shadow: 0 4px 0 #010604;
}

.p05-money .q6-key {
  border-image-slice: 39 43 fill;
  border-image-width: 10px 12px;
  padding: 5px 15px 7px;
  white-space: normal;
}

.p05-money .q6-key.q6-key--orange {
  border-image-slice: 19 20 fill;
  border-image-width: 10px;
}

.p05-money .q6-key.q6-key--orange:active:not(:disabled) {
  border-image-source: url('/runtime/products/assets/shell/key-orange-down.webp');
}

.p05-money .q6-key:is(.active, [aria-pressed="true"]):active:not(:disabled) {
  border-image-source: url('/runtime/products/assets/shell/key-green-down.webp');
}

.p05-money :is(.q6-key, .q6-input, .wallet-option-card) { touch-action: manipulation; }
.p05-money :is(.p05-wallets-inner, .p05-my-q-inner, .p05-claim-inner, .p05-cash-inner, .p05-send-cash-inner, .p05-earnings-inner, .p05-payday-inner, .p05-card-apply-inner, .p05-card-manage-inner, .p05-proof-inner) { min-width: 0; gap: 20px; }
.p05-money :is(.section-header, .table-top-bar, .ledger-top-bar, .history-top-bar) { min-width: 0; }
.p05-money :is(.table-top-bar, .ledger-top-bar, .history-top-bar) > .sub-head { margin: 0; }

.p05-money .p05-balance-strip {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.28fr) minmax(0, .76fr);
  align-items: stretch;
  gap: 12px;
}

.p05-money .p05-balance-strip .bal-plate {
  min-height: 212px;
  padding: 6px 9px 12px;
  gap: 10px;
}

.p05-money .bal-label-line {
  min-height: 68px;
  grid-template-columns: 68px minmax(0, 1fr);
  grid-template-rows: minmax(31px, auto) auto;
  column-gap: 12px;
  align-content: center;
  letter-spacing: .01em;
}

.p05-money .bal-label-line > .square-chip { display: none; }
.p05-money .bal-label-line .p05-balance-tile { width: 68px; height: 68px; padding: 4px; box-shadow: inset 0 0 8px #000, 0 0 10px #00a34b12; }
.p05-money .bal-label-line .bal-label { grid-column: 2; grid-row: 1; font-size: 34px; }
.p05-money .bal-label-line .club-tier { grid-column: 2; grid-row: 2; font-size: 18px; }
.p05-money .bal-big-val { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: .12em; font-size: clamp(37px, 3.55vw, 58px); line-height: .98; font-variant-numeric: tabular-nums; overflow-wrap: normal; }
.p05-money .bal-big-val.q6-balance-q { align-items: center; flex-wrap: nowrap; gap: 8px; }
.p05-money .p05-q-mark { width: 34px; height: 34px; flex: 0 0 34px; object-fit: contain; }
.p05-money .p05-quit-unit { color: var(--q6-green); }
.p05-money .p05-balance-number { color: var(--q6-cream); }
.p05-money .bal-sub-line { font-size: 23px; line-height: 1.05; }
.p05-money .p05-cash-pair > span { white-space: nowrap; }
.p05-money .bal-cash .p05-cash-pair { justify-content: center; text-align: center; gap: 3px 6px; }
.p05-money .bal-cash .p05-cash-pair > span:last-child { font-size: .83em; }
.p05-money .bal-cash .bal-sub-line { font-size: 19px; justify-content: center; text-align: center; }

.p05-money .bank-teller-hero-card { padding: 0; }
.p05-money .p05-scene-art { object-fit: contain; object-position: center; }
.p05-money :is(.clerk-wallet-hero-card, .p05-dispatch-scene) { padding: 0; overflow: hidden; }
.p05-money .p05-scene-split { align-items: stretch; }
.p05-money .p05-scene-split > .q6-plate { align-self: start; }
.p05-money .clerk-wallet-hero-card .p05-scene-art { max-height: 620px; }
.p05-money .p05-dispatch-scene .p05-scene-art { max-height: 640px; }

.p05-money .q-card { position: relative; padding-top: 14px; }
.p05-money .p05-metric-tile { width: 66px; height: 66px; object-fit: contain; padding: 5px; border: 3px solid currentColor; border-radius: 10px; background: #020d07; }
.p05-money .p05-metric-tile.green { color: var(--q6-green); }
.p05-money .p05-metric-tile.amber { color: var(--q6-amber); }
.p05-money .q-card .label-line { min-height: 28px; }
.p05-money .q-card .meta-sub { font-size: 13px; line-height: 1.5; }
.p05-money .q-breakdown-strip .big-val { font-size: clamp(40px, 4.5vw, 62px); font-variant-numeric: tabular-nums; }
.p05-money .q-card .card-btn-area .q6-key { width: 100%; }

.p05-money .progress-tube { height: 26px; padding: 3px 6px; border: 2px solid #a39059; border-radius: 14px; background: linear-gradient(#607269, #08150e 42%, #020905 70%, #384e38); box-shadow: inset 0 3px 4px #000c, 0 1px 0 #f8e7a877; }
.p05-money .progress-tube::before,
.p05-money .progress-tube::after { width: 9px; border: 1px solid #50360e; border-radius: 5px; background: linear-gradient(90deg, #815206, #ffdc58, #8f620d, #ffda60, #724a04); }
.p05-money .progress-tube .tube-fill { border-radius: 9px; }
.p05-money .progress-tube .tube-fill.green { background: linear-gradient(#bdffae, #42f825 35%, #12ce0b 75%, #5aff40); }
.p05-money .progress-meta { margin-top: 10px; font: 400 22px / 1.1 var(--q6-font-display); }

.p05-money .p05-way-tile { width: 68px; height: 68px; object-fit: contain; padding: 6px; border: 3px solid currentColor; border-radius: 10px; background: #020d07; }
.p05-money .p05-way-tile.gold { color: var(--q6-gold); }
.p05-money .p05-way-tile.green { color: var(--q6-green); }
.p05-money .p05-way-tile.sky-blue { color: var(--q6-blue); }
.p05-money .p05-way-tile.violet { color: var(--q6-violet); }
.p05-money .way-card > .square-chip { display: none; }
.p05-money .way-title { margin: 0; }
.p05-money .cash-balance-hero .hero-amount { display: flex; flex-wrap: wrap; gap: 0 12px; }
.p05-money .cash-balance-hero .hero-amount > span:last-child { color: var(--q6-cream); font-size: .73em; }

.p05-money .q6-table { border-collapse: separate; border-spacing: 0; }
.p05-money .q6-table thead { border: 0; background: transparent; }
.p05-money .q6-table thead tr { background: #142019 url('/runtime/products/assets/shell/panel.webp') center / 100% 100% no-repeat; }
.p05-money .q6-table th { padding-block: 18px; border-bottom: 0; background: transparent; }
.p05-money .q6-table th:first-child { padding-left: 25px; }
.p05-money .q6-table th:last-child { padding-right: 25px; }
.p05-money .q6-table td { line-height: 1.45; }
.p05-money .q6-table :is(.col-sol, .col-quit, .col-snapshot, .amount) { font-variant-numeric: tabular-nums; }
.p05-money .q6-table :is(.col-sol, .col-quit, .col-never-sold, .col-snapshot, .col-actions) { white-space: nowrap; }
.p05-money .q6-table .col-address code { white-space: nowrap; }
.p05-money :is(.never-sold-pill, .status-pill).green { box-shadow: inset 0 0 10px #00ed6725, 0 0 7px #00ed6720; }
.p05-money .status-pill.amber { box-shadow: inset 0 0 10px #ffad0520; }
.p05-money .p05-table-scroll { border-radius: 4px; }

.p05-money :is(.confirm-row, .sum-line, .batch-meta-card) { overflow-wrap: anywhere; }
.p05-money :is(.confirm-row, .sum-line) { padding: 12px 0; border: 0; border-bottom: 1px solid #465442; background: transparent; }
.p05-money .input-with-max .q6-input { min-width: 0; flex: 1; }
.p05-money .rail-tabs > .q6-key { flex: 1 1 130px; }
.p05-money .btn-row { display: flex; gap: 12px; flex-wrap: wrap; }
.p05-money :is(.btn-row, .modal-btn-row) > .q6-key { flex: 1 1 150px; }
.p05-money .wallet-option-card { padding: 14px; cursor: pointer; }
.p05-money .wallet-option-card:focus-within { outline: 2px solid var(--q6-blue); outline-offset: 3px; }
.p05-money .kyc-badge-row { display: flex; align-items: center; gap: 10px; }
.p05-money .badge-text { font: 400 23px / 1.1 var(--q6-font-display); }
.p05-money .siws-modal .modal-box { margin: min(12vh, 96px) auto; max-width: 620px; }
.p05-money .siws-form { display: flex; flex-direction: column; gap: 14px; }
.p05-money .siws-form .modal-btn-row { display: flex; gap: 12px; flex-wrap: wrap; }

.p05-money .current-payday-card { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; }
.p05-money .current-payday-card > .p05-scene-art { grid-column: 1 / -1; grid-row: 1; max-height: 280px; }
.p05-money .current-payday-card > .card-head { grid-column: 1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.p05-money .current-payday-card .head-title { flex: 1 1 240px; }
.p05-money .current-payday-card .payout-date { flex-basis: 100%; color: #b7c1b1; }
.p05-money .current-payday-card > .voucher-breakdown { grid-column: 2; grid-row: 2 / 4; }
.p05-money .current-payday-card > .card-btn-area { grid-column: 1; grid-row: 3; align-self: end; }
.p05-money .voucher-row.hash code { min-width: 0; overflow-wrap: anywhere; }
.p05-money .voucher-row .voucher-val { white-space: nowrap; font-variant-numeric: tabular-nums; }
.p05-money .treasury-hero-section { align-items: start; }
.p05-money .treasury-hero-section > .p05-scene-art { grid-row: 1 / 4; }
.p05-money .proof-card .p05-scene-art { align-self: stretch; max-height: 670px; }
.p05-money .proof-meta-grid { padding: 12px 0; border-top: 1px solid #465442; border-bottom: 1px solid #465442; }
.p05-money .proof-meta-grid .meta-val.green { font: 400 26px / 1 var(--q6-font-display); }
.p05-money .proof-action-row .q6-key { flex: 1 1 180px; }
.p05-money :is(.quick-topup-row, .wallet-provision-buttons) > .q6-key { flex: 1 1 100px; }
.p05-money .topup-label { flex-basis: 100%; font: 400 25px / 1 var(--q6-font-display); }
.p05-money :is(.physical-card-mockup, .virtual-card-preview, .card-visual-box) { border-image-slice: 32 50 fill; border-image-width: 12px 17px; }
.p05-money :is(.controls-title, .benefits-title) { margin: 0; color: var(--q6-green); }
.p05-money .card-status-plate.frozen { box-shadow: 0 4px 0 #010604, 0 0 16px #2ebdff30; }

@media (max-width: 1180px) {
  .p05-money .p05-balance-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .p05-money .bal-label-line { grid-template-columns: 52px minmax(0, 1fr); column-gap: 8px; }
  .p05-money .bal-label-line .p05-balance-tile { width: 52px; height: 52px; }
  .p05-money .bal-label-line .bal-label { font-size: 28px; }
  .p05-money .bal-label-line .club-tier { font-size: 16px; }
  .p05-money .bal-big-val { font-size: 38px; }
  .p05-money .p05-q-mark { width: 26px; height: 26px; flex-basis: 26px; }
  .p05-money .bal-sub-line { font-size: 20px; }
  .p05-money .cash-balance-hero .hero-amount { font-size: 52px; }
}

@media (max-width: 760px) {
  .p05-money .q6-plate { border-width: 11px 14px; border-image-width: 11px 14px; padding: 10px; }
  .p05-money .p05-balance-strip { grid-template-columns: minmax(0, 1fr); }
  .p05-money .p05-balance-strip .bal-plate { min-height: 186px; }
  .p05-money .bal-label-line { grid-template-columns: 60px minmax(0, 1fr); }
  .p05-money .bal-label-line .p05-balance-tile { width: 60px; height: 60px; }
  .p05-money .bal-label-line .bal-label { font-size: 32px; }
  .p05-money .bal-big-val { font-size: 48px; }
  .p05-money .bal-cash .p05-cash-pair { justify-content: flex-start; }
  .p05-money .bal-cash .bal-sub-line { justify-content: flex-start; }
  .p05-money :is(.clerk-wallet-hero-card, .p05-dispatch-scene) { padding: 0; }
  .p05-money .current-payday-card { grid-template-columns: minmax(0, 1fr); }
  .p05-money .current-payday-card > :is(.p05-scene-art, .card-head, .voucher-breakdown, .card-btn-area) { grid-column: 1; grid-row: auto; }
  .p05-money .current-payday-card .p05-scene-art { max-height: none; }
  .p05-money .treasury-hero-section > .p05-scene-art { grid-row: auto; }
  .p05-money .proof-card .p05-scene-art { max-height: 380px; }
  .p05-money :is(.tax-year-row, .voucher-row) { align-items: flex-start; }
  .p05-money .tax-year-row .q6-key { flex-basis: 100%; }
}

@media (max-width: 440px) {
  .p05-money .bal-big-val { font-size: 40px; }
  .p05-money .cash-balance-hero .hero-amount { font-size: 44px; }
  .p05-money .p05-q-mark { width: 28px; height: 28px; flex-basis: 28px; }
  .p05-money :is(.physical-card-mockup, .virtual-card-preview, .card-visual-box) { min-height: 190px; padding: 16px; }
  .p05-money :is(.card-num, .card-pan) { font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
  .p05-money .tube-fill { transition: none; }
}

/* Approved master raster regions replace incomplete legacy tile crops. */
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_liquid_jar.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1888.095238% 1209.756098%;
  background-position: 21.770972% 21.868132%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_steel_safe.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1888.095238% 1209.756098%;
  background-position: 50.466045% 21.868132%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_cash_stack.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1888.095238% 1271.794872%;
  background-position: 87.416778% 21.881838%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_wooden_ladder.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1958.024691% 1271.794872%;
  background-position: 72.292359% 51.750547%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_staff_badge.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1958.024691% 1271.794872%;
  background-position: 72.225914% 62.910284%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_calendar.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1958.024691% 1255.696203%;
  background-position: 72.225914% 74.808324%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_corkboard.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1428.828829% 1209.756098%;
  background-position: 47.593220% 21.868132%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_pay_envelope.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1723.913043% 1240.000000%;
  background-position: 63.587684% 92.543860%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_open_notebook.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea02_master_sprite.png');
  background-size: 2440.000000% 1600.000000%;
  background-position: 45.890861% 26.344086%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_magnifying_glass.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea02_master_sprite.png');
  background-size: 2478.125000% 1600.000000%;
  background-position: 65.834428% 26.344086%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_speech_bubble.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1428.828829% 1209.756098%;
  background-position: 47.593220% 42.637363%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_trophy.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1403.539823% 1209.756098%;
  background-position: 77.664630% 42.637363%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_leather_briefcase.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2086.842105% 1526.153846%;
  background-position: 2.052980% 52.750809%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) img[src$="/tile_ticket_stub.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea02_master_sprite.png');
  background-size: 2440.000000% 1600.000000%;
  background-position: 45.890861% 26.344086%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p05-money) :is(.p01-best-job-icon, .picture-tile-icon, .tray-header-tile, .p05-balance-tile, .p05-metric-tile, .p05-way-tile) { padding: 0; }
.p01-ways-to-earn [data-way="job-board"] .picture-tile-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1428.828829% 1209.756098%;
  background-position: 47.593220% 21.868132%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
.p01-ways-to-earn [data-way="cash-jobs"] .picture-tile-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1428.828829% 1209.756098%;
  background-position: 47.593220% 32.197802%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
.p01-ways-to-earn [data-way="teach-ai"] .picture-tile-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1428.828829% 1209.756098%;
  background-position: 47.593220% 42.637363%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
.p01-ways-to-earn [data-way="academy"] .picture-tile-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1428.828829% 1195.180723%;
  background-position: 47.593220% 53.025303%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
.p01-ways-to-earn [data-way="invite-friends"] .picture-tile-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1403.539823% 1195.180723%;
  background-position: 77.664630% 21.782178%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
.p01-ways-to-earn [data-way="content-gallery"] .picture-tile-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1403.539823% 1209.756098%;
  background-position: 77.664630% 32.197802%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
.p01-ways-to-earn [data-way="crew"] .picture-tile-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1403.539823% 1209.756098%;
  background-position: 77.664630% 42.637363%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
.p01-ways-to-earn [data-way="department"] .picture-tile-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1403.539823% 1195.180723%;
  background-position: 77.664630% 53.025303%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
.p01-ways-to-earn img.p01-best-job-icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/ea01_master_sprite.png');
  background-size: 1355.555556% 745.864662%;
  background-position: 3.063308% 76.367870%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}

/* Shell alignment applies only while a requested Lane 1 product is active. */
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) > .q6-topbar { box-sizing: border-box; }
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar > .q6-topbar__actions { flex-wrap: nowrap; flex-shrink: 0; }
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__avatar-btn { flex-shrink: 0; }
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__balances { min-width: 0; }
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) > .q6-frame > .q6-rail > .q6-rail__item {
 border: 9px solid transparent;
 border-image: url('/runtime/products/assets/shell/panel.webp') 44 fill / 9px / 0 stretch;
 padding: 5px 7px;
 min-height: 70px;
 gap: 13px;
 font: 29px/1 var(--q6-font-display);
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail__label { font: inherit; }
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail__icon { width: 62px; height: 62px; flex: 0 0 62px; }
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="overview"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1503.030303%;
  background-position: 1.855533% 12.958963%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="jobs"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1526.153846%;
  background-position: 1.921803% 24.595469%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="my-links"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1526.153846%;
  background-position: 1.921803% 33.441208%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="team"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1526.153846%;
  background-position: 1.921803% 42.071197%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="wallets"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1526.153846%;
  background-position: 1.921803% 52.750809%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="mining"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1526.153846%;
  background-position: 1.921803% 61.380798%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="earnings"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1526.153846%;
  background-position: 1.921803% 69.902913%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="badges"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1526.153846%;
  background-position: 1.921803% 80.151025%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-rail [data-rail-id="settings"] .q6-rail__icon {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 2059.740260% 1526.153846%;
  background-position: 1.921803% 88.781014%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__logo-img {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1279.032258% 1740.350877%;
  background-position: 2.735978% 1.604278%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__pyramid-img {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 3304.166667% 2254.545455%;
  background-position: 78.933680% 12.447257%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__bell-img {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 4173.684211% 2110.638298%;
  background-position: 77.971576% 2.010582%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__avatar-img {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 1586.000000% 1180.952381%;
  background-position: 88.021534% 0.550661%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
:is(.p01-job-board-kanban, .p04-view, .p05-money) img[src$="/topbar_pyramid_q.png"] {
  object-fit: none;
  object-position: 100000px 100000px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-size: 3304.166667% 2254.545455%;
  background-position: 78.933680% 12.447257%;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-clip: content-box;
}
@media (min-width: 1200px) {
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar { min-height: 86px; height: auto; gap: 12px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__balances { gap: 12px; font: 21px/1.1 var(--q6-font-display); letter-spacing: .01em; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__actions > .q6-key { font: 25px/1 var(--q6-font-display); padding: 5px 13px; min-height: 48px; border: 9px solid transparent; border-image: url('/runtime/products/assets/shell/panel.webp') 44 fill / 9px / 0 stretch; color: var(--q6-cream); }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__actions > .q6-key--orange { border-image-source: url('/runtime/products/assets/shell/key-orange.webp'); color: #050c05; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__handle-text { font: 24px/1 var(--q6-font-display); max-width: 95px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__avatar-img { width: 84px; height: 70px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__bell-btn { min-width: 38px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__brand { flex: 0 0 148px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]).q6-shell--office > .q6-frame { padding-top: 14px; }
}
@media (max-width: 760px) {
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar > .q6-topbar__actions { flex-wrap: wrap; min-width: 0; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__avatar-btn { min-width: 0; }
}
/* P04 source-master icon windows preserve the complete raster artwork. */
.p04-view .p04-picture-chip {
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-repeat: no-repeat;
}
.p04-view .p04-picture-chip > .picture-tile-icon { display: none; }

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_liquid_jar.png"]) {
  background-size: 1888.0952381% 1195.1807229%;
  background-position: 21.7709720% 21.7821782%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_steel_safe.png"]) {
  background-size: 1865.8823529% 1209.7560976%;
  background-position: 50.4996669% 21.7582418%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_cash_stack.png"]) {
  background-size: 1888.0952381% 1255.6962025%;
  background-position: 87.4167776% 21.7962760%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_wooden_ladder.png"]) {
  background-size: 1958.0246914% 1255.6962025%;
  background-position: 72.2923588% 51.8072289%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_staff_badge.png"]) {
  background-size: 1934.1463415% 1209.7560976%;
  background-position: 72.3404255% 63.0769231%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_calendar.png"]) {
  background-size: 1910.8433735% 1255.6962025%;
  background-position: 72.3885562% 74.8083242%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_open_notebook.png"]) {
  background-size: 2298.5507246% 1526.1538462%;
  background-position: 46.9347396% 50.5933118%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_corkboard.png"]) {
  background-size: 1428.8288288% 1322.6666667%;
  background-position: 22.1016949% 92.2573610%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_pay_envelope.png"]) {
  background-size: 1723.9130435% 1322.6666667%;
  background-position: 63.6546185% 92.2573610%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/shell/rail_my_links.png"]) {
  background-size: 2007.5949367% 1458.8235294%;
  background-position: 1.9243530% 33.2251082%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/shell/rail_team.png"]) {
  background-size: 2007.5949367% 1417.1428571%;
  background-position: 1.9243530% 41.9739696%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/shell/rail_settings.png"]) {
  background-size: 2007.5949367% 1397.1830986%;
  background-position: 1.9243530% 88.9250814%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/shell/topbar_gold_bell.png"]) {
  background-size: 3965.0000000% 2024.4897959%;
  background-position: 78.0724450% 2.1208908%;
}

.p04-view .p04-picture-chip:has(> img[src="/runtime/products/assets/tile_speech_bubble.png"]) {
  background-image: url('/runtime/products/assets/shell/icon-03.png');
  background-size: 100% 100%;
  background-position: center;
}
.p04-view .p04-secondary-header .p04-header-icon { box-shadow: none; }
.p04-overview-view .p04-today-badge > img,
.p04-overview-view .p04-q-emblem,
.p04-overview-view .p04-mining-icon { display: none; }
.p04-overview-view .p04-today-badge:has(> img)::before,
.p04-overview-view .q6-balance-q::before {
  content: '';
  display: inline-block;
  flex: 0 0 auto;
  width: 43px;
  height: 37px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-repeat: no-repeat;
  background-size: 3172.0000000% 2306.9767442%;
  background-position: 78.9713542% 12.4341412%;
}
.p04-overview-view .bal-quit .bal-sub-line:has(> .p04-mining-icon)::after {
  content: '';
  display: inline-block;
  flex: 0 0 auto;
  width: 45px;
  height: 37px;
  background-image: url('/runtime/products/assets/of01_master_sprite.png');
  background-repeat: no-repeat;
  background-size: 2367.1641791% 1803.6363636%;
  background-position: 78.1435155% 35.2187834%;
}

/* Finish master hardware dimensions without changing other product floors. */
:is(.p01-ways-to-earn, .p01-job-board-kanban, .p04-view, .p05-money) .q6-plate {
  border-image-slice: 44 fill;
  border-image-width: 12px;
}
.p01-ways-to-earn :is(.picture-tile-icon, .p01-best-job-icon) {
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.p01-ways-to-earn .p01-hero-header { gap: 3px 20px; padding-bottom: 9px; }
.p01-ways-to-earn .p01-subtitle { margin: 3px 0; }
.p01-ways-to-earn .p01-way-card { padding: 7px; }
.p01-ways-to-earn .p01-way-card p { margin: 6px 0 3px; font-size: 10px; }
.p01-ways-to-earn .p01-way-heading { grid-template-columns: clamp(52px, 4.5vw, 72px) minmax(0, 1fr); }
.p01-ways-to-earn .p01-way-heading h4 { font-size: clamp(22px, 1.75vw, 28px); }
.p05-money img[src$="/mm01_bank_teller.png"],
.p05-money img[src$="/mm04_rosa_bakery.png"] {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-frame > .q6-rail > .q6-rail__item .q6-rail__label { white-space: normal; overflow: visible; text-overflow: clip; min-width: 0; }
#quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-frame > .q6-rail > .q6-rail__item[aria-current="page"] { box-shadow: inset 0 0 0 3px #00ed67, 0 0 9px #00ed6744; }

.p05-money .q6-table thead tr { background: #132019; }
.p05-money .q6-table th { border-top: 2px solid #6d776b; border-bottom: 2px solid #6d776b; }
@media (max-width: 760px) {
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) > .q6-frame { display: block; grid-template-columns: minmax(0, 1fr); width: 100%; padding: 10px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) > .q6-frame > .q6-rail { display: none; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) > .q6-frame > .q6-main { width: 100%; min-width: 0; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) > .q6-topbar { display: flex; flex-wrap: wrap; height: auto; min-height: 70px; padding: 8px; gap: 8px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__brand { flex: 0 0 120px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__logo-img { width: 120px; height: 44px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__balances { flex: 1 1 190px; flex-wrap: wrap; gap: 5px 10px; font: 16px/1.1 var(--q6-font-display); }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) > .q6-topbar > .q6-topbar__actions { flex: 1 1 100%; flex-wrap: wrap; width: 100%; gap: 6px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__actions > .q6-key { min-height: 40px; font: 21px/1 var(--q6-font-display); padding: 6px 9px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__avatar-img { width: 60px; height: 50px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__handle-text { font: 18px/1 var(--q6-font-display); max-width: 90px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__bell-btn { min-width: 32px; padding: 0; border: 0; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__actions .c-sound { font-size: 11px; min-width: 80px; }
 #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-bottombar { left: 0; right: 0; width: 100%; box-sizing: border-box; }
}

@media (max-width: 480px) {
  #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__brand { flex: 0 1 auto; margin-right: auto; min-width: 0; }
  #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__logo-img { width: 82px; height: 26px; }
  #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__actions .c-sound,
  #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__actions > .q6-topbar__btn-sound { min-width: 0; min-height: 32px; padding: 4px 5px; font-size: 11px; }
  #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__actions > .q6-topbar__btn-buy { min-height: 32px; padding: 3px 7px; font-size: 13px; border-width: 4px 6px 5px 6px; border-image-width: 4px 6px 5px 6px; }
  #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__actions > .q6-topbar__btn-menu { min-height: 32px; padding: 5px 8px; font-size: 13px; border: 2px solid #d4af37; border-image: none; }
}

@media (max-width: 359px) {
  #quit-v6-root:is([data-active-product="P01"], [data-active-product="P04"], [data-active-product="P05"]) .q6-topbar__logo-img { width: 68px; height: 22px; }
}

/* OW01: approved Owners hub artwork and responsive ownership vault. */
.p07-owners-hub-view {
  --q6-bg: #020b07;
  --q6-cream: #fff0cf;
  --q6-green: #00ef69;
  --q6-blue: #27b5f5;
  --q6-violet: #bc64ee;
  --q6-amber: #ffb300;
  padding: 0;
  background: var(--q6-bg);
}

.q6-shell:has(.p07-owners-hub-view) .q6-frame--floor {
  max-width: 1600px;
  padding: 28px 26px 28px;
}

.q6-shell:has(.p07-owners-hub-view) .q6-frame--floor > .q6-main { max-width: 100%; }

.p07-owners-hub-view .p07-owners-hub-inner { gap: 20px; }
.p07-owners-hub-view .q6-plate {
  min-width: 0;
  border: 22px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 44 fill / 22px / 0 stretch;
  padding: 4px 14px;
  gap: 0;
  background: #020d08;
  box-shadow: 0 3px 8px #0009;
}

.p07-owners-hub-view .top-band-split {
  grid-template-columns: minmax(0, 34fr) minmax(0, 65fr);
  gap: 20px;
  align-items: stretch;
}

.p07-owners-hub-view .headline-plate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 378px;
}

.p07-owners-hub-view .tag-box {
  display: inline-flex;
  align-items: center;
  padding: 2px 11px 3px;
  border: 3px solid var(--q6-green);
  color: var(--q6-green);
  font: 400 clamp(20px, 1.8vw, 29px)/1 var(--q6-font-display);
  letter-spacing: .045em;
  white-space: nowrap;
}

.p07-owners-hub-view .hero-page-title {
  margin: 8px 0 2px;
  font-family: var(--q6-font-display);
  font-size: clamp(48px, 5.42vw, 86px);
  font-weight: 400;
  line-height: .76;
  letter-spacing: .015em;
}

.p07-owners-hub-view .hero-page-title > span { display: block; }
.p07-owners-hub-view .cream-text { color: var(--q6-cream); }
.p07-owners-hub-view .orange-text {
  color: #ff610b;
  width: max-content;
  transform: scaleX(1.2);
  transform-origin: left center;
}
.p07-owners-hub-view .hero-subline {
  margin: 8px 0 0;
  font-size: clamp(16px, 1.42vw, 22.5px);
  line-height: 1.16;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--q6-cream);
}

.p07-owners-hub-view .hub-action-row {
  margin-top: auto;
  padding-top: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.p07-owners-hub-view .hub-action-row .q6-key {
  width: 240px;
  max-width: 100%;
  min-height: 64px;
  border-width: 9px 12px 11px;
  border-image-width: 9px 12px 11px;
  padding: 1px 24px 4px;
  color: #090a04;
  font: 400 42px/1 var(--q6-font-display);
  letter-spacing: .055em;
}
.p07-owners-hub-view .hub-action-row .q6-key[data-action="buy-q-sovereign"] {
  width: auto;
  min-width: 230px;
  max-width: 100%;
  min-height: 52px;
  border-width: 6px 9px 7px;
  border-image-width: 6px 9px 7px;
  padding: 6px 16px 7px;
  color: #ffd978;
  font: 500 17px/1.15 var(--q6-font-display);
  letter-spacing: .065em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}
.p07-owners-hub-view .hub-action-row .q6-key[data-action="buy-q-sovereign"]:active {
  border-image-source: url('/runtime/products/assets/shell/key-dark.webp');
  transform: translateY(2px);
}

.p07-owners-hub-view .hub-action-row .q6-key:hover { filter: brightness(1.1); }
.p07-owners-hub-view .hub-action-row .q6-key:active {
  border-image-source: url('/runtime/products/assets/shell/key-orange-down.webp');
  transform: translateY(2px);
}
.p07-owners-hub-view .hub-action-row .q6-key:focus-visible {
  outline: 3px solid var(--q6-green);
  outline-offset: 4px;
}

.p07-owners-hub-view .hero-illustration-plate {
  display: block;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-image: none;
  box-shadow: none;
  /* The master crop includes the complete steel frame around the seven workers. */
  background: url('/runtime/products/assets/ow01_master_sprite.png') 95.60810811% 16.0130719% / 159.55734406% 261.05263158% no-repeat;
}
.p07-owners-hub-view .owners-hero-art {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: 994 / 380;
  object-fit: fill;
  object-position: center;
  opacity: 0;
}

.p07-owners-hub-view .split-wall-plate { padding: 4px 10px 12px; }
.p07-owners-hub-view .wall-top-signs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: stretch;
}

.p07-owners-hub-view .wall-top-signs > div {
  min-width: 0;
  border: 6px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 44 fill / 6px / 0 stretch;
  font-family: var(--q6-font-display);
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}

.p07-owners-hub-view .sign-people {
  padding: 0 20px 2px;
  font-size: clamp(32px, 4.3vw, 68px);
  letter-spacing: .045em;
  color: var(--q6-green);
  background: #020d08;
}
.p07-owners-hub-view .wall-top-signs > .sign-people { line-height: .7; }

.p07-owners-hub-view .sign-team,
.p07-owners-hub-view .sign-founder {
  padding: 5px 13px;
  font-size: clamp(22px, 2.25vw, 36px);
  letter-spacing: .015em;
}
.p07-owners-hub-view .sign-team { background: #555b50; color: var(--q6-cream); }
.p07-owners-hub-view .sign-founder { background: #bec2ad; color: #070b06; }
.p07-owners-hub-view .wall-top-signs > .sign-team,
.p07-owners-hub-view .wall-top-signs > .sign-founder { border-image-slice: 44; }

.p07-owners-hub-view .lockers-wall-container {
  position: relative;
  display: block;
  margin-top: 16px;
  margin-inline: -6px;
}
.p07-owners-hub-view .owners-lockers-art {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1482 / 175;
}
.p07-owners-hub-view .owners-locker-labels {
  display: grid;
  grid-template-columns: repeat(20, minmax(0, 1fr));
  position: absolute;
  inset: 0;
}
.p07-owners-hub-view .locker-unit {
  min-height: 0;
  padding: 0;
  border: 0;
  background: none;
  opacity: 1;
}
.p07-owners-hub-view .owners-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.p07-owners-hub-view .exact-figures-row {
  gap: 12px 24px;
  margin-top: 4px;
  min-height: 50px;
  font-family: var(--q6-font-display);
  font-size: clamp(23px, 2.9vw, 46px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: .025em;
  color: var(--q6-cream);
  padding-inline: 5px;
}
.p07-owners-hub-view .exact-figures-row > div { display: flex; align-items: center; gap: 12px; color: var(--q6-cream); }
.p07-owners-hub-view .q-slot-sym { width: 36px; height: 31px; object-fit: contain; flex-shrink: 0; mix-blend-mode: screen; }

.p07-owners-hub-view .four-parts-row {
  grid-template-columns: minmax(0, 317fr) minmax(0, 390fr) minmax(0, 288fr) minmax(0, 419fr);
  gap: 20px;
  margin-top: 12px;
  padding-inline: 5px;
}
.p07-owners-hub-view .part-block {
  min-width: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  border: 0;
  background: none;
}
.p07-owners-hub-view .part-tile {
  flex: 0 0 auto;
  width: clamp(62px, 6.5vw, 104px);
  aspect-ratio: 104 / 94;
  border: 0;
  background-image: url('/runtime/products/assets/ow01_master_sprite.png');
  background-repeat: no-repeat;
}
.p07-owners-hub-view .part-tile > img { display: none; }
.p07-owners-hub-view .owners-tile-ticket {
  background-size: 1525% 1055.31914894%;
  background-position: 4.25101215% 93.65256125%;
}
.p07-owners-hub-view .owners-tile-envelope {
  background-size: 1525% 1055.31914894%;
  background-position: 26.92307692% 93.65256125%;
}
.p07-owners-hub-view .owners-tile-briefcase {
  background-size: 1525% 1055.31914894%;
  background-position: 54.65587045% 93.65256125%;
}
.p07-owners-hub-view .owners-tile-safe {
  background-size: 1525% 1055.31914894%;
  background-position: 75.23616734% 93.65256125%;
}
.p07-owners-hub-view .part-figures { display: flex; flex-direction: column; min-width: 0; gap: 0; }
.p07-owners-hub-view .part-pct {
  font: 400 clamp(32px, 3.4vw, 54px)/1 var(--q6-font-display);
  letter-spacing: .015em;
}
.p07-owners-hub-view .part-name {
  font: 400 clamp(21px, 2.27vw, 36px)/1.05 var(--q6-font-display);
  color: var(--q6-cream);
  white-space: nowrap;
}
.p07-owners-hub-view .part-pct.green { color: var(--q6-green); }
.p07-owners-hub-view .part-pct.sky-blue { color: var(--q6-blue); }
.p07-owners-hub-view .part-pct.violet { color: var(--q6-violet); }
.p07-owners-hub-view .part-pct.amber { color: var(--q6-amber); }
.p07-owners-hub-view .road-milestones-section { margin-top: 4px; }
.p07-owners-hub-view .road-milestones-section .sub-head,
.p07-owners-hub-view .gov-title {
  font-family: var(--q6-font-display);
  font-size: clamp(24px, 2.1vw, 34px);
  font-weight: 400;
}
.p07-owners-hub-view .road-desc,
.p07-owners-hub-view .gov-desc { line-height: 1.5; }

@media (max-width: 1100px) {
  .p07-owners-hub-view .top-band-split { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); gap: 16px; }
  .p07-owners-hub-view .headline-plate { min-height: 330px; padding: 12px 14px; }
  .p07-owners-hub-view .hero-page-title { font-size: clamp(43px, 5vw, 58px); }
  .p07-owners-hub-view .hero-subline { font-size: 17px; }
  .p07-owners-hub-view .owners-hero-art { height: 100%; object-fit: cover; }
  .p07-owners-hub-view .four-parts-row { gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p07-owners-hub-view .part-tile { width: 88px; }
  .p07-owners-hub-view .part-name { font-size: 29px; }
  .p07-owners-hub-view .part-pct { font-size: 42px; }
}

@media (max-width: 760px) {
  .q6-shell:has(.p07-owners-hub-view) .q6-frame--floor { padding: 16px 12px 24px; }
  .p07-owners-hub-view .p07-owners-hub-inner { gap: 16px; }
  .p07-owners-hub-view .top-band-split { grid-template-columns: 1fr; }
  .p07-owners-hub-view .headline-plate { min-height: 330px; padding: 14px 14px; }
  .p07-owners-hub-view .hub-action-row { display: flex; flex-wrap: wrap; gap: 10px; max-width: 100%; }
  .p07-owners-hub-view .hub-action-row .q6-key { width: 100%; max-width: 290px; box-sizing: border-box; font-size: clamp(24px, 7.6vw, 44px); padding: 2px 12px 4px; }
  .p07-owners-hub-view .hub-action-row .q6-key[data-action="buy-q-sovereign"] { width: auto; max-width: 100%; min-height: 46px; font-size: 15px; padding: 6px 12px 7px; color: #ffd978; }
  .p07-owners-hub-view .hero-page-title { font-size: clamp(46px, 10.4vw, 76px); }
  .p07-owners-hub-view .tag-box { font-size: 24px; }
  .p07-owners-hub-view .hero-subline { max-width: 480px; font-size: 18px; }
  .p07-owners-hub-view .owners-hero-art { min-height: 0; height: auto; aspect-ratio: 994 / 380; object-fit: contain; }
  .p07-owners-hub-view .split-wall-plate { padding: 8px 8px 16px; }
  .p07-owners-hub-view .wall-top-signs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .p07-owners-hub-view .sign-people { grid-column: 1 / -1; font-size: 44px; text-align: center; padding: 3px 6px; }
  .p07-owners-hub-view .sign-team,
  .p07-owners-hub-view .sign-founder { font-size: clamp(18px, 5.4vw, 26px); padding: 6px 2px; }
  .p07-owners-hub-view .lockers-wall-container { margin-top: 14px; }
  .p07-owners-hub-view .exact-figures-row { font-size: clamp(20px, 4.3vw, 30px); margin-top: 10px; gap: 8px; }
  .p07-owners-hub-view .exact-figures-row > div { gap: 5px; }
  .p07-owners-hub-view .q-slot-sym { width: 24px; height: 24px; }
  .p07-owners-hub-view .four-parts-row { gap: 18px 12px; margin-top: 20px; }
  .p07-owners-hub-view .part-block { flex-direction: column; align-items: flex-start; gap: 8px; }
  .p07-owners-hub-view .part-tile { width: 88px; }
  .p07-owners-hub-view .part-pct { font-size: 40px; }
  .p07-owners-hub-view .part-name { font-size: clamp(20px, 4.3vw, 28px); white-space: normal; }
  .p07-owners-hub-view .governance-cards-section { grid-template-columns: 1fr; }
}

/* ==========================================================================
   QC01, QC02, QC03: Sovereign Black & 24k Gold Q Coin Direct Sale & Checkout
   ========================================================================== */

.qc-sovereign-view {
  --qc-obsidian: #000000;
  --qc-panel: #0a0805;
  --qc-panel-elevated: #130f0a;
  --qc-gold: #d8b45e;
  --qc-gold-bright: #f4d889;
  --qc-gold-deep: #8b6a24;
  --qc-ivory: #f6eedc;
  --qc-muted: #b8a88a;
  --qc-emerald: #25dc71;
  --qc-danger: #ff5e6c;
  background: #000000;
  color: var(--qc-ivory);
  font-family: var(--q6-font-sans);
  padding: 10px 16px 14px;
  border-top: 1px solid rgba(216, 180, 94, 0.26);
}

.qc-shell-inner {
  width: 100%;
  max-width: 1380px;
  min-width: 0;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.qc-topline-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(14, 11, 7, 0.94);
  border: 1px solid rgba(216, 180, 94, 0.38);
  border-radius: 6px;
}

.qc-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 3px 10px;
  background: rgba(37, 220, 113, 0.12);
  border: 1px solid rgba(37, 220, 113, 0.55);
  color: var(--qc-emerald);
  font-family: var(--q6-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.qc-live-dot {
  width: 7px;
  height: 7px;
  background: var(--qc-emerald);
  box-shadow: 0 0 8px var(--qc-emerald);
}

.qc-topline-facts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-family: var(--q6-font-mono);
  font-size: 11px;
  color: var(--qc-muted);
  letter-spacing: 0.05em;
}

.qc-sep { color: rgba(216, 180, 94, 0.45); }
.qc-gold-text { color: var(--qc-gold-bright); }

.qc-flanked-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--q6-font-mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--qc-gold-bright);
}

.qc-flanked-kicker::before,
.qc-flanked-kicker::after {
  content: "";
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 180, 94, 0.72), transparent);
}

.qc-hero-copy-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 5px;
}

.qc-sovereign-view .qc-serif-h1 {
  margin: 0;
  font-family: var(--q6-font-serif);
  font-size: clamp(30px, 2.75vw, 40px);
  line-height: 1.04;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--qc-gold-bright);
  text-shadow: 0 2px 18px rgba(216, 180, 94, 0.22);
}

.qc-sovereign-view .qc-serif-h2 {
  margin: 0;
  font-family: var(--q6-font-serif);
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.08;
  font-weight: 700;
  color: var(--qc-gold-bright);
}

.qc-sovereign-view .qc-serif-h3 {
  margin: 0;
  font-family: var(--q6-font-serif);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--qc-gold-bright);
}

.qc-hero-sub {
  margin: 0;
  color: var(--qc-ivory);
  font-size: 14px;
  line-height: 1.35;
  max-width: 620px;
}

.qc-calc-sub {
  margin: 2px 0 0;
  color: var(--qc-muted);
  font-family: var(--q6-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  line-height: 1.3;
}

.qc-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(410px, 0.94fr);
  gap: 20px;
  align-items: start;
}

.qc-hero-left {
  display: flex;
  flex-direction: column;
  gap: 11px;
  min-width: 0;
}

.qc-coin-pedestal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  border: none;
  box-shadow: none;
  margin: 0 auto -2px;
}

.qc-coin-hero-img {
  height: 194px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
  mix-blend-mode: lighten;
}

.qc-telemetry-trio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.qc-stat-box {
  background: linear-gradient(180deg, #110d08 0%, #090704 100%);
  border: 1px solid rgba(216, 180, 94, 0.42);
  border-radius: 6px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  box-shadow: inset 0 1px 0 rgba(242, 214, 133, 0.16);
}

.qc-stat-box--highlight {
  background: linear-gradient(180deg, rgba(216, 180, 94, 0.18), rgba(16, 12, 7, 0.96));
  border-color: var(--qc-gold-bright);
}

.qc-stat-kicker,
.qc-kicker-right,
.qc-owned-kicker,
.qc-hold-label {
  font-family: var(--q6-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--qc-gold);
}

.qc-stat-value,
.qc-live-price,
.qc-remaining-usd {
  font-family: var(--q6-font-serif);
  font-size: clamp(18px, 1.6vw, 23px);
  line-height: 1.1;
  font-weight: 700;
  color: var(--qc-ivory);
}

.qc-stat-sub {
  font-family: var(--q6-font-mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--qc-muted);
}

.qc-progress-track {
  width: 100%;
  height: 7px;
  background: #17120c;
  border: 1px solid rgba(216, 180, 94, 0.45);
  border-radius: 999px;
  overflow: hidden;
  margin: 2px 0;
}

.qc-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #a88031 0%, #d8b45e 50%, #f6df98 100%);
  box-shadow: 0 0 10px rgba(242, 214, 133, 0.45);
  transition: width 0.3s ease;
}

.qc-ladder-inline {
  background: linear-gradient(180deg, #0e0b07 0%, #080604 100%);
  border: 1px solid rgba(216, 180, 94, 0.36);
  border-radius: 8px;
  padding: 9px 11px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.qc-ladder-inline-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.qc-ladder-inline-meta {
  font-family: var(--q6-font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  color: var(--qc-muted);
}

.qc-rounds-bars-grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 4px;
  align-items: stretch;
}

.qc-round-bar-card {
  background: #0b0805;
  border: 1px solid rgba(216, 180, 94, 0.25);
  border-radius: 5px;
  padding: 4px 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  min-height: 68px;
  text-align: center;
}

.qc-round-bar-card.is-live,
.qc-round-bar-card.is-current {
  border-color: var(--qc-gold-bright);
  background: linear-gradient(180deg, rgba(216, 180, 94, 0.24), rgba(14, 11, 7, 0.96));
  box-shadow: 0 0 12px rgba(216, 180, 94, 0.22);
}

.qc-round-bar-stage {
  width: 100%;
  height: 28px;
  display: flex;
  align-items: flex-end;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 3px;
  padding: 2px;
}

.qc-round-bar-column {
  width: 100%;
  background: linear-gradient(180deg, var(--qc-gold-bright), var(--qc-gold-deep));
  border-radius: 2px;
  min-height: 5px;
}

.qc-round-tag,
.qc-round-status {
  font-family: var(--q6-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--qc-gold-bright);
}

.qc-round-cap {
  font-family: var(--q6-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  color: var(--qc-ivory);
  line-height: 1.05;
}

.qc-round-price {
  font-family: var(--q6-font-serif);
  font-size: 11px;
  font-weight: 700;
  color: var(--qc-ivory);
}

.qc-calculator-card,
.qc-checkout-left,
.qc-receipt-card {
  background: linear-gradient(180deg, #130f09 0%, #070503 100%);
  border: 1px solid rgba(216, 180, 94, 0.62);
  border-radius: 10px;
  padding: 17px 20px;
  box-shadow:
    inset 0 0 0 2px #070503,
    inset 0 0 0 3px rgba(216, 180, 94, 0.24),
    0 18px 44px rgba(0, 0, 0, 0.78);
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.qc-sovereign-view .qc-calc-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  gap: 12px;
  border-bottom: 1px solid rgba(216, 180, 94, 0.28);
  padding-bottom: 10px;
}

.qc-calc-header-copy {
  min-width: 0;
}

.qc-sovereign-view .qc-calc-title {
  margin: 0;
  font-family: var(--q6-font-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.08;
  color: var(--qc-gold-bright);
}

.qc-presets-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.qc-sovereign-view .qc-preset-btn {
  appearance: none;
  background: linear-gradient(180deg, #f1d485 0%, #cda54c 52%, #9a7221 100%);
  border: 1px solid #f7e0a3;
  border-radius: 7px;
  color: #0b0804;
  font-family: var(--q6-font-serif);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.01em;
  padding: 8px 8px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 250, 224, 0.72), 0 4px 12px rgba(0, 0, 0, 0.5);
  transition: filter 0.15s ease, border-color 0.15s ease, transform 0.08s ease, box-shadow 0.15s ease;
}

.qc-sovereign-view .qc-preset-btn:hover {
  filter: brightness(1.07);
  border-color: #fff6d6;
}

.qc-sovereign-view .qc-preset-btn.is-active,
.qc-sovereign-view .qc-preset-btn[aria-pressed="true"] {
  background: linear-gradient(180deg, #fff3c4 0%, #efc96d 48%, #bc8f31 100%);
  border-color: #fff9e2;
  color: #050301;
  box-shadow:
    0 0 0 2px #070503,
    0 0 0 3.5px #f7df97,
    0 6px 18px rgba(216, 180, 94, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.qc-rail-pill,
.qc-crypto-chip,
.qc-tab-btn,
.qc-sovereign-view .qc-tab-btn[role="tab"] {
  appearance: none;
  background: #0c0906;
  border: 1px solid rgba(216, 180, 94, 0.3);
  border-radius: 5px;
  color: var(--qc-ivory);
  font-family: var(--q6-font-mono);
  font-size: 11.5px;
  font-weight: 700;
  padding: 6px 9px;
  cursor: pointer;
  outline: none;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.qc-preset-btn:focus-visible,
.qc-rail-pill:focus-visible,
.qc-crypto-chip:focus-visible,
.qc-tab-btn:focus-visible {
  outline: 1px solid var(--qc-gold-bright);
  outline-offset: 1px;
}

.qc-rail-pill:hover,
.qc-crypto-chip:hover,
.qc-tab-btn:hover,
.qc-sovereign-view .qc-tab-btn[role="tab"]:hover {
  border-color: var(--qc-gold-bright);
}

.qc-rail-pill.is-active,
.qc-crypto-chip.is-active,
.qc-tab-btn.is-active,
.qc-rail-pill[aria-pressed="true"],
.qc-crypto-chip[aria-pressed="true"],
.qc-tab-btn[aria-selected="true"],
.qc-sovereign-view .qc-tab-btn[role="tab"][aria-selected="true"] {
  background: linear-gradient(180deg, rgba(216, 180, 94, 0.28), rgba(216, 180, 94, 0.1));
  border-color: var(--qc-gold-bright);
  color: var(--qc-gold-bright);
  box-shadow: 0 0 0 1px rgba(242, 214, 133, 0.26);
}

.qc-custom-input-wrap {
  display: flex;
  align-items: center;
  background: #070504;
  border: 1px solid rgba(216, 180, 94, 0.45);
  border-radius: 7px;
  padding: 5px 12px;
  gap: 8px;
}

.qc-currency-prefix,
.qc-currency-suffix {
  font-family: var(--q6-font-mono);
  font-size: 14px;
  font-weight: 700;
  color: var(--qc-gold);
}

.qc-custom-usd-input,
.qc-usd-input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  color: var(--qc-ivory);
  font-family: var(--q6-font-serif);
  font-size: 24px;
  line-height: 1.1;
  font-weight: 700;
  outline: none;
}

.qc-receive-panel {
  background: rgba(8, 6, 4, 0.92);
  border: 1px solid rgba(216, 180, 94, 0.36);
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.qc-receive-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--q6-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--qc-muted);
}

.qc-receive-badge,
.qc-badge-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(216, 180, 94, 0.16);
  border: 1px solid rgba(216, 180, 94, 0.52);
  color: var(--qc-gold-bright);
  font-family: var(--q6-font-mono);
  font-size: 10.5px;
  font-weight: 700;
  width: fit-content;
}

.qc-receive-trio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.qc-receive-col {
  background: #0d0a07;
  border: 1px solid rgba(216, 180, 94, 0.24);
  border-radius: 6px;
  padding: 7px 9px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

.qc-receive-col--gold {
  border-color: var(--qc-gold);
  background: linear-gradient(180deg, rgba(216, 180, 94, 0.16), rgba(13, 10, 7, 0.96));
}

.qc-receive-num,
.qc-receive-q,
.qc-receive-credits {
  font-family: var(--q6-font-serif);
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
  color: var(--qc-ivory);
}

.qc-receive-caption {
  font-family: var(--q6-font-mono);
  font-size: 9.5px;
  letter-spacing: 0.04em;
  color: var(--qc-muted);
  line-height: 1.25;
}

.qc-bonus-tier-note,
.qc-trust-micro,
.qc-legal-note {
  margin: 0;
  font-size: 10.5px;
  color: var(--qc-muted);
  line-height: 1.3;
}

.qc-split-fill-notice,
.qc-alert {
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  line-height: 1.35;
  border: 1px solid rgba(216, 180, 94, 0.45);
  background: rgba(216, 180, 94, 0.1);
  color: var(--qc-ivory);
}

.qc-alert--green {
  border-color: var(--qc-emerald);
  background: rgba(37, 220, 113, 0.12);
  color: #dcffe9;
}

.qc-alert--error {
  border-color: var(--qc-danger);
  background: rgba(255, 94, 108, 0.14);
  color: #ffd9dd;
}

.qc-rail-pills {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.qc-sovereign-view .qc-rail-pill {
  text-align: center;
  white-space: nowrap;
  padding: 6px 4px;
  font-size: 11px;
}

.qc-gold-cta {
  appearance: none;
  width: 100%;
  min-height: 48px;
  padding: 11px 18px;
  border-radius: 6px;
  border: 1px solid #fae5a5;
  background: linear-gradient(180deg, #f6df96 0%, #d8b45e 52%, #ab822c 100%);
  color: #0b0804;
  font-family: var(--q6-font-mono);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(216, 180, 94, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transition: filter 0.15s ease, transform 0.08s ease;
}

.qc-gold-cta:hover { filter: brightness(1.06); }
.qc-gold-cta:active { transform: translateY(1px); }

.qc-secondary-gold-btn,
.qc-mini-copy-btn {
  appearance: none;
  padding: 8px 12px;
  border-radius: 5px;
  border: 1px solid var(--qc-gold);
  background: rgba(216, 180, 94, 0.12);
  color: var(--qc-gold-bright);
  font-family: var(--q6-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
}

/* ---------- QC02: Step 2 Sovereign Checkout & Riveted Brass Plaque ---------- */

.qc-checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, 0.88fr);
  gap: 20px;
  align-items: start;
}

.qc-checkout-card-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2px;
  padding-bottom: 2px;
}

.qc-sovereign-view .qc-checkout-title {
  font-size: clamp(22px, 2vw, 27px);
  letter-spacing: 0.02em;
}

.qc-checkout-right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.qc-summary-plaque {
  position: relative;
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 216, 134, 0.22), transparent 62%),
    linear-gradient(160deg, #2f2310 0%, #191208 48%, #0c0905 100%);
  border: 2px solid #e2be68;
  border-radius: 9px;
  padding: 15px 18px;
  box-shadow:
    inset 0 0 0 3px #090704,
    inset 0 0 0 4px rgba(216, 180, 94, 0.55),
    0 16px 36px rgba(0, 0, 0, 0.72);
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.qc-plaque-rivet {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #fff5cf 0%, #deb960 55%, #684c15 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
  pointer-events: none;
}

.qc-plaque-rivet--tl { top: 8px; left: 8px; }
.qc-plaque-rivet--tr { top: 8px; right: 8px; }
.qc-plaque-rivet--bl { bottom: 8px; left: 8px; }
.qc-plaque-rivet--br { bottom: 8px; right: 8px; }

.qc-amount-quick-adjust {
  background: linear-gradient(180deg, #120e09 0%, #090705 100%);
  border: 1px solid rgba(216, 180, 94, 0.46);
  border-radius: 8px;
  padding: 9px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.qc-vault-art-frame {
  background: #000000;
  border: none;
  border-radius: 0;
  padding: 2px 0 0;
  overflow: visible;
  box-shadow: none;
}

.qc-vault-art-img {
  width: 100%;
  height: 186px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  mix-blend-mode: lighten;
}

.qc-sovereign-view .qc-hold-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 12px;
  background: linear-gradient(180deg, #f5dc91 0%, #d4ad53 54%, #a17824 100%);
  border: 1px solid #fce8ab;
  border-radius: 6px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.qc-sovereign-view .qc-hold-banner .qc-hold-label {
  color: #0b0804;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
}

.qc-sovereign-view .qc-hold-timer {
  font-family: var(--q6-font-mono);
  font-size: 14px;
  font-weight: 800;
  color: #f6df96;
  background: #0b0804;
  border: 1px solid rgba(246, 223, 150, 0.55);
  border-radius: 5px;
  padding: 2px 10px;
}

.qc-tab-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.qc-fiat-pane,
.qc-crypto-pane {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.qc-apple-pay-btn {
  appearance: none;
  width: 100%;
  min-height: 44px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: #000000;
  color: #ffffff;
  font-family: var(--q6-font-sans);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}

.qc-apple-sub {
  font-size: 11.5px;
  color: #b5b5b5;
}

.qc-divider-line {
  text-align: center;
  font-family: var(--q6-font-mono);
  font-size: 10px;
  color: var(--qc-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 1px 0;
}

.qc-form-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.qc-form-row-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.qc-form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.qc-field-label {
  font-family: var(--q6-font-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--qc-gold);
}

.qc-text-input {
  width: 100%;
  min-height: 38px;
  padding: 7px 11px;
  background: #060503;
  border: 1px solid rgba(216, 180, 94, 0.36);
  border-radius: 6px;
  color: var(--qc-ivory);
  font-family: var(--q6-font-mono);
  font-size: 13px;
  box-sizing: border-box;
}

.qc-text-input:focus {
  outline: 1px solid var(--qc-gold-bright);
  border-color: var(--qc-gold-bright);
}

.qc-crypto-selector-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.qc-crypto-chip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 5px 8px;
  min-width: 0;
  overflow: hidden;
}

.qc-crypto-chip span {
  font-size: 9.5px;
  color: var(--qc-muted);
}

.qc-crypto-quote-box,
.qc-deposit-box {
  background: #080604;
  border: 1px solid rgba(216, 180, 94, 0.32);
  border-radius: 7px;
  padding: 8px 11px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.qc-quote-row,
.qc-summary-row,
.qc-ledger-row,
.qc-copy-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
}

.qc-summary-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.qc-summary-row {
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(216, 180, 94, 0.16);
}

.qc-summary-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.qc-summary-row--big {
  padding-top: 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--qc-gold-bright);
}

.qc-address-code,
.qc-deposit-addr {
  font-family: var(--q6-font-mono);
  font-size: 11.5px;
  color: var(--qc-gold-bright);
  word-break: break-all;
}

.qc-plaque-crest-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(216, 180, 94, 0.36);
}

.qc-mini-crest {
  width: 38px;
  height: 38px;
  border-radius: 7px;
  object-fit: cover;
  border: 1px solid rgba(216, 180, 94, 0.58);
  flex-shrink: 0;
}

/* ---------- QC03: Sovereign Receipt Certificate & Gold Wax Seal ---------- */

.qc-mode-receipt .qc-shell-inner {
  max-width: 1120px;
}

.qc-mode-receipt .qc-receipt-card {
  background: #020201;
  padding: 18px 24px;
  gap: 12px;
}

.qc-sovereign-view .qc-receipt-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  border-bottom: none;
  padding-bottom: 2px;
}

.qc-sovereign-view .qc-receipt-h1 {
  font-size: clamp(26px, 2.5vw, 35px);
  letter-spacing: 0.02em;
}

.qc-owned-hero-box {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  background: linear-gradient(180deg, rgba(216, 180, 94, 0.22), rgba(11, 9, 6, 0.96));
  border: 1.5px solid var(--qc-gold-bright);
  border-radius: 8px;
  padding: 11px 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  box-shadow:
    inset 0 0 0 3px #080604,
    inset 0 0 0 4px rgba(216, 180, 94, 0.45),
    0 10px 26px rgba(0, 0, 0, 0.6);
}

.qc-owned-amount,
.qc-receipt-q {
  font-family: var(--q6-font-serif);
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: 1.05;
  font-weight: 700;
  color: var(--qc-gold-bright);
}

.qc-medallions-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.qc-medallion-pill {
  background: var(--qc-panel);
  border: 1px solid rgba(216, 180, 94, 0.36);
  border-radius: 999px;
  padding: 8px 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.qc-medallion-pill.is-active {
  border-color: rgba(244, 216, 137, 0.68);
  background: linear-gradient(180deg, rgba(216, 180, 94, 0.16), rgba(11, 9, 6, 0.96));
}

.qc-medallion-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(180deg, #f6df96 0%, #c69c42 100%);
  color: #090603;
  font-family: var(--q6-font-serif);
  font-size: 15px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.qc-medallion-copy {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.qc-medallion-copy strong {
  font-family: var(--q6-font-mono);
  font-size: 11px;
  color: var(--qc-ivory);
  letter-spacing: 0.04em;
}

.qc-medallion-copy span {
  font-family: var(--q6-font-mono);
  font-size: 10px;
  color: var(--qc-gold-bright);
}

.qc-medallion-check {
  margin-left: auto;
  color: var(--qc-gold-bright);
  font-size: 14px;
  font-weight: 800;
  flex-shrink: 0;
}

.qc-ledger-band {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) 172px;
  gap: 14px;
  align-items: center;
  background: #000000;
  border: 1px solid rgba(216, 180, 94, 0.48);
  border-radius: 8px;
  padding: 12px 16px;
}

.qc-ledger-title-col {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 10px;
  border-right: 1px solid rgba(216, 180, 94, 0.24);
}

.qc-sovereign-view .qc-ledger-serif-title {
  margin: 0;
  font-family: var(--q6-font-serif);
  font-size: 19px;
  line-height: 1.15;
  color: var(--qc-gold-bright);
}

.qc-ledger-table {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.qc-ledger-row {
  padding-bottom: 5px;
  border-bottom: 1px dashed rgba(216, 180, 94, 0.22);
  font-family: var(--q6-font-mono);
  font-size: 11.5px;
}

.qc-ledger-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.qc-wax-seal-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-left: 10px;
  border-left: 1px solid rgba(216, 180, 94, 0.24);
  background: #000000;
  text-align: center;
}

.qc-wax-seal-img {
  width: 104px;
  height: 117px;
  object-fit: contain;
  display: block;
  mix-blend-mode: lighten;
}

.qc-wax-seal-caption {
  font-family: var(--q6-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--qc-gold-bright);
}

.qc-affiliate-strip {
  background: var(--qc-panel);
  border: 1px solid rgba(216, 180, 94, 0.34);
  border-radius: 7px;
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.qc-affiliate-label-wrap {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.qc-affiliate-label-wrap strong {
  font-family: var(--q6-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--qc-gold-bright);
}

.qc-affiliate-label-wrap span {
  font-size: 11px;
  color: var(--qc-muted);
}

.qc-receipt-actions {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.qc-receipt-primary-cta {
  min-height: 44px;
}

.qc-receipt-secondary-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.qc-back-link {
  appearance: none;
  background: rgba(216, 180, 94, 0.08);
  border: 1px solid rgba(216, 180, 94, 0.42);
  border-radius: 5px;
  padding: 5px 11px;
  color: var(--qc-gold-bright);
  font-family: var(--q6-font-mono);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  cursor: pointer;
}

.q6-shell--house:has(.qc-sovereign-view),
.q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) {
  background: #000000;
}

.q6-shell--house:has(.qc-sovereign-view) > .q6-topbar,
.q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) > .q6-topbar {
  max-width: 1420px;
  min-height: 52px;
  height: 52px;
  padding: 0 20px;
}

.q6-shell--house:has(.qc-sovereign-view) .q6-frame,
.q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) .q6-frame,
.q6-shell--house:has(.qc-sovereign-view) .q6-frame > .q6-main,
.q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) .q6-frame > .q6-main {
  max-width: 1400px !important;
  padding: 0 12px !important;
  min-height: auto;
}

@media (max-width: 680px) {
  .q6-shell--house:has(.qc-sovereign-view) > .q6-topbar,
  .q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) > .q6-topbar {
    height: auto;
    min-height: 54px;
    padding: 6px 12px;
    gap: 8px;
  }
  .q6-shell--house:has(.qc-sovereign-view) .q6-topbar__actions,
  .q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) .q6-topbar__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
  }
  .q6-shell--house:has(.qc-sovereign-view) .q6-topbar__balances,
  .q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) .q6-topbar__balances,
  .q6-shell--house:has(.qc-sovereign-view) .c-sound,
  .q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) .c-sound,
  .q6-shell--house:has(.qc-sovereign-view) .q6-topbar__btn-buy,
  .q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) .q6-topbar__btn-buy {
    display: none !important;
  }
  .q6-shell--house:has(.qc-sovereign-view) .q6-frame,
  .q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) .q6-frame,
  .q6-shell--house:has(.qc-sovereign-view) .q6-frame > .q6-main,
  .q6-shell[data-layout-mode="house"]:has(.qc-sovereign-view) .q6-frame > .q6-main {
    padding: 0 !important;
    max-width: 100% !important;
  }
}

/* ---------- P02 Academy Course Publisher Q Gate & Royalties ---------- */

.p02-q-gate-banner,
.p02-royalties-ledger {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.p02-q-gate-meter {
  width: 100%;
  height: 12px;
  background: #06100c;
  border: 1px solid var(--q6-rim);
  overflow: hidden;
}

.p02-q-gate-fill {
  height: 100%;
  background: linear-gradient(90deg, #19b36b, #25dc71);
}

.p02-royalties-trio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.p02-royalty-stat {
  background: #060e0b;
  border: 1px solid var(--q6-rim);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.p02-royalty-num {
  font-family: var(--q6-font-display);
  font-size: 26px;
  color: var(--q6-green);
}

/* ---------- P01 EA12: Fundraise & Growth Mission Command ---------- */

.p01-fundraise-missions .p01-growth-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}

.p01-fundraise-missions .p01-growth-pill {
  appearance: none;
  background: #08120e;
  border: 1px solid #3c4a3f;
  border-radius: 6px;
  color: #dcd2bc;
  font-family: var(--q6-font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 8px 14px;
  cursor: pointer;
}

.p01-fundraise-missions .p01-growth-pill.is-active {
  background: rgba(37, 220, 113, 0.15);
  border-color: #25dc71;
  color: #25dc71;
}

.p01-ea12-hero-grid {
  display: grid;
  grid-template-columns: minmax(280px, 42%) minmax(0, 58%);
  gap: 22px;
  align-items: center;
}

.p01-ea12-hero-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  border: 1px solid var(--q6-amber);
}

.p01-ea12-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.p01-ea12-kpi {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
}

.p01-ea12-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 20px;
  align-items: start;
  margin-top: 16px;
}

.p01-ea12-mission-list,
.p01-ea12-submit-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.p01-ea12-sub-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 1024px) {
  .qc-hero-grid,
  .qc-checkout-grid,
  .qc-ledger-band,
  .p01-ea12-hero-grid,
  .p01-ea12-workspace-grid {
    grid-template-columns: 1fr;
  }
  .qc-ledger-title-col {
    border-right: none;
    border-bottom: 1px solid rgba(216, 180, 94, 0.24);
    padding-right: 0;
    padding-bottom: 8px;
  }
  .qc-wax-seal-col {
    border-left: none;
    border-top: 1px solid rgba(216, 180, 94, 0.24);
    padding-left: 0;
    padding-top: 8px;
  }
  .qc-rounds-bars-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .qc-sovereign-view {
    padding: 12px 10px !important;
  }
  .qc-sovereign-view .qc-serif-h1 {
    font-size: 28px;
    overflow-wrap: break-word;
  }
  .qc-hero-grid > *,
  .qc-checkout-grid > *,
  .qc-shell-inner > * {
    min-width: 0;
  }
  .qc-presets-grid {
    gap: 5px;
  }
  .qc-sovereign-view .qc-preset-btn {
    font-size: 13.5px;
    padding: 7px 4px;
  }
  .qc-rail-pills {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qc-medallion-pill {
    border-radius: 14px;
  }
  .qc-telemetry-trio,
  .qc-medallions-row,
  .qc-receive-trio,
  .qc-form-row-2,
  .qc-receipt-secondary-row,
  .p02-royalties-trio,
  .p01-ea12-kpis {
    grid-template-columns: 1fr;
  }
  .qc-crypto-selector-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qc-rounds-bars-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* ==========================================================================
   Wave 4 Round 1: Strict style-src 'self' Externalized Views & Screen Parity
   ========================================================================== */

.is-hidden {
  display: none !important;
}

.q6-sr-only,
.p17-sr-only,
.st01-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Percentage Width Utilities (0..100%) */
.q6-w-0 { width: 0%; }
.q6-w-1 { width: 1%; } .q6-w-2 { width: 2%; } .q6-w-3 { width: 3%; } .q6-w-4 { width: 4%; } .q6-w-5 { width: 5%; }
.q6-w-6 { width: 6%; } .q6-w-7 { width: 7%; } .q6-w-8 { width: 8%; } .q6-w-9 { width: 9%; } .q6-w-10 { width: 10%; }
.q6-w-11 { width: 11%; } .q6-w-12 { width: 12%; } .q6-w-13 { width: 13%; } .q6-w-14 { width: 14%; } .q6-w-15 { width: 15%; }
.q6-w-16 { width: 16%; } .q6-w-17 { width: 17%; } .q6-w-18 { width: 18%; } .q6-w-19 { width: 19%; } .q6-w-20 { width: 20%; }
.q6-w-21 { width: 21%; } .q6-w-22 { width: 22%; } .q6-w-23 { width: 23%; } .q6-w-24 { width: 24%; } .q6-w-25 { width: 25%; }
.q6-w-26 { width: 26%; } .q6-w-27 { width: 27%; } .q6-w-28 { width: 28%; } .q6-w-29 { width: 29%; } .q6-w-30 { width: 30%; }
.q6-w-31 { width: 31%; } .q6-w-32 { width: 32%; } .q6-w-33 { width: 33%; } .q6-w-34 { width: 34%; } .q6-w-35 { width: 35%; }
.q6-w-36 { width: 36%; } .q6-w-37 { width: 37%; } .q6-w-38 { width: 38%; } .q6-w-39 { width: 39%; } .q6-w-40 { width: 40%; }
.q6-w-41 { width: 41%; } .q6-w-42 { width: 42%; } .q6-w-43 { width: 43%; } .q6-w-44 { width: 44%; } .q6-w-45 { width: 45%; }
.q6-w-46 { width: 46%; } .q6-w-47 { width: 47%; } .q6-w-48 { width: 48%; } .q6-w-49 { width: 49%; } .q6-w-50 { width: 50%; }
.q6-w-51 { width: 51%; } .q6-w-52 { width: 52%; } .q6-w-53 { width: 53%; } .q6-w-54 { width: 54%; } .q6-w-55 { width: 55%; }
.q6-w-56 { width: 56%; } .q6-w-57 { width: 57%; } .q6-w-58 { width: 58%; } .q6-w-59 { width: 59%; } .q6-w-60 { width: 60%; }
.q6-w-61 { width: 61%; } .q6-w-62 { width: 62%; } .q6-w-63 { width: 63%; } .q6-w-64 { width: 64%; } .q6-w-65 { width: 65%; }
.q6-w-66 { width: 66%; } .q6-w-67 { width: 67%; } .q6-w-68 { width: 68%; } .q6-w-69 { width: 69%; } .q6-w-70 { width: 70%; }
.q6-w-71 { width: 71%; } .q6-w-72 { width: 72%; } .q6-w-73 { width: 73%; } .q6-w-74 { width: 74%; } .q6-w-75 { width: 75%; }
.q6-w-76 { width: 76%; } .q6-w-77 { width: 77%; } .q6-w-78 { width: 78%; } .q6-w-79 { width: 79%; } .q6-w-80 { width: 80%; }
.q6-w-81 { width: 81%; } .q6-w-82 { width: 82%; } .q6-w-83 { width: 83%; } .q6-w-84 { width: 84%; } .q6-w-85 { width: 85%; }
.q6-w-86 { width: 86%; } .q6-w-87 { width: 87%; } .q6-w-88 { width: 88%; } .q6-w-89 { width: 89%; } .q6-w-90 { width: 90%; }
.q6-w-91 { width: 91%; } .q6-w-92 { width: 92%; } .q6-w-93 { width: 93%; } .q6-w-94 { width: 94%; } .q6-w-95 { width: 95%; }
.q6-w-96 { width: 96%; } .q6-w-97 { width: 97%; } .q6-w-98 { width: 98%; } .q6-w-99 { width: 99%; } .q6-w-100 { width: 100%; }

/* Percentage Height Utilities (0..100%) */
.q6-h-0 { height: 0%; }
.q6-h-1 { height: 1%; } .q6-h-2 { height: 2%; } .q6-h-3 { height: 3%; } .q6-h-4 { height: 4%; } .q6-h-5 { height: 5%; }
.q6-h-6 { height: 6%; } .q6-h-7 { height: 7%; } .q6-h-8 { height: 8%; } .q6-h-9 { height: 9%; } .q6-h-10 { height: 10%; }
.q6-h-11 { height: 11%; } .q6-h-12 { height: 12%; } .q6-h-13 { height: 13%; } .q6-h-14 { height: 14%; } .q6-h-15 { height: 15%; }
.q6-h-16 { height: 16%; } .q6-h-17 { height: 17%; } .q6-h-18 { height: 18%; } .q6-h-19 { height: 19%; } .q6-h-20 { height: 20%; }
.q6-h-21 { height: 21%; } .q6-h-22 { height: 22%; } .q6-h-23 { height: 23%; } .q6-h-24 { height: 24%; } .q6-h-25 { height: 25%; }
.q6-h-26 { height: 26%; } .q6-h-27 { height: 27%; } .q6-h-28 { height: 28%; } .q6-h-29 { height: 29%; } .q6-h-30 { height: 30%; }
.q6-h-31 { height: 31%; } .q6-h-32 { height: 32%; } .q6-h-33 { height: 33%; } .q6-h-34 { height: 34%; } .q6-h-35 { height: 35%; }
.q6-h-36 { height: 36%; } .q6-h-37 { height: 37%; } .q6-h-38 { height: 38%; } .q6-h-39 { height: 39%; } .q6-h-40 { height: 40%; }
.q6-h-41 { height: 41%; } .q6-h-42 { height: 42%; } .q6-h-43 { height: 43%; } .q6-h-44 { height: 44%; } .q6-h-45 { height: 45%; }
.q6-h-46 { height: 46%; } .q6-h-47 { height: 47%; } .q6-h-48 { height: 48%; } .q6-h-49 { height: 49%; } .q6-h-50 { height: 50%; }
.q6-h-51 { height: 51%; } .q6-h-52 { height: 52%; } .q6-h-53 { height: 53%; } .q6-h-54 { height: 54%; } .q6-h-55 { height: 55%; }
.q6-h-56 { height: 56%; } .q6-h-57 { height: 57%; } .q6-h-58 { height: 58%; } .q6-h-59 { height: 59%; } .q6-h-60 { height: 60%; }
.q6-h-61 { height: 61%; } .q6-h-62 { height: 62%; } .q6-h-63 { height: 63%; } .q6-h-64 { height: 64%; } .q6-h-65 { height: 65%; }
.q6-h-66 { height: 66%; } .q6-h-67 { height: 67%; } .q6-h-68 { height: 68%; } .q6-h-69 { height: 69%; } .q6-h-70 { height: 70%; }
.q6-h-71 { height: 71%; } .q6-h-72 { height: 72%; } .q6-h-73 { height: 73%; } .q6-h-74 { height: 74%; } .q6-h-75 { height: 75%; }
.q6-h-76 { height: 76%; } .q6-h-77 { height: 77%; } .q6-h-78 { height: 78%; } .q6-h-79 { height: 79%; } .q6-h-80 { height: 80%; }
.q6-h-81 { height: 81%; } .q6-h-82 { height: 82%; } .q6-h-83 { height: 83%; } .q6-h-84 { height: 84%; } .q6-h-85 { height: 85%; }
.q6-h-86 { height: 86%; } .q6-h-87 { height: 87%; } .q6-h-88 { height: 88%; } .q6-h-89 { height: 89%; } .q6-h-90 { height: 90%; }
.q6-h-91 { height: 91%; } .q6-h-92 { height: 92%; } .q6-h-93 { height: 93%; } .q6-h-94 { height: 94%; } .q6-h-95 { height: 95%; }
.q6-h-96 { height: 96%; } .q6-h-97 { height: 97%; } .q6-h-98 { height: 98%; } .q6-h-99 { height: 99%; } .q6-h-100 { height: 100%; }

/* P17 TMA Phone Frame & Clean Panel Chrome (TG02..TG10) */
.p17-phone,
.p17-mobile-frame {
  position: relative;
  max-width: 420px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 10px 0;
  background: #030a07;
  border: 2px solid #2b3a33;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-sizing: border-box;
  overflow-x: hidden;
}

.p17-phone .tg02-tma-shell,
.p17-phone .tg08-handoff-shell {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.p17-phone .tg02-tma-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: nowrap;
  padding: 4px 2px;
  min-width: 0;
}

.p17-close {
  appearance: none;
  border: 2px solid #5a685e;
  background: #0a1410;
  color: var(--q6-cream);
  font-family: var(--q6-font-display);
  font-size: 16px;
  padding: 4px 8px;
  cursor: pointer;
  flex-shrink: 0;
}

.p17-logo img {
  display: block;
  width: 108px;
  height: auto;
  object-fit: contain;
}

.p17-app-name {
  font-family: var(--q6-font-display);
  font-size: 15px;
  color: var(--q6-green);
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.p17-phone .tg02-user-badge {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.p17-handle {
  font-family: var(--q6-font-display);
  font-size: 14px;
  color: var(--q6-cream);
  max-width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p17-avatar img {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: cover;
  border: 1px solid #4e5e54;
}

.p17-level {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 4px;
  background: #0b2416;
  border: 1px solid var(--q6-green);
  color: var(--q6-green);
  font-family: var(--q6-font-display);
  font-size: 13px;
}

.p17-plate {
  position: relative;
  min-width: 0;
  padding: 10px 12px;
  border: 10px solid transparent;
  border-image: url('/runtime/products/assets/shell/panel.webp') 44 fill / 10px / 0 stretch;
  background: #06110c;
  box-sizing: border-box;
}

.p17-phone .tg02-balance-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  font-family: var(--q6-font-display);
  font-size: 18px;
  color: var(--q6-cream);
}

.p17-balance-amount {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--q6-green);
}

.p17-q {
  width: 18px;
  height: 18px;
  object-fit: contain;
  vertical-align: middle;
}

.p17-ready {
  color: var(--q6-cream);
}

.p17-rounds {
  color: #ffd23f;
}

.tg02-reception-wrap {
  position: relative;
  border: 2px solid #2b3c34;
  background: #040b08;
  overflow: hidden;
}

.tg02-hero-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.p17-featured-job {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.p17-featured-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.p17-featured-title,
.tg02-mission-title {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: 22px;
  line-height: 1.05;
  color: var(--q6-cream);
}

.tg02-mission-desc {
  margin: 0;
  font-size: 12px;
  color: var(--q6-muted);
}

.p17-orange {
  width: 100%;
  min-height: 46px;
  font-size: 20px;
}

.p17-quick-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.p17-quick-card {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  color: var(--q6-cream);
  cursor: pointer;
}

.p17-icon-bay {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04120b;
  border: 1px solid var(--q6-green);
}

.p17-icon-bay.p17-amber-bay {
  border-color: #ffa21f;
}

.p17-icon-bay img,
.p17-film-icon img,
.p17-nav-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}

.p17-quick-title {
  display: block;
  font-family: var(--q6-font-display);
  font-size: 17px;
  line-height: 1.05;
}

.p17-quick-reward {
  display: block;
  font-family: var(--q6-font-display);
  font-size: 14px;
  color: var(--q6-green);
}

.p17-reel-plate {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.p17-growth-kicker {
  display: block;
  font-family: var(--q6-font-display);
  font-size: 18px;
  color: var(--q6-cream);
}

.p17-proof-input {
  width: 100%;
  margin-top: 6px;
}

/* Anchor .tg02-bottom-bar strictly inside the 420px phone frame on desktop */
.p17-phone .tg02-bottom-bar {
  position: static;
  width: calc(100% + 20px);
  margin: 6px -10px 0;
  padding: 8px 6px;
  background: #060e0b;
  border-top: 2px solid #26362e;
  box-sizing: border-box;
}

/* TG03 / TG07 / TG08 Clean TMA Cards */
.p17-job-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.p17-job-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.p17-job-copy {
  min-width: 0;
  flex: 1 1 180px;
}

.p17-category {
  font-size: 11px;
  font-weight: 800;
  color: var(--q6-green);
}

.p17-reward {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.tg07-mint-box {
  padding: 8px 10px;
  background: #040b08;
  border: 1px solid #2c3d34;
  overflow-wrap: anywhere;
  font-size: 11px;
}

.tg08-title {
  margin: 4px 0;
  font-family: var(--q6-font-display);
  font-size: 28px;
  line-height: 1;
}

.tg08-title-main { color: var(--q6-cream); }
.tg08-title-accent { color: var(--q6-orange); }

.tg08-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 600px) {
  .p17-phone,
  .p17-mobile-frame {
    max-width: 100%;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    padding: 8px 8px 0;
  }
  .p17-phone .tg02-bottom-bar {
    width: calc(100% + 16px);
    margin: 6px -8px 0;
  }
  .p17-app-name {
    display: none;
  }
}

/* P01 EA01 & EA02 Screen-Parity Layout */
.p01-ways-to-earn .p01-ea01-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.p01-ways-to-earn .p01-way-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  text-decoration: none;
  text-align: left;
  color: var(--q6-cream);
}

.p01-ways-to-earn .p01-way-card > .picture-tile-icon {
  position: static;
  display: block;
  width: 40px;
  height: 40px;
  padding: 3px;
  border: 2px solid var(--p01-way-color, #00ef66);
  border-radius: 8px;
}

.p01-ways-to-earn .p01-way-heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.p01-ways-to-earn .p01-way-title {
  margin: 0;
  font-family: var(--q6-font-display);
  font-size: clamp(22px, 1.9vw, 30px);
  line-height: 1;
  color: var(--q6-cream);
}

.p01-job-board-kanban .p01-ea02-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  align-items: center;
  gap: 16px;
}

.p01-job-board-kanban .p01-ea02-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.p01-job-board-kanban .p01-ea02-filters,
.p01-job-board-kanban .p01-view-switcher {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.p01-job-board-kanban .p01-card-bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 8px;
}

.p01-aed-preview {
  margin-top: 6px;
  font-size: 12px;
  color: var(--q6-green);
}

.p01-error-banner,
.proof-error-msg,
.siws-error-msg,
.claim-error-msg,
.send-cash-error-msg,
.wall-error-msg {
  padding: 10px 12px;
  border: 1px solid var(--q6-red);
  background: rgba(255, 71, 87, 0.12);
  color: #ffb0b8;
  font-size: 12px;
}

.post-job-status,
.wallets-feedback,
.topup-feedback,
.report-lost-msg,
.close-account-msg {
  padding: 10px 12px;
  border: 1px solid var(--q6-green);
  background: rgba(37, 220, 113, 0.1);
  color: var(--q6-green);
  font-size: 12px;
}

/* P04 OF01 Overview Parity */
.p04-tube-inline-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.p04-q-mini-tube,
.p05-q-mini-tube {
  width: 100%;
  height: 18px;
  border-radius: 10px;
  border: 2px solid #a39059;
  padding: 2px 4px;
  background: #040d08;
  overflow: hidden;
  box-sizing: border-box;
}

.p04-q-mini-tube .tube-fill,
.p05-q-mini-tube .tube-fill {
  display: block;
  height: 100%;
  border-radius: 6px;
  background: linear-gradient(90deg, #16cf5c, #7dff9b);
}

.p04-rank-meta-split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.p04-inline-xp {
  color: var(--p04-neon);
  font-family: var(--q6-font-display);
  font-size: 18px;
}

.p04-streak-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* P05 MM01 Wallets Sub-Tabs & Footer Parity */
.p05-money-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.p05-cash-separator {
  width: 100%;
  height: 2px;
  background: rgba(144, 154, 134, 0.35);
  margin: 4px 0;
}

.p05-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.p05-wallet-total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 12px;
  border-top: 2px solid #49574c;
  font-family: var(--q6-font-display);
  font-size: 22px;
  color: var(--q6-cream);
}

.p05-wallets-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.p05-empty-wallets-cell {
  text-align: center;
  color: var(--q6-muted);
  padding: 20px !important;
}

/* P06 QU01 Hold & QU06 Boardroom Parity */
.qu01-mining-section {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.qu01-mining-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.qu01-mining-kicker {
  color: var(--q6-green);
  font-family: var(--q6-font-display);
  font-size: 18px;
  letter-spacing: 0.05em;
}

.qu01-mining-sub,
.qu01-spl-sub,
.qu01-no-wallet-note {
  margin: 0;
  color: var(--q6-muted);
  font-size: 13px;
}

.qu01-timeline-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.stair-bar--1 { height: 35%; }
.stair-bar--2 { height: 55%; }
.stair-bar--3 { height: 75%; }
.stair-bar--4 { height: 100%; }

.qu06-medallion-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}

.qu06-medallion-img {
  width: 156px;
  height: 156px;
  object-fit: contain;
  display: block;
}

.qu06-hero-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}

.qu06-eyebrow {
  font-family: var(--q6-font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  color: #d8b45e;
  text-transform: uppercase;
}

.qu06-eyebrow-rule {
  display: block;
  width: 120px;
  height: 1px;
  background: rgba(216, 180, 94, 0.5);
}

.qu06-display-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(30px, 4.4vw, 46px);
  line-height: 1.05;
  color: #f6eedc;
  letter-spacing: 0.03em;
}

.sky-blue-headset-support,
.dk01-support-bubble {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  margin-top: 12px;
}

.sky-blue-headset-support img,
.dk01-support-bubble img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  display: block;
}

/* P12 DK01..DK04 Obsidian & Gold Layout */
.dk01-column-760 {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 18px 32px;
  box-sizing: border-box;
}

.dk01-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(216, 180, 94, 0.35);
}

.dk01-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dk01-brand-image img {
  display: block;
  width: 128px;
  height: auto;
  object-fit: contain;
}

.dk01-brand-tagline {
  font-family: var(--q6-font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: #d8b45e;
}

.dk01-kicker,
.dk01-footer-kicker {
  font-family: var(--q6-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #d8b45e;
  text-transform: uppercase;
}

.dk01-monitor-wrap {
  display: flex;
  justify-content: center;
  margin: 12px auto;
  max-width: 340px;
}

.dk01-monitor-img {
  display: block;
  width: 100%;
  max-width: 298px;
  height: auto;
  object-fit: contain;
}

.dk01-title-rule {
  width: 120px;
  height: 1px;
  margin: 8px auto;
  background: rgba(216, 180, 94, 0.55);
}

.dk01-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.dk01-step-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 10px;
  background: #0c0906;
  border: 1px solid rgba(216, 180, 94, 0.38);
}

.dk01-step-card img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.dk01-step-number {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 18px;
  font-weight: 700;
  color: #d8b45e;
}

.dk01-step-label {
  font-family: var(--q6-font-mono);
  font-size: 12px;
  font-weight: 700;
  color: #f6eedc;
}

.dk01-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.dk01-setup-button,
.dk01-owner-button {
  width: 100%;
  max-width: 420px;
  min-height: 50px;
}

.dk01-wallet-note {
  margin-top: 6px;
  font-size: 12px;
  color: #b5a689;
}

.dk03-timeline-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* P14 ST01, ST04, ST05, SY01, SY04 Externalized Layout */
.st01-top-strip {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1fr;
  gap: 12px;
  margin-bottom: 18px;
}

.st01-strip-plate {
  padding: 10px 14px;
  min-width: 0;
}

.st01-strip-plate--btns {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 6px;
}

.st01-strip-headline {
  font-size: 12px;
  color: var(--q6-cream);
  margin-top: 2px;
}

.st01-strip-head-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.st01-live-badge {
  font-size: 9px;
  padding: 1px 4px;
}

.st01-ca-mono {
  font-family: var(--q6-font-mono);
  font-size: 11px;
  color: var(--q6-muted);
  margin-top: 2px;
  overflow-wrap: anywhere;
}

.st01-mini-btn {
  padding: 4px 8px;
  font-size: 10px;
}

.st01-hero-split {
  align-items: center;
  gap: 28px;
}

.st01-kicker {
  color: var(--q6-green);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.st01-home-shell .st01-title {
  font-family: var(--q6-font-display, sans-serif);
  font-size: clamp(30px, 4.2vw, 56px);
  line-height: 1.08;
  margin: 12px 0 14px;
  text-transform: uppercase;
}

.st01-title-cream { color: var(--q6-cream); }
.st01-title-orange { color: var(--q6-orange); }

.st01-sub {
  font-size: 15px;
  color: var(--q6-muted);
  line-height: 1.5;
  margin: 0 0 20px;
}

.st01-cta-earn {
  min-height: 52px;
  padding: 8px 28px;
  font-size: 18px;
}

.st01-cta-telegram {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 8px 22px;
  font-size: 16px;
}

.st01-film-line {
  margin-top: 16px;
  font-size: 13px;
  color: var(--q6-muted);
}

.st01-members-strong { color: var(--q6-cream); }

.st01-film-btn {
  background: none;
  border: 0;
  color: #ffd23f;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
}

.st01-proof-line {
  margin-top: 12px;
  font-size: 12px;
  color: var(--q6-muted);
}

.st01-ig-tag { color: #25dc71; }

.st01-home-shell .st01-video-still {
  min-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 16px;
  background: radial-gradient(circle at 50% 40%, #162420 0%, #050a08 80%);
}

.st01-video-center {
  text-align: center;
  margin: auto;
}

.st01-play-ring {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(37, 220, 113, 0.2);
  border: 2px solid #25dc71;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  color: #25dc71;
  font-weight: 900;
}

.st01-film-heading {
  font-family: var(--q6-font-display);
  font-size: 20px;
  color: var(--q6-cream);
}

.st01-film-sub {
  font-size: 12px;
  color: var(--q6-muted);
}

.st01-film-meta {
  font-size: 11px;
  color: var(--q6-muted);
  text-align: center;
}

.st04-search-wrap { margin: 12px 0; }
.st04-trade-input { max-width: 360px; width: 100%; }

.st04-trade-tile--operations { border: 2px solid #25dc71; }
.st04-trade-tile--artists { border: 2px solid #ffd23f; }
.st04-trade-tile--translators { border: 2px solid #4a9eff; }
.st04-trade-tile--developers { border: 2px solid #a585ff; }
.st04-trade-tile--healthcare { border: 2px solid #ff6b00; }
.st04-trade-tile--retail { border: 2px solid #7fd39a; }
.st04-trade-tile--writers { border: 2px solid #f2d685; }
.st04-trade-tile--marketers { border: 2px solid #e9e3d2; }
.st04-trade-tile--lawyers { border: 2px solid #b88b35; }
.st04-trade-tile--educators { border: 2px solid #68d391; }
.st04-trade-tile--construction { border: 2px solid #f6ad55; }
.st04-trade-tile--other { border: 2px solid #cbd5e0; }

.st05-brenda-img {
  width: 100%;
  max-width: 480px;
  height: auto;
  display: block;
  border-radius: 4px;
  margin-bottom: 8px;
}

.sy04-tg-chip {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: 8px;
}

.sy01-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.sy01-search-wrap { display: flex; gap: 8px; }
.sy01-search-input { width: 180px; max-width: 100%; padding: 6px 10px; font-size: 11px; }
.sy02-member-strip, .sy02-visitor-strip { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 16px; }

.sy01-zones-grid {
  display: grid;
  grid-template-columns: 1.5fr 2fr 1fr;
  gap: 16px;
}

.sy01-floors-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.sy01-floors-heading {
  font-size: 11px;
  font-weight: 800;
  color: var(--q6-muted);
  margin-bottom: 4px;
}

.sy01-floor-row {
  padding: 10px;
  background: #050a08;
  border: 1px solid var(--q6-rim);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.sy01-floor-tag {
  font-size: 10px;
  color: var(--q6-green);
  font-weight: 800;
}

.sy01-floor-name {
  font-size: 12px;
  color: var(--q6-cream);
}

.sy01-open-floor-board {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.sy01-card-title {
  font-family: var(--q6-font-display);
  font-size: 20px;
  color: var(--q6-cream);
}

.sy01-card-copy {
  font-size: 12px;
  color: var(--q6-muted);
  margin: 0;
}

.sy01-start-btn { align-self: flex-start; }

.sy01-elevator-art {
  padding: 12px;
  text-align: center;
  min-width: 0;
}

.sy01-directory-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 2px;
}

/* P15 ST02 & HW01..20 Externalized Layout */
.st02-guide-shell {
  padding: 20px;
}

.st02-header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 16px;
}

.st02-kicker {
  font-family: var(--q6-font-mono);
  font-size: 13px;
  color: var(--q6-muted);
  margin-bottom: 6px;
}

.st02-guide-shell .st02-title {
  font-family: var(--q6-font-display);
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1;
  margin: 0;
}

.st02-title-cream { color: #f5eedc; }
.st02-title-orange { color: var(--q6-orange); }

.st02-sub {
  font-family: var(--q6-font-mono);
  font-size: 15px;
  color: #f5eedc;
  margin: 8px 0 0;
}

.st02-cta-banner {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.st02-progress-badge {
  font-family: var(--q6-font-mono);
  font-size: 14px;
  color: var(--q6-cream);
  border: 2px solid #2a3834;
  padding: 10px 14px;
  background: #08110e;
}

.st02-start-btn { min-height: 48px; padding: 6px 20px; font-size: 17px; }
.st02-all-btn { min-height: 48px; padding: 6px 14px; }

.st02-preview-banner,
.hw-comic-hero-wrap,
.hw-diagram-wrap {
  border: 1px solid var(--q6-rim);
  border-radius: 4px;
  overflow: hidden;
  background: #060c0b;
}

.hw-comic-hero-wrap { margin-bottom: 16px; }

.st02-preview-img,
.hw-ch01-hero-img,
.hw-two-coins-img {
  width: 100%;
  height: auto;
  display: block;
}

.st02-part-key-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 12px 16px;
  background: #060c0b;
  border: 2px solid #1a2522;
}

.st02-part-key {
  display: flex;
  align-items: center;
  gap: 8px;
}

.st02-part-swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.st02-part-label {
  font-family: var(--q6-font-display);
  font-size: 15px;
}

.st02-part-1 { --st02-part-color: #25dc71; }
.st02-part-2 { --st02-part-color: #4a9eff; }
.st02-part-3 { --st02-part-color: #a585ff; }
.st02-part-4 { --st02-part-color: #ffa21f; }
.st02-part-5 { --st02-part-color: #ffd23f; }

.st02-part-key .st02-part-swatch { background: var(--st02-part-color, #25dc71); }
.st02-part-key .st02-part-label { color: var(--st02-part-color, #25dc71); }

.st02-chapters-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}

.st02-chapter-card {
  border: 2px solid var(--st02-part-color, #25dc71);
  background: #08110e;
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 130px;
  cursor: pointer;
}

.st02-ch-badge {
  font-family: var(--q6-font-mono);
  font-size: 12px;
  color: var(--st02-part-color, #25dc71);
  font-weight: 700;
}

.st02-ch-title {
  font-family: var(--q6-font-mono);
  font-size: 15px;
  color: #f5eedc;
  margin: 0 0 6px;
  line-height: 1.2;
}

.st02-ch-summary {
  font-family: var(--q6-font-mono);
  font-size: 12px;
  color: var(--q6-muted);
  margin: 0;
  line-height: 1.3;
}

.st02-card-actions {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

.p15-chapter-spread .hw-comic-scene {
  background: transparent;
  border: 0;
  padding: 0;
}

/* Responsive 320px..960px Viewport Guards */
@media (max-width: 960px) {
  .st01-top-strip,
  .sy01-zones-grid,
  .p01-ways-to-earn .p01-ea01-grid,
  .p01-job-board-kanban .p01-ea02-topbar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .dk01-steps-grid {
    grid-template-columns: 1fr;
  }
  .st02-guide-shell {
    padding: 12px;
  }
  .st02-chapters-grid {
    grid-template-columns: 1fr;
  }
  .p04-overview-view .bal-label-line {
    flex-wrap: wrap;
    font-size: 24px;
  }
  .p04-overview-view .next-step-col .q6-key {
    min-width: 0;
    width: 100%;
    font-size: 26px;
  }
}

/* Keep the far-right VAULT tab on /play and .et-shell unobstructed by floating support bubbles */
.p03-container:has(.et-shell) .p03-support-bubble,
.q6-shell:has(.et-shell) .p03-support-bubble,
.q6-shell[data-active-section="play"] .p03-support-bubble,
body:has(.et-shell) .qs-bubble {
  display: none !important;
  pointer-events: none !important;
}

/* ==========================================================================
   P17 Q Nation Unified Portal Strip, TG11 Own Q & TG12 Quit Club (320px CSP Safe)
   ========================================================================== */

.p17-portal-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
}

.p17-portal-pill {
  min-width: 0;
  width: 100%;
  padding: 8px 6px;
  font-size: 12px;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.p17-beginner-card,
.p17-two-coin-card,
.tg05-starter-quiz-card,
.tg06-links-card,
.tg06-leader-card,
.tg11-round-bar-card,
.tg11-calc-card,
.tg11-affiliate-box,
.tg12-app-card {
  padding: 12px;
  background: var(--q6-steel, #0d1612);
  border: 1px solid var(--q6-rim, #2b3d33);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
}

.p17-beginner-head {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.p17-portal-progress,
.tg11-progress {
  width: 100%;
  height: 10px;
  accent-color: var(--q6-green, #25dc71);
}

.p17-step-pills {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.p17-step-pill {
  appearance: none;
  min-width: 0;
  padding: 6px 6px;
  background: #07130d;
  border: 1px solid #2b3d33;
  color: #f5eedc;
  font-family: var(--q6-font-mono, monospace);
  font-size: 11px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  overflow-wrap: anywhere;
}

.p17-step-pill.is-done {
  border-color: #25dc71;
  color: #25dc71;
}

.p17-two-coin-grid,
.tg11-allocation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.p17-coin-col,
.tg11-stat-box {
  padding: 8px;
  background: #07110c;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.p17-coin-col strong,
.tg11-stat-val {
  font-size: 13px;
  color: #f5eedc;
  overflow-wrap: anywhere;
}

.p17-coin-col p,
.tg11-stat-note,
.tg11-legal-disclaimer,
.tg12-app-summary {
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: var(--q6-muted, #a6b3a5);
  overflow-wrap: anywhere;
}

.tg11-own-shell,
.tg12-club-shell {
  max-width: 420px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  box-sizing: border-box;
}

.tg11-presets-grid,
.tg12-filter-row,
.tg05-starter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tg11-preset-btn.is-active,
.tg11-boost-toggle.is-active,
.tg12-cat-btn.is-active,
.tg05-tab-btn.is-active,
.tg05-choice-btn.is-active {
  border-color: #25dc71;
  color: #25dc71;
}

.tg11-slider {
  width: 100%;
  accent-color: #ff7600;
}

.tg11-input-row,
.tg06-leader-row,
.tg11-footer-row,
.tg12-footer-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.tg11-round-row,
.tg12-app-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
}

.tg12-apps-grid,
.tg05-choices-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.tg06-link-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.tg06-link-row code,
.tg11-affiliate-box code {
  font-size: 11px;
  overflow-wrap: anywhere;
  word-break: break-all;
}

.tg11-floor-warning {
  padding: 8px;
  border: 1px solid #ff4757;
  color: #ff858f;
  font-size: 11px;
}

.tg11-status-banner,
.tg05-quiz-feedback,
.tg06-leader-notice,
.tg11-ref-badge {
  padding: 8px;
  border: 1px solid #25dc71;
  color: #25dc71;
  font-size: 11px;
  overflow-wrap: anywhere;
}

@media (max-width: 380px) {
  .p17-two-coin-grid,
  .tg11-allocation-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}