/* The TV keeps its forest-green enamel and brass controls in either site theme. */
.tv-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tv-layout{grid-template-columns:minmax(0,1fr) 250px;gap:30px;align-items:start}
.television{min-width:0}
.tv-hardware{padding:20px;gap:22px;grid-template-columns:minmax(0,1fr) 122px;border:1px solid #526449;border-radius:22px;background:linear-gradient(120deg,#3a4b38,#25382d 55%,#1c2c23);box-shadow:inset 0 2px 1px #c2d0a638,inset 0 -5px 0 #111c19aa,0 8px 0 #101d17,0 18px 30px #0003}
.tv-screen{background:#050806;border:9px solid #101914;border-radius:34px / 28px;box-shadow:0 0 0 2px #7d8b6866,0 0 0 4px #13231a,inset 0 0 25px #000;aspect-ratio:4/3;align-self:center}
.tv-screen video{border-radius:20px}
.channel-osd{left:18px;top:16px;font:14px/1.2 'Courier New',monospace;letter-spacing:1px;color:#c6dfaf;opacity:.8;text-shadow:0 1px 4px #000}
.volume-osd{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);background:#0b170ee8;border:1px solid #9db98666;border-radius:4px;padding:9px 14px;color:#d8edc0;font:12px 'Courier New',monospace;letter-spacing:1px;white-space:nowrap;pointer-events:none}
.tv-panel{padding:12px 10px 8px;gap:19px;justify-content:flex-start;border:1px solid #72826738;border-radius:12px;background:linear-gradient(90deg,#12221944,#13221b99);box-shadow:inset 1px 0 1px #0003;color:#e9e6cd;min-width:0}
.tv-panel-id{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.tv-hardware-logo{display:block;padding:2px 0 10px;border-bottom:1px solid #87927366;width:100%;font-size:17px;line-height:1.2;letter-spacing:-.6px}
.tv-hardware-logo b{display:block;margin-top:5px;font:7px 'Courier New',monospace;letter-spacing:1.8px;color:#b5bca4}
.power-light{display:block;font:8px 'Courier New',monospace;letter-spacing:1px;margin:0;color:#aebda5}
.power-light i{width:5px;height:5px;background:#879b6e;box-shadow:none;margin-right:6px;vertical-align:1px}
.is-playing .power-light i{background:#cfed9e;box-shadow:0 0 7px #bee99b77}
.tv-control{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.tv-control-label{font:9px/1 'Courier New',monospace;letter-spacing:1.6px;color:#c7ceb4}
.tv-dial{--dial-angle:-120deg;position:relative;display:block;flex-shrink:0;width:66px;height:66px;padding:4px;border:1px solid #9f9674;border-radius:50%;background:repeating-conic-gradient(#a39a79 0deg 3deg,#5f604c 3deg 6deg);box-shadow:0 4px 0 #0c1712,0 5px 8px #0006;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.tv-dial::before{content:'';position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#e9d6a8,#ba9e6e 64%,#7d6b4e);box-shadow:inset 0 1px 1px #fff8,inset 0 -2px 2px #4b3d28}
.tv-dial-face{position:absolute;inset:7px;border-radius:50%;transform:rotate(var(--dial-angle));transition:transform .24s cubic-bezier(.2,.75,.3,1);pointer-events:none}
.tv-dial-face::before{content:'';position:absolute;left:50%;top:4px;width:4px;height:14px;transform:translateX(-50%);background:#283b2c;border-radius:2px;box-shadow:1px 0 0 #f5e6ba88}
.tuning-dial .tv-dial-face::after{content:'';position:absolute;inset:9px 20px;border-radius:4px;background:linear-gradient(90deg,#65573c,#ddc18a 45%,#a68b5b);box-shadow:2px 1px 3px #443b2b66}
.tv-dial:hover{filter:brightness(1.08)}
.tv-dial:focus-visible{outline:2px solid #d3edaa;outline-offset:5px}
.volume-dial{cursor:ns-resize;--dial-angle:135deg}
.volume-dial .tv-dial-face{transition:transform .08s linear}
.volume-dial.is-dragging .tv-dial-face{transition:none}
.tv-readout{font:10px/1.3 'Courier New',monospace;letter-spacing:1px;color:#daebba;font-variant-numeric:tabular-nums;min-width:60px;text-align:center}
.tv-volume-trim{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:1px;width:106px}
.tv-volume-trim button{height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;font:15px/1 Arial;color:#d8ddc2}
.tv-volume-trim button:hover{background:#435b3d;border-color:#738966}
.tv-volume-trim .tv-mute{font:10px 'Courier New',monospace}
.tv-volume-trim .tv-mute[aria-pressed=true]{color:#dbedb9;background:#41523a}
.tv-panel .speaker{margin: auto 0 0;width:82px;min-height:32px;height:100px;flex-shrink:1;border-block:1px solid #68745955;background:repeating-linear-gradient(0deg,#0b1813 0 2px,#3b4c3855 2px 5px);border-radius:4px;box-shadow:inset 0 1px 4px #0003}
.tv-legs{padding:6px 54px 0}
.tv-legs span{height:16px;width:43px;background:#1c2c23}
.now-playing{padding:25px 3px 0}
.now-playing .eyebrow{color:var(--accent);font-size:9px}
.now-playing h2{margin:10px 0;font-size:30px}
.now-playing p:empty{display:none}
.channel-guide{padding-top:3px}
.channel-guide .section-heading{margin-bottom:14px}
.channel{position:relative;border:1px solid var(--line);border-radius:7px;margin-bottom:9px;gap:12px;padding:18px 12px;align-items:center}
.channel[aria-pressed=true]{padding-left:10px}
.channel-number{font-size:20px}
.channel b{font-size:16px}
.channel em{line-height:1.6}
.channel-note{padding:0 3px}
.channel-note p{margin:14px 0;font-size:11px}
@media(max-width:1100px){
  .tv-layout{display:block}
  .channel-guide{margin-top:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .channel-guide .section-heading,.channel-note{grid-column:1/-1}
  .channel-guide .section-heading{margin-bottom:4px}
  .channel{width:100%;margin:0;display:flex;border-bottom:1px solid var(--line)}
}
@media(max-width:600px), (max-width:800px) and (min-height:501px){
  .tv-hardware{grid-template-columns:minmax(0,1fr);padding:10px;gap:12px;border-radius:16px}
  .tv-screen{width:100%;border-width:5px;border-radius:22px / 18px}
  .tv-screen video{border-radius:14px}
  .channel-osd{top:11px;left:12px;font-size:12px}
  .tv-panel{display:grid;grid-template-columns:minmax(58px,1fr) 78px 108px;gap:9px;align-items:center;padding:12px 8px;border-radius:8px}
  .tv-panel-id{align-self:stretch;justify-content:center;gap:12px;padding-right:4px}
  .tv-hardware-logo{font-size:15px;padding:0 0 10px}
  .tv-hardware-logo b{font-size:6px;letter-spacing:1px}
  .power-light{font-size:7px;letter-spacing:.5px}
  .power-light i{width:4px;height:4px;margin-right:4px}
  .tv-control{gap:7px;align-self:start}
  .tv-dial{width:56px;height:56px}
  .tuning-dial .tv-dial-face::after{inset:8px 16px}
  .tv-control-label{font-size:8px;letter-spacing:1px}
  .tv-readout{font-size:10px}
  .tv-volume-trim{width:106px;grid-template-columns:28px 1fr 28px}
  .tv-volume-trim button{height:30px}
  .tv-panel .speaker{display:none}
  .tv-legs{padding:6px 34px 0}
  .tv-legs span{height:12px;width:32px}
  .volume-osd{bottom:48px;font-size:10px}
  .channel-guide{grid-template-columns:minmax(0,1fr);margin-top:25px}
}
@media(prefers-reduced-motion:reduce){.tv-dial-face{transition:none}}
@media(min-width:601px) and (max-width:1000px) and (max-height:500px){
  .tv-hardware{padding:12px;gap:16px}
  .tv-screen{width:min(100%,calc((100svh - 44px) * 4 / 3));justify-self:center}
  .tv-panel{padding:10px 6px;gap:12px}
  .tv-panel-id{gap:6px}
  .tv-hardware-logo{font-size:15px;padding:0 0 6px}
  .tv-control{gap:6px}
  .tv-dial{width:52px;height:52px}
  .tuning-dial .tv-dial-face::after{inset:7px 14px}
  .tv-volume-trim button{height:26px}
  .tv-panel .speaker{display:none}
}