/* HealthyBodyFitness.tv: On Now, today's workout and meals, easy viewing (2026-11-01). Same 10-foot style as index.html. */
.card{scroll-margin:120px 80px 80px 80px}
.note{scroll-margin:120px 0 40px 0}
#hbxTop .row{padding-top:18px}
.tile{flex:0 0 420px;padding:0 0 24px;min-height:220px}
.tile .tt{padding:24px 28px 0;font-family:Oswald,sans-serif;font-size:42px;font-weight:600;line-height:1.1}
.tile .ts{padding:10px 28px 0;font-size:24px;color:var(--tv-dim);line-height:1.3;max-height:96px;overflow:hidden}
.tile .live{display:inline-block;margin:24px 0 0 28px;font-size:20px;font-weight:600;padding:3px 14px;border-radius:12px;background:#c0392b;color:#fff;letter-spacing:1px}
.tile.onnow{background:#1f3a35}
.tile.done .ts{color:var(--tv-green)}
.hbx-prog{height:8px;background:#0e1918;margin:12px 22px 0;border-radius:4px;overflow:hidden}
.hbx-prog i{display:block;height:8px;background:var(--orange)}
/* top bar of the player */
#player #ptitle{left:60px;top:124px}
.hbx-bar{position:absolute;top:40px;left:245px;z-index:2;display:flex;gap:18px;align-items:center}
.hbx-bar .btn{font-size:28px;padding:14px 28px;background:rgba(36,49,47,.92)}
#endcard:not(.hide)~.hbx-bar{display:none}
.hbx-nocc{font-size:26px;color:#fff;background:rgba(36,49,47,.82);padding:14px 24px;border-radius:16px}
#hbxToast{position:absolute;left:60px;bottom:60px;z-index:3;font-size:30px;background:rgba(12,20,22,.92);padding:18px 30px;border-radius:16px;max-width:1500px}
#hbxBanner{position:absolute;left:60px;right:60px;bottom:50px;z-index:2;background:rgba(12,20,22,.9);border-radius:22px;padding:26px 40px}
#hbxBanner .bb{font-family:Oswald,sans-serif;font-size:50px;line-height:1.15}
#hbxBanner .bb em{font-style:normal;font-size:26px;background:#c0392b;color:#fff;padding:2px 14px;border-radius:12px;margin-right:18px;vertical-align:middle;letter-spacing:1px}
#hbxBanner .bs{font-size:28px;color:var(--tv-dim);margin-top:6px}
video::cue{font-size:44px;background:rgba(0,0,0,.8);color:#fff}
/* full screens */
.hbx-full{position:fixed;inset:0;z-index:8;background:var(--tv-bg);padding:44px 70px;overflow:hidden}
.hbx-full.scroll{overflow-y:auto;padding-bottom:120px;scrollbar-width:none}
.hbx-full.scroll::-webkit-scrollbar{display:none}
.hbx-head{font-size:30px;color:var(--tv-dim);margin:0 0 6px}
.hbx-name{font-family:Oswald,sans-serif;font-size:84px;font-weight:600;line-height:1.08;margin:0 0 18px}
.hbx-btns{display:flex;gap:24px;margin-top:30px;flex-wrap:wrap}
.hbx-btns .btn{font-size:34px;padding:22px 44px}
.hbx-big{font-family:Oswald,sans-serif;font-size:190px;line-height:1;margin:20px 0}
/* today's workout */
#faBody{display:flex;gap:56px;align-items:flex-start;margin-top:12px}
#faMedia{flex:0 0 1100px;height:640px;background:#000;border-radius:22px;overflow:hidden;position:relative}
#faMedia video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
#faCue{flex:0 0 1100px;height:640px;overflow:hidden;background:var(--tv-panel);border-radius:22px;padding:44px 52px;font-size:44px;line-height:1.35}
#faInfo{flex:1;min-width:0}
.faSet{font-family:Oswald,sans-serif;font-size:110px;line-height:1.05;margin:0}
.faReps{font-size:60px;margin:14px 0 0}
.faWords{font-size:30px;color:var(--tv-dim);margin-top:16px}
.faPaused{display:inline-block;font-size:30px;background:var(--orange);color:#fff;border-radius:14px;padding:6px 20px;margin-top:18px}
/* today's meals */
.hbx-sec{font-family:Oswald,sans-serif;font-size:46px;color:var(--tv-green);margin:32px 0 10px}
.hbx-line{display:block;font-size:44px;line-height:1.3;padding:14px 26px;border-radius:14px;margin:6px 0;max-width:1760px}
.hbx-line b{font-weight:600}
.hbx-line.f:focus{background:var(--tv-panel);transform:none}
.hbx-num{display:inline-block;width:1.6em;color:var(--orange);font-family:Oswald,sans-serif}
.hbx-warn{font-size:30px;color:var(--tv-dim);padding:14px 26px}
/* safety card */
#hbxSafety{display:flex;align-items:center;justify-content:center;text-align:center}
#hbxSafety .sb{max-width:1400px}
#hbxSafety h2{font-size:84px;line-height:1.2;margin:0 0 40px;font-family:Oswald,sans-serif;font-weight:600}
#hbxSafety p{font-size:44px;line-height:1.35;margin:0 0 24px}
#hbxSafety .btn{font-size:36px;padding:22px 56px;margin-top:20px}
#hbxSafety .btn.wait{background:#24312f;color:#cfd8d6}
/* settings */
.hbx-setting{display:block;width:100%;max-width:1200px;text-align:left;background:var(--tv-panel);border:0;border-radius:18px;padding:26px 36px;font-size:40px;margin:14px 0}
.hbx-setting small{display:block;font-size:26px;color:var(--tv-dim);margin-top:4px}
/* larger text: kept on this TV */
html.hbx-large h2{font-size:52px}
html.hbx-large .sub{font-size:32px}
html.hbx-large .card .t{font-size:40px}
html.hbx-large .card .h{font-size:30px;max-height:84px}
html.hbx-large .vcard{flex-basis:420px}
html.hbx-large .chname{font-size:40px}
html.hbx-large .chname small{font-size:28px}
html.hbx-large .note{font-size:36px}
html.hbx-large .step{font-size:34px}
html.hbx-large .daylabel{font-size:38px}
html.hbx-large .btn{font-size:34px}
html.hbx-large .chip{font-size:24px}
html.hbx-large .who{font-size:32px}
html.hbx-large #phint{font-size:28px}
html.hbx-large #ptitle{font-size:52px}
html.hbx-large .tile .tt{font-size:52px}
html.hbx-large .tile .ts{font-size:32px;max-height:130px}
html.hbx-large .hbx-line{font-size:56px}
html.hbx-large .hbx-sec{font-size:58px}
html.hbx-large .hbx-warn{font-size:38px}
html.hbx-large .hbx-name{font-size:104px}
html.hbx-large .faReps{font-size:76px}
html.hbx-large #faMedia,html.hbx-large #faCue{height:560px}
html.hbx-large .faWords{font-size:38px}
html.hbx-large #faCue{font-size:56px}
html.hbx-large .hbx-setting{font-size:50px}
html.hbx-large .hbx-setting small{font-size:34px}
html.hbx-large #hbxSafety p{font-size:56px}
html.hbx-large #hbxBanner .bb{font-size:62px}
html.hbx-large #hbxBanner .bs{font-size:36px}
html.hbx-large video::cue{font-size:60px}
/* A TV that reports 1280 wide (many do): the 1100px panel above left the set count cut off (2026-11-02). */
@media (min-width:1101px) and (max-width:1700px){.hbx-full{padding:28px 44px}.hbx-name{font-size:56px;margin-bottom:10px}#faBody{gap:32px}#faMedia,#faCue,html.hbx-large #faMedia,html.hbx-large #faCue{flex:0 0 60%;height:400px}#faCue{font-size:30px;padding:28px 34px}html.hbx-large #faCue{font-size:36px}.faSet{font-size:64px}.faReps,html.hbx-large .faReps{font-size:38px;margin-top:8px}.faWords,html.hbx-large .faWords{font-size:22px;margin-top:10px}.hbx-btns{margin-top:18px;gap:16px}.hbx-btns .btn{font-size:24px;padding:14px 28px}.hbx-big{font-size:110px;margin:10px 0}}
@media (max-width:1100px){.hbx-full{padding:20px 24px}.hbx-name{font-size:48px}#faBody{flex-direction:column}#faMedia,#faCue{flex:0 0 auto;width:100%;height:auto}.hbx-line{font-size:24px}.hbx-big{font-size:90px}.faSet{font-size:48px}.faReps{font-size:28px}.tile{flex-basis:300px}}