.reading-settings{margin:24px 0;padding:20px 0;border-top:1px solid #506056;border-bottom:1px solid #506056;text-align:left}
.reading-settings p{font-size:14px;line-height:1.5;margin:12px 0}
.reading-choices{display:flex;flex-wrap:wrap}
.reading-choices button{margin:4px;min-height:48px}
.reading-choices [aria-pressed=true]{border:2px solid #82e6a5;border-color:var(--accent);background:#233b2b}
.detail-synopsis:focus,.series-synopsis:focus{outline:3px solid #82e6a5;outline-color:var(--brand-focus);outline-offset:4px}
@media(min-width:800px){
.tv-expanded #main .catalog-grid,.tv-expanded #main .section,.tv-expanded #main .page-head,.tv-expanded #main .catalog-tools{padding-left:3vw;padding-right:3vw;max-width:none}
.tv-expanded #main .catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 22px}
.tv-expanded #main .live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tv-expanded.tv-no-grid #main .catalog-grid>.card{width:20%;padding-left:11px;padding-right:11px}
.tv-expanded.tv-no-grid #main .live-grid>.card{width:33.333%}
.tv-expanded #main .rail{grid-auto-columns:calc((100% - 88px)/5);gap:22px}
.tv-expanded.tv-no-grid #main .rail>.card{width:calc((100% - 88px)/5);margin-right:22px}
.tv-expanded #main .card-title{font-size:calc(15px + .55vw);line-height:1.4}
.tv-expanded #main .card-sub{font-size:calc(12px + .35vw)}
.tv-expanded #main .page-head h1{font-size:calc(26px + 1.1vw)}
.tv-expanded #main .section-heading h2{font-size:calc(20px + .6vw)}
.tv-expanded #main .section-heading p,.tv-expanded #main .page-head p{font-size:calc(14px + .35vw)}
.tv-expanded #main .category-picker{min-height:78px;font-size:calc(17px + .4vw)}
.tv-expanded #main .category-picker small{font-size:calc(13px + .35vw)}
.tv-expanded #detail[open],.tv-expanded #detail.series-detail[open]{position:fixed;top:6vh;left:6vw;right:auto;bottom:auto;width:88vw;height:88vh;max-width:none;max-height:none;margin:0;transform:none;-webkit-transform:none;animation:none;overflow-y:auto}
.tv-expanded #detail .detail-art{height:24vh}
.tv-expanded #detail .detail-body{padding:0 3vw 3vh;margin-top:-6vh}
.tv-expanded #detail .detail-cover{width:9vw;height:13.5vw;max-height:28vh;object-fit:cover;margin-right:1vw}
.tv-expanded #detail .detail-heading h2,.tv-expanded #detail .series-heading h2{font-size:calc(24px + 1vw);line-height:1.2}
.tv-expanded #detail .detail-meta,.tv-expanded #detail .detail-credits{font-size:calc(15px + .45vw);line-height:1.6}
.tv-expanded #detail .detail-synopsis,.tv-expanded #detail .series-synopsis{font-size:calc(16px + .65vw);line-height:1.65;max-width:62ch;max-height:30vh;overflow-y:auto;display:block;-webkit-line-clamp:unset;margin:20px 4px;padding:6px 12px 6px 4px}
.tv-expanded #detail .button{font-size:calc(15px + .45vw);min-height:54px;padding:14px 20px}
.tv-expanded #detail .close-button{width:52px;height:52px;z-index:5}
.tv-expanded #detail.series-detail[open]{overflow:hidden}
.tv-expanded #detail .series-layout{height:100%;display:flex;padding:64px 2vw 24px;gap:2vw}
.tv-expanded #detail .series-summary{flex:0 0 43%;overflow-y:auto;padding:12px}
.tv-expanded #detail .series-cover{width:8vw;height:12vw;margin-right:12px}
.tv-expanded #detail .series-synopsis{max-height:32vh}
.tv-expanded #detail .series-episodes{flex:1;min-width:0;padding-left:1.5vw;overflow:hidden}
.tv-expanded #detail .series-episodes #episodes{min-height:0;overflow-y:auto}
.tv-expanded #detail .series-list-heading{flex-wrap:wrap}
.tv-expanded #detail .series-list-heading h3{font-size:calc(20px + .7vw)}
.tv-expanded #detail .episode strong{font-size:calc(15px + .5vw)}
.tv-expanded #detail .episode small,.tv-expanded #detail .series-hint{font-size:calc(12px + .35vw)}
.tv-expanded #category-menu .category-menu-heading{padding:2vh 3vw 1vh}
.tv-expanded #category-menu .category-menu-heading h2{font-size:calc(24px + .8vw)}
.tv-expanded #category-menu .category-menu-heading p,.tv-expanded #category-menu .category-menu-footer{font-size:calc(14px + .4vw)}
.tv-expanded #category-menu .category-options{padding:12px 3vw}
.tv-expanded #category-menu .category-option{font-size:calc(18px + .6vw);min-height:66px;padding:16px 20px}
.tv-expanded #category-menu .category-menu-footer{padding:1.5vh 3vw}
.tv-expanded #account-dialog{width:680px;max-width:88vw;max-height:88vh;overflow-y:auto}
}
@media(min-width:800px) and (max-width:1100px){.tv-expanded #main .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tv-expanded.tv-no-grid #main .catalog-grid>.card{width:25%}.tv-expanded.tv-no-grid #main .live-grid>.card{width:33.333%}.tv-expanded #detail .series-layout{gap:12px;padding-left:12px;padding-right:12px}.tv-expanded #detail .series-heading{display:block}}
