/* ==========================================================================================================
   pages-g6.css: page-level rules for /live/, /gaming/ and /warranty/ only (v2 g6 builder, 2026-09-29).
   Forked from the g3 rules these pages used (renamed g6-) so the pages no longer depend on pages-g3.css.
   Lime / black / white only: surfaces are paper, --floor (lime tint) or --ink. No new hex greys.
   ========================================================================================================== */

.g6-ticks { display: grid; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; }
.g6-ticks li { position: relative; padding-left: 22px; line-height: 1.45; color: var(--text-2); }
.g6-ticks li::before { content: ""; position: absolute; left: 2px; top: 0.55em; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); }
.section--ink .g6-ticks li, .card--ink .g6-ticks li { color: var(--on-ink-2); }

.g6-quote { margin: 0; }
.g6-quote blockquote p { font-weight: 500; font-size: clamp(1.25rem, 1.05rem + 0.7vw, 1.625rem); line-height: 1.35; letter-spacing: -0.01em; }
.g6-quote figcaption { margin-top: var(--s4); font-size: var(--fs-small); font-weight: 700; letter-spacing: 0.02em; }
.g6-quote figcaption::before { content: ""; display: inline-block; width: 24px; height: 2px; margin-right: 10px; vertical-align: middle; background: var(--lime); }

/* ---------- inline "also" link row ---------- */
.g6-also { margin-top: var(--s5); display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--s5); font-size: 0.9375rem; }
.g6-also span { display: inline-flex; min-height: 44px; align-items: center; color: var(--text-2); margin-right: var(--s1); }
.g6-also a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 600; text-decoration: underline; text-decoration-color: var(--lime); text-decoration-thickness: 2px; text-underline-offset: 0.25em; }
.g6-also a:hover { text-decoration-color: currentColor; }

/* ---------- /live/ ---------- */
.g6-live .hero__sub { color: var(--text-2); }
.g6-channel { margin-top: var(--s8); width: 100%; max-width: 36rem; display: grid; gap: var(--s2); padding: var(--s6); border-radius: 24px;
  background: var(--paper); box-shadow: 0 1px 2px rgb(18 19 17 / 0.06), 0 12px 32px -14px rgb(18 19 17 / 0.28), inset 0 0 0 2px var(--lime); }
.g6-channel__top { display: flex; align-items: center; gap: var(--s3); }
.g6-channel__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgb(142 198 63 / 0.25); flex: none; }
.g6-channel__name { font-size: var(--fs-h3); font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }
.g6-channel__handle { font-size: var(--fs-small); font-weight: 700; color: var(--text-2); }
.g6-channel .btn { margin-top: var(--s3); justify-self: start; }
.g6-asof { margin-top: var(--s3); font-size: var(--fs-small); color: var(--text-2); }
/* Right half: a real photo of the stock on Regadget's floor (no show photo exists yet), with Gadget (live is an
   allowed mascot page) on a paper tab over its bottom edge. */
.g6-live__side { position: relative; margin: var(--s8) 0 0; border-radius: 32px; overflow: hidden; background: var(--ink); }
.g6-live__photo img { display: block; width: 100%; height: 16rem; object-fit: cover; object-position: 50% 40%; }
.g6-live__cap { position: absolute; left: var(--s4); right: var(--s4); bottom: var(--s4); display: flex; align-items: center; gap: var(--s3);
  padding: var(--s3) var(--s5) var(--s3) var(--s3); border-radius: 20px; background: var(--paper);
  box-shadow: 0 1px 2px rgb(18 19 17 / 0.08), 0 12px 28px -12px rgb(18 19 17 / 0.4);
  font-size: var(--fs-lead); font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; }
.g6-live__cap img { flex: none; width: 44px; height: auto; }
@media (min-width: 64rem) {
  .hero--inner.g6-live { padding: 56px 0 64px; }
  .hero--inner.g6-live .hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--s16); align-items: stretch; }
  .g6-live__side { margin: 0; min-height: 26rem; }
  .g6-live__photo img { position: absolute; inset: 0; height: 100%; }
  .g6-live__cap { left: var(--s6); right: auto; bottom: var(--s6); }
  .g6-live__cap img { width: 56px; }
}
/* step row: every step title starts on the same line (grader g3 r1: step 3 sat ~8px high at 1280) */
.g6-live-steps > li { align-content: start; }
.g6-live-steps .steps__title { font-size: 1.125rem; }
.g6-help { display: grid; gap: var(--s5); }
@media (min-width: 64rem) { .g6-help { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s6); } }
.g6-help .card__title { font-size: 1.25rem; }

