.guide-grid { position:relative; height:min(68vh,720px); min-height:360px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable both-edges; }
.time-axis { position:sticky; top:0; left:220px; z-index:5; min-width:720px; width:calc(100% - 220px); margin-left:220px; background-color:#0c1117; background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(12.5% - 1px), #202b35 12.5%, transparent calc(12.5% + 1px)); }
.channel-row { grid-template-columns:220px minmax(720px,1fr); min-width:940px; }
.channel-info { position:sticky; left:0; }
.event-track { min-width:720px; background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(12.5% - 1px), #202b35 12.5%, transparent calc(12.5% + 1px)); }
.epg-event { min-width:0; }
.program-preview { transition:all .2s ease; }
.preview-toggle { border:1px solid #475563; border-radius:8px; padding:11px 16px; background:transparent; color:#fff; cursor:pointer; }
.preview-collapsed .program-preview { min-height:0; grid-template-columns:220px 1fr; }
.preview-collapsed .program-preview-player { min-height:120px; }
.preview-collapsed .program-preview-player video,.preview-collapsed .program-preview-player iframe,.preview-collapsed .program-preview-art { min-height:120px; }
.preview-collapsed .program-preview-copy { padding:16px 22px; }
.preview-collapsed .program-preview-copy h2 { font-size:22px; margin:4px 0; }
@media (max-width:760px) { .guide-grid { height:auto; min-height:0; overflow:visible; } .time-axis,.channel-row { display:none; } .preview-collapsed .program-preview { display:block; } .preview-collapsed .program-preview-player { display:none; } }