#itdays-live{--live-yellow:#ffe343;--live-ink:#24271f;max-width:1200px;margin:auto;color:var(--live-ink)}
#itdays-live [hidden]{display:none!important}
#itdays-live h1{margin:0 0 8px;font-size:34px}.live-heading>p{margin:0}
.live-rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 18px}
#itdays-live .live-rooms button{display:block;min-width:0;border:1px solid #d4d4cc;border-radius:10px;padding:16px;text-align:left;background:#fff;color:var(--live-ink);cursor:pointer;font:700 16px 'Exo 2',sans-serif}
#itdays-live .live-rooms button[aria-pressed=true]{background:var(--live-yellow);border-color:var(--live-ink);box-shadow:inset 0 0 0 1px var(--live-ink)}
.live-rooms small{display:block;font-weight:400;font-size:12px;margin-top:6px;line-height:1.4}.live-rooms [data-room-time]{font-weight:600}.live-rooms .on-air{color:#a71919;font-weight:700}
.live-stage{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:22px;align-items:start}
#itdays-live .live-player{position:relative;width:100%;aspect-ratio:16/9;background:#10120f;border:1px solid #292d24;border-radius:14px;overflow:hidden;color:#fff;box-sizing:border-box}
.live-player video{width:100%;height:100%;display:block;object-fit:contain}
#live-cover{position:absolute;inset:0;background:#10120f}
#live-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:.13;pointer-events:none}
.live-cover-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:24px;box-sizing:border-box;background:linear-gradient(100deg,#10120f99,#10120f33)}
.live-player-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
#itdays-live #live-room-name{font-size:16px;font-weight:600;line-height:1.2;color:#fff;margin:0}
#live-badge{border:1px solid #ffffff40;border-radius:30px;padding:5px 10px;font-size:11px;white-space:nowrap;color:#e7e9e4}
#live-badge.on-air{color:var(--live-yellow);border-color:var(--live-yellow)}
.live-eyebrow{font-size:11px!important;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
#live-schedule{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
#live-schedule .live-eyebrow{color:var(--live-yellow)}
#live-date{font-size:clamp(13px,1.4vw,18px);line-height:1.3;color:#fff}
#live-start-time{font-size:clamp(30px,4.1vw,56px);font-weight:700;line-height:1.05;color:var(--live-yellow)}
.live-zone{color:#c3c6bf;font-size:11px}
.live-player-actions{text-align:center}#live-message{color:#eee;margin:0;line-height:1.5;font-size:14px}
.live-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
#itdays-live[data-state=ready] #live-message{display:none}
#itdays-live #live-play,#itdays-live #live-action{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--live-yellow);color:#20231b;border:0;border-radius:7px;padding:12px 20px;font:700 14px 'Exo 2',sans-serif;line-height:1.3;cursor:pointer;text-decoration:none;margin-top:12px}
#live-play[data-intent=play]::before{content:'▶';font-size:12px}#itdays-live #live-play:disabled{opacity:.65;cursor:wait}
#itdays-live .live-details{min-width:0;padding:22px;background:#fff;border:1px solid #e0e1d8;border-radius:14px}
#itdays-live .live-details>.live-eyebrow{margin:0 0 12px;color:#656b60}
#itdays-live .live-details h2{font-size:22px;line-height:1.35;margin:0 0 12px;font-weight:700;color:var(--live-ink)}
#live-speakers{font-size:15px;line-height:1.5;margin:0 0 14px}#live-time,#live-next-time{font-size:13px;line-height:1.6;margin:0;color:#62685e}
#live-next-block{border-top:1px solid #e0e1d8;margin-top:20px;padding-top:18px}#live-next-block .live-eyebrow{margin:0 0 8px;color:#62685e}
#itdays-live #live-next{font-size:16px;line-height:1.4;margin:0 0 6px;font-weight:600}
#itdays-live .live-agenda-link{display:inline-block;margin-top:24px;font-weight:600;color:var(--live-ink);text-underline-offset:4px}
#itdays-live .live-timezone{font-size:11px;color:#666d60;margin:12px 0 0}.live-access-help{font-size:13px;line-height:1.7;margin:24px 0}.live-access-help a{color:inherit;text-underline-offset:3px}
#itdays-live :focus-visible{outline:3px solid #1d89bc;outline-offset:3px}
@media(max-width:1000px){.live-stage{grid-template-columns:1fr}.live-details{width:100%;box-sizing:border-box}.live-cover-content{padding:22px}#live-start-time{font-size:48px}}
@media(max-width:600px){.live-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 14px}#itdays-live .live-rooms button{padding:12px;font-size:14px}.live-rooms small{font-size:11px}#itdays-live h1{font-size:28px}.live-heading>p{font-size:13px}.live-stage{gap:16px}.live-cover-content{padding:12px;gap:6px}#itdays-live #live-room-name{font-size:12px}#live-badge{font-size:9px;padding:3px 6px}#live-schedule{gap:2px}#live-schedule .live-eyebrow{font-size:9px!important}#live-start-time{font-size:30px}#live-date{font-size:12px}.live-zone{font-size:9px}#live-message{font-size:11px;line-height:1.4}#itdays-live #live-play,#itdays-live #live-action{padding:8px 12px;font-size:11px;margin-top:6px}.live-actions{gap:6px}#itdays-live .live-details{padding:20px}#itdays-live .live-details h2{font-size:20px}.live-access-help{font-size:12px}}
.mobile-live{padding-top:110px;background-color:#000}
.mobile-live #itdays-live{--live-yellow:var(--flavor-color);padding:16px;color:#eee}
.mobile-live #itdays-live h1{color:var(--flavor-color);font-weight:400}
.mobile-live #itdays-live a{color:var(--flavor-color)}
.mobile-live #itdays-live .live-rooms button{background:#171717;border:1px solid #444;border-radius:0;color:#fff}
.mobile-live #itdays-live .live-rooms button[aria-pressed=true]{background:var(--flavor-color);border-color:var(--flavor-color);color:#000}
.mobile-live .live-rooms .on-air{color:#ff8585}.mobile-live .live-rooms button[aria-pressed=true] .on-air{color:#8a1717}
.mobile-live #itdays-live .live-player{border:1px solid #333;border-radius:0}
.mobile-live #itdays-live .live-details{background:#141414;border-color:#333;border-radius:0}
.mobile-live #itdays-live .live-details h2,.mobile-live #itdays-live #live-next{color:#fff}
.mobile-live #itdays-live .live-details>.live-eyebrow,.mobile-live #live-next-block .live-eyebrow{color:var(--flavor-color)}
.mobile-live #live-time,.mobile-live #live-next-time,.mobile-live #itdays-live .live-timezone{color:#bbb}
.mobile-live #live-next-block{border-color:#333}
@media(max-width:360px){.live-cover-content{padding:8px;gap:2px}#live-schedule{gap:0}#live-start-time{font-size:24px}#live-badge{font-size:8px;padding:2px 5px}#itdays-live #live-room-name{font-size:11px}#itdays-live #live-play,#itdays-live #live-action{padding:7px 10px;margin-top:4px}}
