/* /tv — install the app on Android TV / TV Box (until the TV version is on Google Play): picture, headline,
   one line with the Downloader code (and the short address) for the TV. Shared look in ../pages.css. */
.tv-main { position: relative; max-width: 640px; margin: 0 auto; padding: 10px 16px 44px; text-align: center; }
.tv-pic {
    display: block; width: 100%; height: auto; aspect-ratio: 720 / 538; margin: 0 auto 18px; border-radius: 26px;
    border: 5px solid var(--paper); box-shadow: 0 16px 34px rgba(31,58,95,0.24); background: #3a2f2a;
}
.tv-main h1 { font: 800 34px/1.3 var(--title-font); color: var(--ink); text-wrap: balance; }
.tv-main h1 .mk { color: var(--blue); background: var(--marker); padding: 0 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.tv-lead { font-size: 16.5px; font-weight: 700; color: var(--ink-2); margin: 6px auto 22px; }

/* the one line for the TV: the Downloader code big, the short address small under it */
.tv-how { margin: 32px auto 10px; font-size: 17px; font-weight: 700; color: var(--ink); line-height: 1.75; text-wrap: balance; }
.tv-addr {
    margin: 0 auto; padding: 12px 8px 14px; border-radius: 18px; text-align: center;
    background: var(--blue-soft); border: 2px dashed rgba(42,111,176,0.45); color: var(--blue-700);
    font-family: 'Almarai', sans-serif; white-space: nowrap;
}
.tv-code { display: block; font-size: clamp(40px, 13vw, 60px); font-weight: 800; line-height: 1.2; letter-spacing: 0.08em; font-variant-numeric: tabular-nums; }
.tv-url { display: block; margin-top: 2px; font-size: 14px; font-weight: 700; color: var(--ink-2); }

/* the small phone line */
.tv-note { margin-top: 30px; font-size: 14.5px; color: var(--ink-2); line-height: 1.8; text-wrap: pretty; }
.tv-note strong { color: var(--ink); }
.tv-note a { font-weight: 800; }

@media (min-width: 700px) {
    .tv-main { padding-top: 22px; }
    .tv-main h1 { font-size: 46px; }
    .tv-lead { font-size: 18px; }
    .tv-how { font-size: 19px; }
}