/* ---------- /gaming/ ---------- */
.g6-game-hero .hero__sub { color: var(--text-2); }
.g6-game-hero__tag { margin-top: var(--s4); font-weight: 600; font-size: var(--fs-lead); }
.g6-game-hero .proof-row { margin-top: var(--s6); font-size: 0.9375rem; }
/* design run 10-06 (photo plan #20, Tom's pick): the Phoenix as the inner hero's photo card, drawn from the 1792 source,
   never a bordered product box. The photo's own white ground is the card; the lime glow behind the card is site.css's. */
.g6-game-hero .hero__photo picture { background: var(--paper); }
.g6-game-hero .hero__photo img { aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 50%; }
.g6-game-hero__shop { margin-top: var(--s5); color: var(--text-2); }
.g6-game-hero__shop a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--ink); text-decoration: underline; text-decoration-color: var(--lime); text-decoration-thickness: 2px; text-underline-offset: 0.25em; }
@media (min-width: 64rem) {
  .hero--inner.g6-game-hero { padding: 56px 0; }
  /* (10-07 finish review, photo hero only) flat depth: no radial lime glow behind the product photo */
  .hero.hero--inner.g6-game-hero:has(.hero__photo) { background: var(--paper); }
  .hero--inner.g6-game-hero .hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--s16); }
  .g6-game-hero .hero__photo img { aspect-ratio: 4 / 5; }
  .g6-game-h1 { font-size: clamp(2.25rem, 1.5rem + 2.1vw, 3.375rem); line-height: 1.06; }
}
.g6-why__head { margin-bottom: 0; }
.g6-why__quote { padding: var(--s8); }
.g6-why__quote figcaption { color: var(--on-ink-2); }
@media (min-width: 64rem) { .g6-why__quote { padding: var(--s12); } }
.g6-phoenix .accent { color: var(--green-text); }
.g6-phoenix__text { display: grid; gap: var(--s5); }
.g6-phoenix__quote { padding: var(--s8); }
@media (min-width: 64rem) { .g6-phoenix__quote { padding: var(--s10); } }
.g6-bundle-now { margin-top: var(--s3); display: inline-flex; align-self: start; padding: 6px 14px; border-radius: 999px; background: var(--lime); font-weight: 700; }
.g6-game-also { justify-content: flex-start; }
.g6-why__lead { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem); line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; max-width: 26ch; }
.g6-why .card { height: 100%; }
.g6-bundles .d-specs__card { padding: var(--s5); }
@media (min-width: 48rem) { .g6-bundles .d-specs__card { padding: var(--s8) var(--s10); } }
.g6-bundles .d-specs td strong { font-weight: 700; }
.g6-bundles__btns { margin-top: var(--s6); }
.g6-custom { margin-top: var(--s8); display: grid; gap: var(--s5); align-items: center; }
@media (min-width: 64rem) { .g6-custom { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--s10); } }

