/* AVLOG final responsive override. Loaded AFTER every legacy/page stylesheet. */
:root{--hard-panel-bg:rgba(20,29,24,.72);--hard-panel-border:rgba(255,255,255,.10);--hard-radius:14px}

/* category grid: explicitly 10 desktop / 4 mobile; higher specificity than legacy !important rules */
html body.body .hub-section.home-video-categories nav.home-video-category-grid,
html body.body .home-video-categories .home-video-category-grid,
html body.body #video-categories nav.home-video-category-grid{
 display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:9px!important;
 width:100%!important;max-width:none!important;float:none!important;clear:both!important;
}
html body.body .home-video-categories nav.home-video-category-grid>a{
 display:flex!important;float:none!important;width:auto!important;min-width:0!important;max-width:none!important;
 min-height:38px!important;margin:0!important;padding:7px 5px!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 border:1px solid rgba(255,255,255,.11)!important;border-radius:9px!important;background:rgba(255,255,255,.045)!important;
 color:var(--zy-color,#e8f0eb)!important;font-size:13px!important;line-height:1.25!important;box-shadow:none!important;
}
html body.body .home-video-categories nav.home-video-category-grid>a:hover{background:rgba(34,160,105,.15)!important;border-color:rgba(64,190,132,.5)!important;color:#fff!important}

/* keyword cloud: 16 desktop / 6 mobile, compact pills */
html body.body #search-hot-keywords .home-video-category-grid,
html body.body .home-keyword-directory .keyword-directory-grid{
 display:grid!important;grid-template-columns:repeat(16,minmax(0,1fr))!important;gap:6px!important;width:100%!important;
}
html body.body #search-hot-keywords .home-video-category-grid>a,
html body.body .home-keyword-directory .keyword-directory-grid>a{
 min-width:0!important;min-height:29px!important;padding:4px 3px!important;border-radius:7px!important;
 font-size:11px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* Consistent panel surface and headings */
html body.body .hub-section.home-video-categories,
html body.body .play-keywords,
html body.body .play-episode-panel{
 border:1px solid var(--hard-panel-border)!important;border-radius:var(--hard-radius)!important;
 background:var(--hard-panel-bg)!important;box-shadow:none!important;
}
html body.body .home-list-meta{
 display:flex!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:100%!important;
 margin:0 0 16px!important;padding:8px 13px!important;border:1px solid rgba(58,177,119,.25)!important;
 border-radius:999px!important;background:rgba(35,145,94,.10)!important;color:#b9d9c6!important;
 font-size:13px!important;line-height:1.3!important;font-weight:600!important;
}
html body.body .home-list-meta strong{color:#65d59a!important;font-size:17px!important;font-weight:800!important;font-variant-numeric:tabular-nums}

/* Category video count cards and episode actions */
html body.body .play-episode-actions{justify-content:center!important;padding-top:13px!important;border-top:1px solid rgba(255,255,255,.08)!important}
html body.body .play-episode-actions .play-action-btn,
html body.body .play-keywords-share .play-action-btn{
 min-width:112px!important;min-height:40px!important;border-radius:10px!important;
}
html body.body .play-keywords-share{justify-content:center!important}
html body.body .play-action-note{flex:0 0 auto!important;color:#a9d9bd!important;font-size:13px!important;font-weight:700!important}

@media(max-width:900px){
 html body.body .hub-section.home-video-categories nav.home-video-category-grid,
 html body.body .home-video-categories .home-video-category-grid,
 html body.body #video-categories nav.home-video-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
 html body.body #search-hot-keywords .home-video-category-grid,
 html body.body .home-keyword-directory .keyword-directory-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}
}
@media(max-width:600px){
 html body.body .hub-section.home-video-categories nav.home-video-category-grid,
 html body.body .home-video-categories .home-video-category-grid,
 html body.body #video-categories nav.home-video-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
 html body.body .home-video-categories nav.home-video-category-grid>a{min-height:34px!important;padding:6px 2px!important;border-radius:7px!important;font-size:12px!important}
 html body.body #search-hot-keywords .home-video-category-grid,
 html body.body .home-keyword-directory .keyword-directory-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important}
 html body.body #search-hot-keywords .home-video-category-grid>a,
 html body.body .home-keyword-directory .keyword-directory-grid>a{min-height:27px!important;padding:4px 2px!important;font-size:10px!important}
 html body.body .home-list-meta{margin-bottom:12px!important;padding:7px 11px!important;font-size:12px!important}
 html body.body .home-list-meta strong{font-size:16px!important}
 html body.body .play-action-note{flex-basis:100%!important;text-align:center!important;margin:0 0 3px!important}
 html body.body .play-keywords-share .play-action-btn,
 html body.body .play-episode-actions .play-action-btn{min-width:104px!important;min-height:38px!important}
}