/* pt-cosmetic.css — PrimeTriad cosmetic batch 2026-09-26 (?v=20260926cosm)
   Source: Game Art Director review 2026-09-26 (items 1, 4, 6). Loaded LAST on landing (/), /help/ and /merch/.
   Kept in its own file so it stacks cleanly on top of other HTML changes (e.g. the Solo Merged Mining staging):
   the only HTML change on / and /help/ is one <link> line. Brand gold #d4a017 stays on the logo and brand CTAs. */

/* ---------- #4 Label floor: 12px minimum (uppercase labels 12px / 600) ---------- */
.eyebrow, .eyebrow *,
.logo-tagline,
.status-badge, .status-badge *,
.indexer-stat__label, .indexer-stat__label *,
.mining-stats-kicker, .mining-stats-kicker *,
.mining-live-pill, .mining-live-pill *,
.stat-label, .stat-label *,
.live-board__label, .live-board__label *,
.rewards-panel__kicker, .rewards-panel__kicker *,
.reward-index,
.connect-example__title,
.connect-card__badge, .connect-card__badge *,
.connect-label, .connect-label *,
.faq-group__kicker, .faq-group__kicker *,
.footer-heading, .footer-heading *,
.arrival-matrix-hint,
.tg-miners__eyebrow, .tg-miners__eyebrow *,
.hero-trust-strip__label,
.chip-hybrid-default {
  font-size: max(12px, 0.75rem);
}
/* stratum URL chips in the landing Connect card were 10.4px on phones */
.connect-value { font-size: max(12px, 0.75rem); }
/* Landing sticky/connect URLs: use the loaded JetBrains Mono instead of generic monospace */
.connect-value, .sticky-stratum code, .sticky-stratum__url { font-family: var(--mono, "JetBrains Mono", ui-monospace, monospace); }

/* ---------- #4 Tap targets: 44px minimum on phones (<=640px) ---------- */
@media (max-width: 640px) {
  .logo { min-height: 44px; }
  .nav-toggle { width: 44px; height: 44px; }
  .site-nav .nav-link { min-height: 44px; display: flex; align-items: center; }
  .site-nav .nav-link--cta { justify-content: center; }
  .lang-switcher__btn { min-height: 44px; }
  .btn { min-height: 44px; }
  .hero-social { min-height: 44px; display: inline-flex; align-items: center; }
  /* stand-alone text links: grow the hit area without moving the layout */
  .hero-help-link, .hero-trust-strip__link {
    display: inline-flex; align-items: center; min-height: 44px; margin-block: -12px;
  }
  .site-footer .footer-links a,
  .site-footer .footer-contact a,
  .site-footer .footer-col nav a {
    display: flex; align-items: center; min-height: 44px;
  }
  .site-footer .footer-links { gap: 0 !important; }
  .footer-logo { min-height: 44px; }
  .skip-link { min-height: 44px; display: inline-flex; align-items: center; }
}

