/* ============================================================
   CATBACK scale.css — GLOBAL ZOOM-OUT PASS.

   The site was rendering oversized on every page: pixel headings,
   terminal type, cards and the machine were all sized for a much
   larger stage. This file is loaded LAST and pulls the dominant
   dimensions down by roughly 20% so more of the branch is visible
   at once and pages stop feeling cramped.

   Kept deliberately in one file so the whole change is reversible
   and easy to re-tune. Touch nothing here that changes behaviour —
   sizes only.
   ============================================================ */

:root {
  --nav-h: 44px;              /* was 52 */
  --ticker-h: 24px;           /* was 28 */
}

/* ---- base type ------------------------------------------------- */
body { font-size: 14px; }

/* ---- section rhythm -------------------------------------------- */
.site-section {
  --sec-pad-y: clamp(52px, 7.5vh, 96px);      /* was 80-150 */
  padding-left: 20px;
  padding-right: 20px;
}
.section-inner {
  max-width: 980px;                            /* was 1060 */
  padding: clamp(22px, 2.6vw, 34px) clamp(13px, 1.9vw, 24px) clamp(18px, 2.1vw, 26px);
}
.section-title {
  font-size: clamp(13px, 2.5vw, 20px);         /* was 16-26 */
  margin: 0 0 26px;
}
.section-inner::before { font-size: 7px; }     /* department nameplate */

/* ---- the hero: a smaller machine, tighter rails ----------------- */
@media (min-width: 900px) {
  .hero-stage { max-width: min(1560px, 95vw); }
  .hero-stage {
    grid-template-columns: minmax(250px, 292px) minmax(0, 1fr) minmax(250px, 292px);
    column-gap: clamp(30px, 4.6vw, 84px);
  }
  #atm-img {
    /* was 72vh-driven — the machine now leaves headroom above and below */
    width: min(46vw, calc(52vh * 650 / 1081), calc(100vw - 700px));
  }
  /* tighter bleed so the rig stops inflating the hero row */
  .atm-rig {
    --bleed-y: clamp(26px, 4vh, 62px);
  }
}
.hero { padding-top: calc(var(--nav-h) + clamp(6px, 1.4vh, 16px)); }
.hero-title { padding-top: 0; }
.hero-brand { font-size: clamp(19px, 3.2vw, 34px); }   /* was 26-52 */
.hero-tag   { font-size: clamp(8px, 1.1vw, 12px); margin-top: 6px; }

/* ---- terminal panels ------------------------------------------- */
.pnl-row      { font-size: 16px; }             /* was 19 */
.pnl-title    { font-size: 8px; }
.pnl-cv       { font-size: 17px; }
.pnl-ck       { font-size: 6px; }
.pnl-log      { font-size: 15px; min-height: 168px; }
.pnl-cursorline { font-size: 15px; }
.ca-value     { font-size: 17px; }
.ca-label     { font-size: 9px; }

/* ---- stake card ------------------------------------------------- */
.stake-panel { padding: 12px 13px 13px; gap: 8px; }
.stk-status { padding: 6px 7px; gap: 2px; }
.stk-terms { gap: 2px; }
.stake-panel .stk-kicker { font-size: 9px; }
.stake-panel .stk-desc   { font-size: 13px; }
.stake-panel .stk-row    { font-size: 13px; }
.stake-panel .stk-note   { font-size: 10px; }
.stk-cta { min-height: 52px; font-size: 12px; padding: 13px 10px; }
.stk-state { font-size: 10px; }

/* ---- trades ----------------------------------------------------- */
.trades-cols { font-size: 13px; }
.tr-row      { font-size: 16px; }
.trades-title { font-size: 9px; }

/* ---- leaderboard / tokenomics / guide / faq --------------------- */
.lb-row, .lb-head        { font-size: 15px; }
.tok-row, .tok-legend    { font-size: 15px; }
.guide-steps             { gap: 22px; }
.guide-step              { padding: 20px 18px; gap: 15px; }
.guide-icon              { width: 72px; height: 72px; }   /* 32px sprite x2.25 */
.guide-title             { font-size: 10px; }
.guide-copy              { font-size: 13px; }
.guide-ca-value          { font-size: 17px; }
.faq-output              { font-size: 16px; height: clamp(230px, 38vh, 360px); }
.faq-q                   { font-size: 16px; min-height: 40px; }
.faq-title               { font-size: 9px; }

/* ---- nav / ticker / footer -------------------------------------- */
.nav-links a  { font-size: 15px; }
.nav-brand    { font-size: 10px; }
.nav-chip     { font-size: 13px; }
.footer-note, .footer-sim { font-size: 14px; }
.footer-brand { font-size: 10px; }

/* ---- mobile keeps a slightly larger tap-friendly scale ---------- */
@media (max-width: 659.98px) {
  body { font-size: 15px; }
  .guide-icon { width: 64px; height: 64px; }
  .faq-q { min-height: 44px; }
}