/* Media board polish v2 — compact editorial video library */
.media-page,.media-page .page-panel,.media-page .page-panel>.wrap,.media-page #youtubeMediaApp,.media-page .yt-library,.media-page .yt-main,.media-page .yt-sidebar{min-width:0;max-width:100%;box-sizing:border-box}
.media-page{overflow-x:hidden}
.media-page .page-panel{padding-top:12px}
.media-page .yt-library{grid-template-columns:220px minmax(0,1fr);gap:28px}
.media-page .yt-sidebar{border-color:#eadde2;border-radius:20px;padding:14px;box-shadow:0 8px 24px rgba(67,45,53,.035)}
.media-page .yt-cat-list{gap:6px}
.media-page .yt-cat-list button{padding:10px 12px;border-radius:12px;font-size:13px}
.media-page .yt-series-heading{margin-top:16px}
.media-page .yt-series-list{gap:5px;margin-left:10px;padding-left:10px}
.media-page .yt-series-list button{padding:8px 10px;font-size:12px}
.media-page .yt-main-head{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #eee4e7}
.media-page .yt-main-head h2{font-size:clamp(23px,2.3vw,31px);letter-spacing:-.035em}
.media-page .yt-selected{margin-bottom:24px;max-width:100%;overflow:hidden}
.media-page .yt-selected-player{border-radius:18px;box-shadow:0 12px 30px rgba(55,37,43,.09);max-width:100%}
.media-page .yt-selected.landscape .yt-selected-player{width:100%;aspect-ratio:16/9}
.media-page .yt-selected.portrait .yt-selected-player{width:min(100%,520px);aspect-ratio:9/16;margin:0 auto}
.media-page .yt-selected-player iframe{max-width:100%}
.media-page .yt-selected-info{padding-top:14px;max-width:100%}
.media-page .yt-selected-info h2{font-size:clamp(20px,2vw,27px);margin-bottom:10px;overflow-wrap:anywhere}
.media-page .yt-tags,.media-page .yt-row-tags{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px;overflow:visible;max-width:100%}
.media-page .yt-tags span,.media-page .yt-row-tags span{display:inline-flex;align-items:center;min-height:27px;box-sizing:border-box;font-size:12px;line-height:1.15;padding:6px 10px;border:1px solid #ead9df;border-radius:999px;background:#fff8fa;color:#7f5064;font-weight:650;white-space:nowrap;max-width:100%}
.media-page .yt-more-title{font-size:15px;margin:18px 0 10px;color:#4a3b41}
.media-page .yt-video-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;align-items:stretch;min-width:0}
.media-page .yt-video-row{display:block;border-color:#eadfe3;border-radius:17px;padding:11px;min-height:112px;overflow:visible;box-shadow:0 5px 18px rgba(65,43,51,.025);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;min-width:0;max-width:100%;box-sizing:border-box}
.media-page .yt-video-row:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(65,43,51,.07);background:#fffafb}
.media-page .yt-video-row>button.yt-video-open{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start;overflow:visible;width:100%;max-width:100%;height:100%;text-align:left;min-width:0;box-sizing:border-box}
.media-page .yt-video-row>button.yt-video-open>img{align-self:start;margin:0!important}
.media-page .yt-video-row img{display:block;width:150px;height:86px;border-radius:12px;background:#f5eef1;object-fit:cover;max-width:100%}
.media-page .yt-video-row strong{font-size:14px;line-height:1.38;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.media-page .yt-row-tags{align-content:flex-start;align-self:start;max-height:none;padding:1px 0 3px}
.media-page .yt-row-tags span{font-size:11px;min-height:25px;padding:5px 9px}
.media-page .yt-video-row.active{background:#fbf0f4;border-color:#dcbfcb;box-shadow:0 7px 20px rgba(119,72,91,.07)}
@media(max-width:1120px){
 .media-page .yt-library{grid-template-columns:190px minmax(0,1fr);gap:20px}
 .media-page .yt-video-list{grid-template-columns:1fr}
 .media-page .yt-video-row>button.yt-video-open{grid-template-columns:170px minmax(0,1fr);align-items:start}
 .media-page .yt-video-row img{width:170px;height:96px}
}
@media(max-width:900px){
 .media-page .page-hero .wrap,.media-page .page-panel>.wrap{width:min(100% - 28px,1120px)!important;max-width:100%!important}
 .media-page .page-panel{padding-top:4px;overflow:hidden}
 .media-page .yt-library{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;overflow:hidden}
 .media-page .yt-sidebar{position:static;border:0;box-shadow:none;padding:0;background:transparent;width:100%;overflow:visible}
 .media-page .yt-cat-list,.media-page .yt-series-list{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:7px!important;padding:0 0 8px!important;max-width:100%;width:100%;box-sizing:border-box}
 .media-page .yt-series-list{margin-left:0!important;padding-left:0!important;border-left:0!important}
 .media-page .yt-cat-list button,.media-page .yt-series-list button{flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;padding:9px 12px!important}
 .media-page .yt-series-heading{margin:6px 0 6px!important;padding:6px 0 2px!important}
 .media-page .yt-main{width:100%;overflow:hidden}
 .media-page .yt-main-head{margin-bottom:12px;min-width:0;max-width:100%}
 .media-page .yt-main-head h2{min-width:0;overflow-wrap:anywhere}
 .media-page .yt-main-tools{flex-wrap:wrap;justify-content:flex-end;min-width:0}
 .media-page .yt-selected.portrait .yt-selected-player{width:min(100%,420px)}
 .media-page .yt-video-list{grid-template-columns:minmax(0,1fr);gap:9px;width:100%;max-width:100%}
 .media-page .yt-video-row{padding:9px;border-radius:14px;min-height:88px;width:100%}
 .media-page .yt-video-row>button.yt-video-open{grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:start;width:100%}
 .media-page .yt-video-row img{width:118px;height:67px;border-radius:10px}
 .media-page .yt-video-row strong{font-size:13px;margin:0 0 5px;-webkit-line-clamp:2}
 .media-page .yt-row-tags{gap:5px;max-height:none;padding-bottom:2px}
 .media-page .yt-row-tags span{font-size:10.5px;min-height:24px;padding:4px 7px}
 .media-page .yt-tags span{font-size:11px;padding:5px 8px}
}
@media(max-width:430px){
 .media-page .page-hero .wrap,.media-page .page-panel>.wrap{width:calc(100% - 24px)!important}
 .media-page .yt-cat-list button,.media-page .yt-series-list button{font-size:11px!important;padding:8px 10px!important}
 .media-page .yt-video-row>button.yt-video-open{grid-template-columns:96px minmax(0,1fr);gap:9px;align-items:start}
 .media-page .yt-video-row img{width:96px;height:56px}
 .media-page .yt-row-tags span:nth-child(n+5){display:none}
 .media-page .yt-selected.portrait .yt-selected-player{width:100%}
}