/* ---------- #6 /help/: URLs never break mid-hostname, less gold, tighter headings ---------- */
.help-page .help-hero h1 {
  line-height: 1.1;
  /* calm-tokens: no gold gradients. Solid cream heading. */
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: var(--text, #f4efe8);
}
.help-page .help-intro h2,
.help-page .help-card h3,
.help-page h2 { line-height: 1.2; }

/* code chips: cream text on a hairline chip; gold is kept for the header CTA / brand only */
.help-page .help-table code,
.help-page .help-list code,
.help-page .help-card code,
.help-page .help-note code,
.help-page .section-lead code {
  color: var(--text, #f4efe8);
  background: rgba(10, 8, 9, 0.55);
  border: 1px solid #3a2a2c;
  border-radius: 6px;
  padding: 0.08em 0.4em;
  font-family: var(--mono, "JetBrains Mono", ui-monospace, monospace);
}
/* URLs and hosts stay on one line; the table wrapper scrolls sideways inside itself (no page scroll) */
.help-page .help-table code {
  font-size: max(12px, 0.8em);
  padding: 0.05em 0.35em;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}
.help-page .help-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}
.help-page .help-layout > * { min-width: 0; }
.help-page .help-table th,
.help-page .help-table td { padding-left: 0.8rem; padding-right: 0.8rem; }
/* keep the plain-text "Use for" column readable; if the row is wider than the card, the wrapper scrolls */
.help-page .help-table td:last-child,
.help-page .help-table th:last-child { min-width: 9rem; }
/* running-text links: cream + underline instead of gold */
.help-page .inline-link,
.help-page .help-card a,
.help-page .help-note a,
.help-page .section-lead a {
  color: var(--text, #f4efe8);
  text-decoration: underline;
  text-decoration-color: rgba(212, 160, 23, 0.55);
  text-underline-offset: 2px;
}
.help-page .help-card a:hover,
.help-page .help-note a:hover,
.help-page .inline-link:hover { text-decoration-color: var(--accent, #d4a017); }
.help-page .help-site-nav-current,
.help-page .site-nav .nav-link[aria-current="page"] { color: var(--text, #f4efe8); }
.help-page .eyebrow { color: var(--text-dim, #a89890); }
.help-page .help-card strong,
.help-page .help-list strong { color: var(--text, #f4efe8); }

/* ---------- #1 /merch/: shared header + page layout (header markup = /help/) ---------- */
.merch-page .merch-main {
  padding: 2.5rem 0 4rem;
}
.merch-page .merch-main h1 {
  font-family: var(--display);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0 0 0.6rem;
}
.merch-page .merch-main .lead { max-width: 42rem; margin: 0 0 2rem; font-size: 1rem; }
.merch-page .merch-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
@media (max-width: 860px) { .merch-page .merch-grid { grid-template-columns: 1fr; } }
.merch-page .section-label {
  grid-column: 1 / -1; margin: 1.25rem 0 0.15rem; font-size: 12px; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-dim);
}
.merch-page .section-label:first-child { margin-top: 0; }
.merch-page .merch-card {
  background: var(--surface); border: 1px solid var(--border-subtle, #24181a); border-radius: var(--radius);
  padding: 1.15rem; display: flex; flex-direction: column; min-width: 0; box-shadow: var(--shadow-sm);
}
.merch-page .merch-card h2 { font-family: var(--display); font-size: 1.15rem; font-weight: 700; line-height: 1.2; margin: 0 0 0.4rem; letter-spacing: -0.02em; }
.merch-page .merch-card p { color: var(--text-muted); font-size: 0.92rem; line-height: 1.55; margin: 0 0 1rem; }
.merch-page .merch-card .merch-desc { flex: 1 1 auto; }
/* tag pills hug their text */
.merch-page .merch-tag {
  display: inline-flex; align-items: center; width: auto; align-self: flex-start;
  font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--accent); border: 1px solid var(--accent-border); border-radius: 999px;
  padding: 0.2rem 0.6rem; margin-bottom: 0.65rem;
}
.merch-page .merch-media {
  background: var(--bg-alt); border: 1px solid var(--border-subtle, #24181a); border-radius: var(--radius-sm);
  overflow: hidden; aspect-ratio: 4 / 3; margin-bottom: 1rem; display: flex; align-items: center; justify-content: center;
}
.merch-page .merch-media img { width: 100%; height: 100%; object-fit: cover; }
.merch-page .merch-media.contain img { object-fit: contain; padding: 1rem; }
/* CTA row pinned to the card bottom so both miner cards line up */
.merch-page .merch-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: auto; }
.merch-page .merch-actions .btn { min-height: 44px; justify-content: center; }
.merch-page .merch-credit { font-size: 12px; color: var(--text-dim); margin: 0.6rem 0 0 !important; min-height: 1.2em; }
.merch-page .merch-card code { font-family: var(--mono); font-size: 0.88em; color: var(--text); }
.merch-page .merch-note { margin-top: 1.5rem; }
.merch-page .site-footer .footer-copy { overflow-wrap: anywhere; }