/* Style reminder: homepage/archive controls are desktop-visible but mobile-collapsed; single posts have no filter trigger. Card metadata stays compact, readable, and icon-aligned. */
.vt-filter-header-toggle { display:none !important; }
.single-post .vt-filter-bar { display:none !important; }
.vt-filter-bar { display:block; }
.vt-filter-bar__head { min-height:28px; }
.vt-filter-bar__controls { display:grid; }
.vt-filter-toggle { display:none !important; }
.vt-card__stats { gap:7px; font-size:9px; line-height:1.1; }
.vt-card__stat { gap:3px; }
.vt-card__stat svg { width:11px; height:11px; stroke-width:1.45; }
.vt-card__taxonomy { min-height:13px; max-height:15px; margin:4px 9px 7px; gap:4px; font-size:9px; line-height:1; }
.vt-card__taxonomy > svg { width:10px; height:10px; stroke-width:1.45; }
.vt-card__taxonomy a { max-width:calc(25% - 7px); }
.vt-card__taxonomy a + a:before { padding-right:3px; }

body.home .vt-sidebar,
body.front-page .vt-sidebar,
.vt-layout--home .vt-sidebar {
  display: none !important;
}
body.home .vt-layout,
body.front-page .vt-layout,
.vt-layout--full,
.vt-layout--home {
  display: block;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0;
}
body.home .vt-content,
body.front-page .vt-content,
.vt-layout--home .vt-content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  float: none;
  margin: 0 auto;
}
body.home .vt-container,
body.front-page .vt-container {
  width: min(1240px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}
.vt-home-page .vt-video-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  min-height: 0;
}
.vt-home-page .vt-video-grid .vt-card {
  display: block !important;
  width: 100%;
  min-width: 0;
  max-width: none;
}
.vt-home-page .vt-trending-grid {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  width: 100%;
}
.vt-home-page .vt-section {
  width: 100%;
}
.vt-home-shorts {
  width: 100%;
  max-width: 100%;
  margin: 8px auto 28px;
  overflow: hidden;
}
.vt-home-shorts,
.vt-home-shorts > *,
.vt-home-shorts iframe,
.vt-home-shorts video,
.vt-home-shorts img {
  max-width: 100%;
}
.vt-home-shorts iframe,
.vt-home-shorts video {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width:1050px) {
  .vt-home-page .vt-video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vt-home-page .vt-trending-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width:720px) {
  .vt-filter-header-toggle { display:grid !important; place-items:center; flex:0 0 30px; width:30px; height:32px; padding:0; border:1px solid #39464a; border-radius:3px; background:transparent; color:#57d19b; font-size:19px; line-height:1; }
  .vt-filter-header-toggle:hover,
  .vt-filter-header-toggle:focus-visible,
  .vt-filter-header-toggle[aria-expanded="true"] { border-color:#57d19b; background:#18322d; color:#8af0c8; outline:0; }
  .vt-filter-bar { display:none; margin:7px 0 12px; }
  .vt-filter-bar.is-open { display:block; }
  .single-post .vt-filter-bar.is-open { display:block !important; }
  .vt-filter-bar__head { display:none; }
  .vt-filter-bar__controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:0; }
  .vt-filter-bar:not(.is-open) .vt-filter-bar__controls { display:none; }
  .vt-filter-control--search { grid-column:1/-1; }
  .vt-filter-control { min-height:36px; height:36px; }
  .vt-filter-reset { width:100%; }
  .vt-card__stats { gap:5px; font-size:8px; }
  .vt-card__stat svg { width:10px; height:10px; }
  .vt-card__taxonomy { margin:3px 7px 6px; font-size:8px; }
  .vt-card__taxonomy > svg { width:9px; height:9px; }
  body.home .vt-container,
  body.front-page .vt-container { width: calc(100% - 20px); }
  .vt-home-page .vt-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .vt-home-page .vt-trending-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}