.tv-directory{padding-block:clamp(2rem,5vw,5rem)}.tv-heading,.tv-programme-heading{justify-content:space-between;align-items:start;gap:1.5rem;display:flex}.tv-heading h1{margin:0;font-size:clamp(2.3rem,5vw,4.5rem)}.tv-heading p{max-width:46rem}.tv-filters{flex-wrap:wrap;align-items:end;gap:1rem;margin:2rem 0;display:flex}.tv-filters label{gap:.4rem;font-weight:600;display:grid}.tv-filters label:first-child{flex:1;min-width:min(100%,15rem)}.tv-filters input{color:#16323f;background:#fff;border:1px solid #b8c1c5;border-radius:4px;width:100%;min-height:44px;padding:.7rem}.tv-filters button,.tv-list-actions button{color:#fff;cursor:pointer;background:#183b4a;border:1px solid #183b4a;border-radius:4px;min-height:44px;padding:.65rem 1rem}.tv-programme{scroll-margin-top:var(--tv-anchor-offset,7rem);border-top:1px solid #d7dfe2;padding:2rem 0 2.7rem}.tv-programme h2{margin:.35rem 0 .65rem;font-size:clamp(1.5rem,3vw,2.2rem)}.tv-programme time{color:#51646d;font-size:.9rem;font-weight:700}.tv-programme-schedule{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;display:flex}.tv-status{color:#174d6a;background:#e4f0f5;border-radius:999px;padding:.2rem .65rem;font-size:.8rem;font-weight:800;display:inline-flex}.tv-status[data-tv-status-badge=past]{color:#51646d;background:#eef1f2}.tv-time{color:#51646d;font-size:.9rem}.tv-filters .tv-clear-date{color:#183b4a;background:#fff}.tv-month-chip{border:1px solid #b8c1c5;border-radius:4px;align-items:center;gap:.4rem;padding-left:.8rem;display:inline-flex}.tv-month-chip button{color:#183b4a;background:0 0;border:0;font-size:1.2rem}.tv-programme p{white-space:pre-line}.tv-programme-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.7rem;display:flex}.tv-language{color:#52666f;margin-top:.25rem;font-size:.75rem;font-weight:400;line-height:1.5;display:block}.tv-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.tv-videos:has(>:only-child){grid-template-columns:minmax(0,1fr);max-width:55rem}.tv-video{min-width:0;scroll-margin-top:var(--tv-anchor-offset,7rem)}.tv-player{aspect-ratio:16/9;background:#14252e;border-radius:4px;overflow:hidden}.tv-player button{cursor:pointer;color:#fff;background:0 0;border:0;width:100%;height:100%;padding:0;position:relative}.tv-player img,.tv-player iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.tv-play-label{background:#112632ee;border-radius:4px;width:fit-content;padding:.7rem 1rem;position:absolute;inset:auto 1rem 1rem}.tv-video h3{margin:1rem 0 .4rem;font-size:1.2rem}.tv-video-actions,.tv-list-actions{flex-wrap:wrap;gap:1rem;display:flex}.tv-directory a{text-underline-offset:.2em;align-items:center;min-height:44px;display:inline-flex}.tv-directory .tv-share{color:#183b4a;white-space:nowrap;background:#fff;border:2px solid #183b4a;border-radius:6px;gap:.5rem;min-height:46px;padding:.6rem .9rem;font-weight:700;line-height:1.3;text-decoration:none}.tv-share svg{flex-shrink:0}.tv-directory .tv-share:hover,.tv-directory .tv-share:focus-visible{background:#eef4f6}.tv-directory :focus-visible{outline-offset:4px;outline:3px solid #008eaa}.tv-directory [hidden]{display:none!important}.tv-directory button:disabled{opacity:.6;cursor:wait}.tv-private-list{flex-wrap:wrap;gap:.5rem;padding:1rem 0;display:flex}.tv-editor-fields{gap:1rem;display:grid}.tv-editor-schedule{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tv-editor-fields label{gap:.35rem;display:grid}.tv-editor-fields input,.tv-editor-fields textarea,.tv-editor-fields select{border:1px solid #c0cbd0;border-radius:4px;width:100%;min-height:44px;padding:.6rem}.tv-editor-fields textarea{resize:vertical;min-height:5rem}.tv-editor-fields fieldset{border:1px solid #d7dfe2;border-radius:4px;gap:.8rem;min-width:0;padding:1rem;display:grid}.tv-editor-fields summary{cursor:pointer;min-height:44px;padding:.6rem 0}.tv-editor-fields button{min-height:44px}.tv-field-error{color:#a32323;font-size:.875rem}.tv-editor-fields [aria-invalid=true]{border-color:#a32323}@media (width>=981px){.tv-directory{--container-width:min(100% - 144px, 1320px)}}@media (width<=660px){.tv-editor-schedule,.tv-videos{grid-template-columns:1fr}.tv-heading,.tv-programme-heading{flex-direction:column;gap:.5rem}.tv-filters label{flex:1}.tv-filters button{width:100%}}