/* ---------- /warranty/ ---------- */
.g6-war-hero .answer { margin-top: var(--s5); color: var(--text-2); }
.g6-war-date { margin-top: var(--s4); font-size: var(--fs-small); font-weight: 700; color: var(--text-2); }
.g6-war-hero .hero__actions { margin-top: var(--s6); }
.g6-toc { margin-top: var(--s8); padding: var(--s5) var(--s6); border-radius: 24px; background: var(--floor); }
.g6-toc__h { font-size: var(--fs-small); font-weight: 700; margin-bottom: var(--s2); color: var(--text-2); }
.g6-toc ol { display: grid; margin: 0; padding: 0; list-style: none; counter-reset: toc; }
.g6-toc li { counter-increment: toc; }
.g6-toc a { display: flex; align-items: center; gap: 12px; min-height: 44px; font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--hairline); }
.g6-toc a::before { content: counter(toc); flex: none; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--paper); font-size: 0.8125rem; font-variant-numeric: tabular-nums; }
.g6-toc li:last-child a { border-bottom: 0; }
.g6-toc a:hover { text-decoration: underline; text-decoration-color: var(--lime); text-decoration-thickness: 2px; text-underline-offset: 0.25em; }
@media (min-width: 64rem) {
  .hero--inner.g6-war-hero { padding: 56px 0 64px; }
  .hero--inner.g6-war-hero .hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--s16); align-items: center; }
  .g6-toc { margin-top: 0; padding: var(--s8); }
  .g6-war-h1 { font-size: clamp(2.5rem, 1.7rem + 2.3vw, 3.75rem); }
}
.g6-qa { display: grid; gap: var(--s4); padding: var(--s8) 0; border-top: 1px solid var(--hairline); scroll-margin-top: calc(var(--header-h) + 16px); }
.g6-qa:last-child { border-bottom: 1px solid var(--hairline); }
.g6-qa__q { font-size: var(--fs-h3); font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; max-width: 22ch; }
.g6-qa__a { display: grid; gap: var(--s4); font-size: 1.0625rem; line-height: 1.6; color: var(--text-2); max-width: 44rem; }
.g6-qa__a .g6-ticks { gap: var(--s3); }
.g6-qa__a .g6-ticks li { color: var(--text-2); }
@media (min-width: 48rem) { .g6-ticks--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s8); } }
/* returns: one card style, equal columns, equal heights (grader g3 r1 C13; X18 one card style) */
.g6-ret { display: grid; gap: var(--s4); margin-top: var(--s2); align-items: stretch; }
.g6-ret .card { gap: var(--s4); height: 100%; background: var(--floor); box-shadow: none; }
.g6-ret .card__title { font-size: 1.1875rem; color: var(--ink); }
@media (min-width: 48rem) { .g6-ret { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) {
  .g6-qa { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: var(--s16); padding: var(--s12) 0; }
  .g6-qa__a { max-width: none; }
}
.g6-claim { padding-top: 0; }
/* the §9 data disclaimer and the paid-repair note are terms, not captions: body size on phones too (grader C16) */
.g6-claim .gc-claim__note, .g6-claim .gc-claim__data { font-size: 1rem; }
.g6-note { padding: var(--s4) var(--s5); border-radius: 16px; background: var(--floor); color: var(--ink); font-size: 1rem; }
.g6-cross { margin-top: var(--s8); display: flex; flex-wrap: wrap; gap: var(--s2) var(--s8); }
.g6-cross p { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--s2); color: var(--text-2); }

/* ==========================================================================================================
   v2 additions (content restored from the live site and Anthony's mockup)
   ========================================================================================================== */

/* /live/: three reasons to buy live, as an editorial row (hairline over each, no card boxes) */
.g6-reasons { display: grid; gap: var(--s8); margin: var(--s10) 0 0; padding: 0; list-style: none; }
.g6-reasons li { padding-top: var(--s5); border-top: 2px solid var(--ink); }
.g6-reasons__t { font-size: 1.3125rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; }
.g6-reasons__x { margin-top: var(--s3); color: var(--text-2); line-height: 1.55; max-width: 36ch; }
@media (min-width: 64rem) { .g6-reasons { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s10); } }

/* /live/: how-it-works beside the product range */
.g6-live-how .split { align-items: start; }
.g6-live-steps { margin-top: var(--s6); }
.g6-range { gap: var(--s4); }
.g6-range .g6-ticks { margin-top: 0; }
.g6-range .g6-ticks li { color: var(--ink); font-weight: 600; }
.g6-range__note { padding-top: var(--s4); border-top: 1px solid var(--hairline); }

/* /gaming/: the hardware gap, question on the left, three plain rows on the right */
.g6-gap .split { align-items: start; }
.g6-gap__head { margin-bottom: 0; }
.g6-gap__rows { display: grid; margin: 0; padding: 0; list-style: none; }
.g6-gap__rows li { padding: var(--s6) 0; border-top: 1px solid var(--hairline); }
.g6-gap__rows li:last-child { border-bottom: 1px solid var(--hairline); }
.g6-gap__t { font-size: 1.3125rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; }
.g6-gap__x { margin-top: var(--s2); color: var(--text-2); line-height: 1.55; max-width: 48ch; }
.g6-phoenix__text .g6-ticks { gap: var(--s3); }
.g6-phoenix__text .g6-ticks li { color: var(--ink); }
.g6-phoenix__lead { color: var(--text-2); }

