/* ─── HYPEHAUS · 4K TV VIEW LAYER · brain-site ─────────────────────────
   Triggers on width >= 1920 (1080p TV / big monitors) with progressive
   scale-ups at 1440p and 4K. Also fires on html[data-hh-tv="1"] (?tv=1 flag).
   Goal: type + controls legible from 6-10ft viewing distance on a 75" 4K TV.
   Zero-impact on laptop/mobile (rules only activate at 1920+). */

@media (min-width: 1920px) {
  body { font-size: 17px; line-height: 1.55; }
  h1 { letter-spacing: -0.03em; }
  h2 { letter-spacing: -0.025em; }
  .btn { min-height: 56px; padding: 18px 26px !important; font-size: 12px !important; letter-spacing: 0.28em !important; }
  input, textarea, select { padding: 18px 22px; font-size: 16px; min-height: 56px; }
  .mono { font-size: 13px !important; letter-spacing: 0.30em !important; }
}
@media (min-width: 2560px) {
  body { font-size: 20px; }
  .btn { min-height: 66px; padding: 22px 32px !important; font-size: 14px !important; }
  input, textarea, select { padding: 22px 26px; font-size: 18px; min-height: 66px; }
}
@media (min-width: 3840px) {
  body { font-size: 26px; line-height: 1.6; }
  .btn { min-height: 84px; padding: 30px 40px !important; font-size: 17px !important; }
  input, textarea, select { padding: 30px 34px; font-size: 22px; min-height: 84px; }
}
html[data-hh-tv="1"] .qr-wrap { padding: 4vw; }
@media (pointer: coarse) and (min-width: 1600px) {
  .btn, button, [role="button"], a { min-height: 56px; }
}