/* T200 detail/play only: native charcoal panels and squared orange controls. */
.djsk-detail-view,.djsk-play-view{min-height:0}
.djsk-detail-view .detail{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:30px;align-items:start;margin:14px 0 22px;padding:22px;background:#171717;border-top:3px solid var(--bright);min-height:0}
.djsk-detail-view .detail-cover{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#0b0b0b;border:1px solid #333}
.djsk-detail-view .djsk-detail-info{min-width:0;min-height:0}
.djsk-detail-view .detail h1{margin:0 0 18px;font-size:30px;line-height:1.45;overflow-wrap:anywhere}
.djsk-detail-view .meta{font-size:16px;line-height:1.95;color:#bbb}
.djsk-detail-view .summary{margin:18px 0;font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.djsk-detail-view .summary:empty{display:none}
.djsk-detail-view .djsk-main-play{display:inline-flex;gap:12px;align-items:center;padding:13px 30px;background:var(--orange);color:#fff;font-size:18px;font-weight:700;border:1px solid var(--bright)}
.djsk-detail-view .djsk-main-play:hover{background:var(--bright);color:#111}
.djsk-detail-view .route,.djsk-play-view .route{display:flex;align-items:flex-start;gap:24px;margin:12px 0;padding:16px 18px;background:#171717;border:1px solid #333;min-height:0}
.djsk-detail-view .route h2,.djsk-play-view .route h2{flex:0 0 138px;margin:7px 0;font-size:18px;line-height:1.4}
.djsk-detail-view .route-list,.djsk-play-view .route-list{min-width:0;gap:10px}
.djsk-detail-view .route-list a,.djsk-play-view .route-list a{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid #bc7027;background:#332213;color:#ffc27f;font-size:15px}
.djsk-detail-view .route-list a:hover,.djsk-play-view .route-list a:hover{background:var(--orange);color:#fff}
.djsk-detail-view .route-list small,.djsk-play-view .route-list small{font-size:12px;opacity:.8;border-left:1px solid currentColor;padding-left:9px}
.djsk-play-view .djsk-watch-heading{padding:18px 0 5px}
.djsk-play-view .djsk-watch-heading>a{float:right;margin:4px 0 10px 16px;padding:6px 12px;border:1px solid #555;color:#c8c8c8;font-size:13px}
.djsk-play-view .page-title{font-size:26px;line-height:1.5;overflow-wrap:anywhere}
.djsk-play-view .bundle-related-section{margin:28px 0 8px;padding-top:18px;border-top:1px solid #444}
.djsk-play-view .bundle-related-section>h2{margin:0 0 18px;padding-left:10px;border-left:4px solid var(--bright);font-size:23px;color:#fff}
.djsk-detail-view a:focus-visible,.djsk-play-view .route a:focus-visible{outline:2px solid var(--bright);outline-offset:4px}
@media(min-width:761px){
.djsk-play-view [data-custom-related="15"]>.video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 14px;align-items:start}
.djsk-play-view [data-custom-related="15"] .video-card .name{height:43px;line-height:18px}
}
@media(max-width:760px){
.djsk-detail-view .detail{grid-template-columns:minmax(0,1fr);gap:16px;padding:14px;margin:10px 0 16px}
.djsk-detail-view .detail-cover{width:100%;aspect-ratio:16/10;max-height:none}
.djsk-detail-view .detail h1{font-size:22px;margin-bottom:12px}
.djsk-detail-view .meta,.djsk-detail-view .summary{font-size:14px}
.djsk-detail-view .djsk-main-play{justify-content:center;width:100%;padding:12px 18px;font-size:16px}
.djsk-detail-view .route,.djsk-play-view .route{display:block;padding:13px 12px;margin:10px 0}
.djsk-detail-view .route h2,.djsk-play-view .route h2{margin:0 0 13px;font-size:17px}
.djsk-detail-view .route-list a,.djsk-play-view .route-list a{padding:10px 12px;font-size:14px}
.djsk-play-view .page-title{font-size:21px;clear:both}
.djsk-play-view .djsk-watch-heading{padding-top:10px}
.djsk-play-view [data-custom-related="15"]>.video-grid>.video-card:nth-child(n+13){display:none}
}