/* /gaming/: why Regadget does this (ink band, the CEO quote large on the right) */
.g6-mission__text { display: grid; gap: var(--s6); }
.g6-mission__lead { font-size: var(--fs-lead); line-height: 1.5; color: var(--on-ink-2); max-width: 46ch; }
.g6-mission__list { display: grid; gap: var(--s4); margin: 0; padding: 0; list-style: none; }
.g6-mission__list li { color: var(--on-ink-2); line-height: 1.5; padding-top: var(--s4); border-top: 1px solid var(--hairline-dark); }
.g6-mission__list strong { color: var(--lime); font-weight: 700; }
.g6-mission__sig { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem); font-weight: 700; letter-spacing: -0.02em; color: var(--lime); }
.g6-mission__quote blockquote p { font-size: clamp(1.5rem, 1.15rem + 1.2vw, 2.25rem); line-height: 1.25; color: var(--paper); }
.g6-mission__quote figcaption { color: var(--on-ink-2); }

/* /warranty/: the human line under the claim button, and the "what to have ready" list */
.g6-war-human { margin-top: var(--s4); max-width: 44ch; color: var(--text-2); }
.g6-ready { margin-top: var(--s8); padding: var(--s6); border-radius: 24px; background: var(--floor); }
.g6-ready__h { font-size: 1.1875rem; font-weight: 700; margin-bottom: var(--s3); }
.g6-ready .g6-ticks { gap: var(--s3); }
.g6-ready .g6-ticks li { color: var(--ink); }
.g6-ready strong { font-weight: 700; }

/* ==========================================================================================================
   v2 round 2 (grader v2-g6-r1 corrections 5, 15, and the new G1/G3/G4/W2 lines). Existing tokens only.
   ========================================================================================================== */

/* /gaming/ hero: the bordered product panel (correction 5) is retired by the design run 10-06; see the hero rules above. */

/* /gaming/ Phoenix: second photo above the NASEF quote, then the support line under the ticks */
.g6-phoenix__side { display: grid; gap: var(--s5); }
.g6-phoenix__photo { margin: 0; display: grid; place-items: center; padding: var(--s6); border-radius: var(--r-card); background: var(--paper); }
.g6-phoenix__photo img { width: auto; max-width: 100%; max-height: 18rem; }
@media (min-width: 64rem) { .g6-phoenix__photo img { max-height: 22rem; } }
.g6-support { padding-top: var(--s5); border-top: 1px solid var(--hairline); display: grid; gap: var(--s2); }
.g6-support__t { font-size: 1.1875rem; font-weight: 700; line-height: 1.3; }
.g6-support__x { color: var(--text-2); line-height: 1.55; max-width: 48ch; }

/* /gaming/ mission band: the purchase-to-mission line (G4); outcomes section rally line (G1) */
.g6-mission__buy { font-weight: 600; color: var(--paper); line-height: 1.45; max-width: 46ch; }
.g6-outcomes__sig { margin-top: var(--s5); font-size: clamp(1.375rem, 1.15rem + 0.8vw, 1.875rem); font-weight: 700; letter-spacing: -0.02em; color: var(--green-text); }

/* /live/ Whatnot card: the channel name alone, no status dot (a lime halo read as "live now"; RESOLVED /live/) */
.g6-channel__name { font-size: var(--fs-h3); font-weight: 700; }

/* /warranty/ hero: the quality + people line (W2) */
.g6-war-care { margin-top: var(--s4); color: var(--text-2); max-width: 52ch; }

/* ==========================================================================================================
   Design run 10-06/07, family E (/gaming/ only, PARKED page: photo hero + chip fix only, nothing else).
   Chip fix: the hero proof chips sit optically centred.
   ========================================================================================================== */
.g6-game-hero .proof-row li { padding-top: 2px; }
/* the third chip ("Upgrade-ready towers") orphaned onto its own line at 1280-1920: the three proof chips stack as one
   column at every width, so no row is ever 2 + 1 */
.g6-game-hero .proof-row { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s2); }