/* tb-heard.css (Reach W1-STAGES, 2026-09-27): the optional "Where did you first hear about
   us?" row (public/js/tb-heard.js). Baekja tokens with the hex as fallback; celadon chips,
   no gold (the page's one gold stays its own CTA). Pretendard in every stack. */
.tb-heard { margin: 14px 0 0; font-family: var(--font-sans, 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif); word-break: keep-all; }
.tb-heard__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0 0 8px; }
.tb-heard__q { font-size: 13.5px; line-height: 1.45; color: var(--color-ink-muted, #5A5E55); }
.tb-heard__opt { font-size: 11.5px; letter-spacing: .02em; color: var(--color-ink-faint, #9AA09A); }
.tb-heard__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.tb-heard__chip { display: inline-flex; align-items: center; min-height: 32px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--color-line-strong, rgba(28,27,24,.14)); background: var(--color-base-2, #FFFFFF); color: var(--color-ink-muted, #5A5E55); font: inherit; font-size: 12.5px; font-weight: 600; line-height: 1.3; cursor: pointer; }
.tb-heard__chip:hover:not(:disabled) { border-color: var(--color-celadon, #7B9E89); color: var(--color-celadon-deep, #44604F); }
.tb-heard__chip:focus-visible { outline: 2px solid var(--color-celadon, #7B9E89); outline-offset: 2px; }
.tb-heard__chip.is-on { background: var(--color-celadon-soft, #DCE4DB); border-color: var(--color-celadon-soft, #DCE4DB); color: var(--color-celadon-deep, #44604F); }
.tb-heard__chip:disabled { cursor: default; }
.tb-heard__thanks { font-size: 13px; color: var(--color-celadon-deep, #44604F); }
/* [hidden] must beat the explicit display values above (the flex-vs-hidden gotcha) */
.tb-heard__chips[hidden], .tb-heard__thanks[hidden] { display: none; }
@media (max-width: 480px) {
  .tb-heard__chip { font-size: 12px; padding: 5px 10px; }
}