/* InclusiveAI — legibility floor.
   Loaded after every other stylesheet on purpose: these are hard minimums that
   must beat whatever a section-level sheet asks for. a11y.css still overrides
   them, because the explicit low-vision modes outrank the defaults.

   The audience reads this at 200–400% zoom, often through a magnifier.
   Nothing here is a nicety: 11px labels and 34px hit areas are the two
   things that make an otherwise fine page unusable for them.
══════════════════════════════════════════════════════ */

/* No text below 12.5px anywhere. */
.vk-card-block, .vk-filter-n, .lang-btn, .a11y-label,
.hero-photo-tag, .vk-thumb-dur, .tg-handle, .tg-views,
.footer-copy, .stop-date, .stop-place, .gallery-cap,
.vk-card-views, .vk-card-watch, .vk-meta-label, .partner-role,
.team-role, .sc-meta, .event-date, .chip, .sc-step-num,
.sc-tag, .vk-meta-word, .partner-tag {
  font-size: 0.7812rem;
}

/* Every control clears 44×44, the floor for a dwell click or a shaky tap.
   .menu-toggle is sized but never given a `display` here — it owns its own
   none/flex switch at the 960px breakpoint. */
.vk-filter, .tg-open, .link-arrow, .lang-btn, .a11y-opt {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.menu-toggle { min-width: 44px; min-height: 44px; justify-content: center; }
.lang-btn { padding: 5px 13px; }
.link-arrow { padding-block: 7px; }

/* Buttons sitting on an ink surface invert — otherwise .btn-tg's ink label
   lands on an ink card and disappears. */
.tg-cta .btn-tg,
.cta-strip .btn-tg,
.vk-head .btn-tg {
  background: transparent;
  color: #fff;
  border-color: rgba(255,255,255,0.45);
}
.tg-cta .btn-tg:hover,
.cta-strip .btn-tg:hover,
.vk-head .btn-tg:hover {
  background: #fff;
  color: var(--ink);
  border-color: #fff;
}

/* Focus has to survive on both light and ink surfaces. */
.tg-cta :focus-visible,
.cta-strip :focus-visible,
.vk-head :focus-visible {
  outline-color: #fff;
}

/* The wordmark is a link; give it a real hit area rather than the height of
   its own 40px avatar. */
.logo { min-height: 44px; }
.chip { min-height: 30px; padding-inline: 12px; }

/* Two stragglers that set their own size after the floor: a timeline chip and
   the partners kicker. */
.tl-meta .chip { font-size: 0.7812rem; }
.partner-kicker { font-size: 0.7812rem; }
.chip { min-height: 32px; }