/* =========================================================================
   SuperMoo — Travel & Tourism landing page
   Travel-only pieces layered on tokens.css + site.css + schools.css.
   Everything else (hero, steps, spots, wall, proof, plans) is reused from
   the shared industry stylesheet (schools.css).
   ========================================================================= */

/* ---- "Where to ask": QR + print note row (on the ink band) --------------- */
.tv-qr-note { display: flex; align-items: center; gap: var(--s-5); margin-top: var(--s-6);
  max-width: 640px; }
.tv-qr-note p { color: var(--on-ink-mute); font-size: var(--t-small); line-height: 1.55; max-width: 40ch; }
@media (max-width: 540px){ .tv-qr-note { flex-direction: column; align-items: flex-start; } }

/* ---- "Beyond the website": one clip, every channel card ------------------ */
.tv-channels { background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: clamp(22px,3vw,32px); box-shadow: var(--sh-sm); }
.tv-channels__eyebrow { display: block; font-family: var(--font-mono); font-size: 11px;
  letter-spacing: .06em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: var(--s-4); }
.tv-channels .chips { gap: var(--s-3); }
.tv-channels .chip { background: var(--paper-3); }
.tv-channels__note { margin-top: var(--s-5); padding-top: var(--s-5); border-top: 1px solid var(--line);
  font-size: var(--t-small); line-height: 1.55; color: var(--ink-soft); }