
/* Here and Now V5.31 – TV & cinema photoguide, scoped to the television fiche */
.tv-guest-copy{max-width:100%!important;color:#315545;font-size:16px;line-height:1.68}
.tv-guest-copy section,.tv-guest-copy aside,.tv-guest-copy figure{box-sizing:border-box}
.tv-guest-copy h3{font:400 clamp(28px,3.1vw,39px)/1.15 Georgia,"Times New Roman",serif;color:#194331;letter-spacing:-.027em;margin:0 0 18px}
.tv-guest-copy p{margin:0 0 14px}
.tv-eyebrow{display:block;color:#718f7c;font:750 11px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.15em;margin-bottom:12px}
.tv-intro{border-radius:18px;padding:clamp(19px,3vw,34px);background:#143e30;color:#eaf3ec;margin:23px 0 30px}
.tv-intro h3{color:#f5f7f1;font-size:clamp(32px,3.9vw,48px)}
.tv-intro >p{font-size:16px;color:#dceae0;max-width:840px;line-height:1.7}
.tv-intro .tv-eyebrow{color:#b5d6bb}
.tv-screen-figure{margin:23px 0 0!important}
.tv-screen-figure img{width:100%;height:auto;border-radius:12px;box-shadow:0 14px 32px #03150e53;object-fit:contain;border:1px solid #4a6659}
.tv-screen-figure figcaption{color:#b4cfbd;font-size:12px;line-height:1.55;margin-top:10px}
.tv-jump-guide{display:inline-flex;align-items:center;gap:11px;justify-content:center;min-height:45px;padding:10px 18px;margin-top:17px;border:1px solid #bed5c3;border-radius:99px;background:#e7f0e8;color:#194733;font:700 13px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:background .2s}
.tv-jump-guide:hover{background:#d2e3d4}
.tv-jump-guide span{font-size:20px}
.tv-how{margin:31px 0 36px}
.tv-how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tv-how-step{display:grid;grid-template-columns:41px minmax(0,1fr);align-items:start;gap:13px;padding:18px 17px;border:1px solid #dbe7da;border-radius:13px;background:#fefef9}
.tv-step-number{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#e4eee2;color:#386c4c;font:750 12px Inter,sans-serif}
.tv-how-step h4{color:#194934;font:700 17px/1.35 Inter,sans-serif;margin:1px 0 7px}
.tv-how-step p{margin:0;font-size:14px;line-height:1.66;color:#56705b}
.tv-apps{margin:36px 0}
.tv-app-intro{color:#57705d;font-size:15px}
.tv-featured-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0}
.tv-app-card{border-radius:15px;padding:24px 23px;min-height:230px}
.tv-app-live{background:#e5efe4;border:1px solid #c5d9c4;color:#22533a}
.tv-app-plex{background:#1a3d31;color:#f2f6ed;border:1px solid #14372c}
.tv-app-kicker{display:block;letter-spacing:.12em;font:750 11px/1.4 Inter,sans-serif;opacity:.7}
.tv-app-card h4{font:400 35px/1.1 Georgia,serif;letter-spacing:-.025em;margin:12px 0 11px}
.tv-app-card .tv-app-lead{font:600 18px/1.35 Inter,sans-serif;margin:0 0 14px}
.tv-app-card p{font-size:14px;line-height:1.65;margin:0}
.tv-app-plex p{color:#e0e9df}
.tv-streaming{border:1px solid #dde6d8;background:#f9faf4;border-radius:13px;padding:23px;margin-top:15px}
.tv-streaming h4{font:400 26px/1.25 Georgia,serif;color:#214c38;margin:0 0 12px}
.tv-streaming p{font-size:15px;line-height:1.7;color:#506952}
.tv-app-order{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 9px}
.tv-app-order span{border:1px solid #c9d9c6;border-radius:99px;background:#fff;color:#2f6245;font:600 12px/1.35 Inter,sans-serif;padding:8px 11px}
.tv-streaming .tv-app-order-caption{font-size:12px;margin:0;color:#778c79}
.tv-remote-section{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(175px,.75fr);gap:22px;margin:33px 0;padding:26px;border-radius:17px;background:#f1f5ed;border:1px solid #d9e5d6;align-items:start}
.tv-remote-copy h3{margin-bottom:15px}
.tv-remote-keys{display:grid;gap:11px}
.tv-remote-keys p{margin:0;padding:0 0 11px;border-bottom:1px solid #d8e3d6;font-size:14px;line-height:1.66}
.tv-remote-keys p:last-child{border-bottom:none}
.tv-remote-keys strong{color:#194733}
.tv-remote-photo{border-radius:14px;margin:0!important;text-align:center;background:#e4ebe3;padding:16px 13px}
.tv-remote-photo img{height:440px;max-width:100%;width:auto;object-fit:contain;margin:auto;filter:drop-shadow(0 9px 10px #29413533)}
.tv-remote-photo figcaption{font-size:12px;color:#67826d;margin-top:12px}
.tv-guest-note{border-left:4px solid #b69258;background:#f4f1e5;padding:18px 21px;border-radius:0 13px 13px 0;margin:25px 0 34px}
.tv-guest-note strong{display:block;color:#314d36;margin-bottom:7px;font:700 15px Inter,sans-serif}
.tv-guest-note p{margin:0;font-size:14px;line-height:1.7;color:#56634d}
.tv-guest-copy + .lessons{padding-top:26px;border-top:1px solid #dae3d6;margin-top:30px}
.tv-guest-copy + .lessons h3{font:400 clamp(28px,3vw,38px)/1.2 Georgia,serif;color:#194733}
.tv-guest-copy + .lessons .lesson-viewport{background:#132a24;border-color:#bbcfbd}
.tv-guest-copy + .lessons .lesson-photo{background:#142b24}
.tv-guest-copy + .lessons .lesson-photo img{max-height:460px;max-width:100%;object-fit:contain;border-radius:9px}
.tv-guest-copy + .lessons .lesson-copy{background:#fbfbf7}
.tv-guest-copy + .lessons .lesson-copy h4{color:#1a4431}
.tv-guest-copy + .lessons .lesson-copy p{font-size:15px;line-height:1.7}
@media(max-width:780px){
 .tv-how-grid,.tv-featured-apps,.tv-remote-section{grid-template-columns:1fr}
 .tv-remote-section{padding:19px}
 .tv-remote-photo img{height:400px}
 .tv-app-card{min-height:0}
}
@media(max-width:540px){
 .tv-guest-copy{font-size:15px}
 .tv-intro{padding:17px;border-radius:14px}
 .tv-intro>p{font-size:14px}
 .tv-how-step{padding:16px 14px;gap:10px;grid-template-columns:37px minmax(0,1fr)}
 .tv-how-step p{font-size:14px}
 .tv-featured-apps{gap:10px}
 .tv-app-card{padding:19px}
 .tv-app-card h4{font-size:31px}
 .tv-streaming{padding:17px}
 .tv-remote-section{gap:13px}
 .tv-remote-photo img{height:350px}
 .tv-guest-copy + .lessons .lesson-photo img{max-height:370px}
}
@media(prefers-reduced-motion:reduce){.tv-jump-guide{transition:none}}
