/* grokbot.guru front-door polish (Juno, 2026-10-05). No new colors (tokens only), no copy.
   Load last, after /galaxy-shuffle.css. Touches no animation, keyframe, or reduced-motion rule. */

/* 1. Hero caption: the pink "you" chip (bottom: -.7rem; right: 12%; pulse-stamp) sat on top of
      "you-bot decides" on phones. Reserve the chip's lane on the right so the words wrap before it.
      Same 12% as the chip, so it holds at every width; desktop captions are short and unaffected. */
.hero-stage .hero-caption { padding-right: calc(12% + 2.1rem + .5rem); }

/* 2. Galaxy heading: .sec-galaxy h2 {#fff} loses to the generic section h2 ink rule, so "Galaxy in 6 sessions"
      rendered near-black on the night ground (both themes, every width). Same fix as the crew band. */
section.block.sec-galaxy h2 { color: var(--lit, #f2f3fa); }

/* 3. Tap targets on phones (WCAG 2.2 target size, 24px minimum; 44px on the toolkit toggles). */
@media (max-width: 720px) {
  /* Galaxy coverage list: 17px links stacked about 23px apart. */
  .galaxy-coverage-links { gap: .15rem .8rem; }
  .galaxy-coverage-links a { display: inline-flex; align-items: center; min-height: 24px; padding: .15rem 0; }
  /* Toolkit accordion headers: 22px buttons; make the whole row the toggle. */
  .tk-col { padding-top: .25rem; padding-bottom: .25rem; }
  .tk-col-head { min-height: 2.75rem; align-items: flex-end; }
  /* How-to lane hub links: 18px. */
  .howto-hub-link { padding: .3rem 0; margin-top: .15rem; margin-bottom: .55rem; }
}

/* Seat a bot: "(sample profile, optional)" note in the pink demo head reads muted (Hale, 2026-10-14).
   Theme token only (--ink-soft), so it follows Night Desk, Classic and Pay Day. */
.howto-demo-head .demo-optional {
  color: var(--ink-soft);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

/* Seat a bot: "Optional example" label (Hale, 2026-10-19). Same muted demo-optional style, label size, one line; tooltip carries the note. */
.howto-demo-head .demo-optional-chip {
  font-size: 0.62rem;
  white-space: nowrap;
  cursor: help;
}
