/* DFX MEDIA FINAL CLEAN V95 */
:root{
  --v95-bg:#f6f8fd;--v95-card:#fff;--v95-ink:#111d3a;--v95-muted:#7181a3;
  --v95-line:#e1e8f5;--v95-blue:#2479ff;--v95-purple:#8457ff;--v95-pink:#f24096;
  --v95-green:#18bf87;--v95-orange:#ff753f;--v95-shadow:0 14px 38px rgba(30,55,110,.08);
}
html[data-theme="dark"]{
  --v95-bg:#07111f;--v95-card:#0e1c30;--v95-ink:#f7f9ff;--v95-muted:#9daac4;
  --v95-line:#263752;--v95-shadow:0 16px 40px rgba(0,0,0,.25);
}
body.dfxMediaPage{background:
  radial-gradient(circle at 2% 0,rgba(36,121,255,.09),transparent 28rem),
  radial-gradient(circle at 98% 0,rgba(242,64,150,.09),transparent 30rem),
  var(--v95-bg)!important;color:var(--v95-ink)!important}
body.dfxMediaPage>.wrap{width:min(1600px,calc(100% - 34px))!important}

/* Header tabs + compact categories on the same line */
body.dfxMediaPage .dfxMediaTabs{
  display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;
  overflow:visible!important;padding:13px 0 15px!important;margin:0!important;border-bottom:1px solid var(--v95-line)!important;
}
.dfxInlineFilters{margin-left:auto;display:flex;align-items:center;gap:7px;min-width:0;max-width:calc(100% - 390px)}
.dfxCategoryLabel{font-size:12px;font-weight:950;color:var(--v95-muted);white-space:nowrap;margin-right:2px}
.dfxInlineCategory{
  height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--v95-line);background:var(--v95-card);
  color:var(--v95-ink);font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;
  white-space:nowrap;box-shadow:0 5px 14px rgba(34,59,115,.035);transition:.16s ease
}
.dfxInlineCategory:nth-of-type(6n+1){border-color:#b8d2ff;color:#2469d8;background:#f2f7ff}
.dfxInlineCategory:nth-of-type(6n+2){border-color:#d5f0e2;color:#168d60;background:#f1fbf6}
.dfxInlineCategory:nth-of-type(6n+3){border-color:#ffd5e8;color:#ca347e;background:#fff3f9}
.dfxInlineCategory:nth-of-type(6n+4){border-color:#ffe0c8;color:#cf6e17;background:#fff7f0}
.dfxInlineCategory:nth-of-type(6n+5){border-color:#dfd5ff;color:#6844d8;background:#f6f2ff}
.dfxInlineCategory:nth-of-type(6n+6){border-color:#d4ebfa;color:#1977a1;background:#f2faff}
.dfxInlineCategory:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(34,59,115,.08)}
.dfxInlineCategory.active{color:#fff!important;border-color:transparent!important;background:linear-gradient(135deg,var(--v95-blue),var(--v95-purple))!important;box-shadow:0 9px 20px rgba(77,91,255,.18)}
.dfxMoreCategories{position:relative;flex:0 0 auto}
.dfxMoreCategories summary{list-style:none;cursor:pointer}.dfxMoreCategories summary::-webkit-details-marker{display:none}
.dfxMoreSummary{height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--v95-line);background:var(--v95-card);color:var(--v95-ink);font-size:12px;font-weight:900;display:flex;align-items:center;gap:7px;white-space:nowrap}
.dfxMorePanel{
  position:absolute;z-index:100;right:0;top:43px;width:min(570px,86vw);max-height:370px;overflow:auto;
  padding:16px;border-radius:20px;border:1px solid var(--v95-line);background:var(--v95-card);box-shadow:0 24px 60px rgba(28,43,91,.18)
}
.dfxMoreGroup+.dfxMoreGroup{margin-top:14px;padding-top:14px;border-top:1px dashed var(--v95-line)}
.dfxMoreTitle{font-size:12px;font-weight:950;color:var(--v95-muted);margin-bottom:9px}
.dfxMoreGrid{display:flex;flex-wrap:wrap;gap:8px}
.dfxMoreGrid .dfxInlineCategory{height:32px;font-size:11px;padding:0 11px}

/* Remove the two large extra boxes, but keep clean headings */
body.dfxMediaPage .hero{
  margin:20px 0 14px!important;padding:0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;border-radius:0!important;display:block!important
}
body.dfxMediaPage .hero h1{margin:0 0 5px!important;font-size:25px!important;color:var(--v95-ink)!important}
body.dfxMediaPage .hero p{margin:0!important;color:var(--v95-muted)!important;font-size:13px!important;font-weight:750!important}
body.dfxMediaPage .hero>.pill{display:none!important}
body.dfxImagesPage>.wrap>.filterTitle,
body.dfxImagesPage>.wrap>.chips{display:none!important}

/* Content starts immediately beneath the heading */
body.dfxMediaPage .grid{margin-top:18px!important;gap:18px!important;align-items:stretch!important}
body.dfxImagesPage .grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.dfxVideosPage .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.dfxMediaPage .card{
  background:var(--v95-card)!important;border:1px solid var(--v95-line)!important;border-radius:21px!important;
  box-shadow:var(--v95-shadow)!important;overflow:hidden!important;min-width:0!important;height:100%!important
}
body.dfxMediaPage .card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 46px rgba(31,56,115,.13)!important}
body.dfxImagesPage .thumb{aspect-ratio:4/3!important;background:#edf2fb!important}
body.dfxVideosPage .videoFrame{aspect-ratio:16/9!important;background:linear-gradient(135deg,#111b32,#633391)!important}
body.dfxMediaPage .body{padding:14px 15px 15px!important}
body.dfxMediaPage .title{font-size:16px!important;color:#075bd9!important;line-height:1.35!important}
body.dfxMediaPage .desc{font-size:12px!important;line-height:1.55!important;color:var(--v95-muted)!important}
body.dfxMediaPage .meta{font-size:11px!important;gap:7px!important;justify-content:flex-start!important;flex-wrap:wrap!important}

/* Sponsored video is a normal content card, never a giant first banner */
body.dfxVideosPage .grid .sponsored{
  margin:0!important;padding:1px!important;border-radius:21px!important;height:100%!important;min-width:0!important;box-shadow:var(--v95-shadow)!important
}
body.dfxVideosPage .grid .sponsoredInner{aspect-ratio:16/9!important;min-height:245px!important;border-radius:20px!important}
body.dfxVideosPage .grid .sponsoredInfo{left:16px!important;right:16px!important;bottom:16px!important;max-width:none!important}
body.dfxVideosPage .grid .sponsoredInfo h2{font-size:19px!important;margin:7px 0!important}
body.dfxVideosPage .grid .sponsoredInfo p{font-size:12px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.dfxVideosPage .grid .visitAd{right:12px!important;bottom:12px!important;min-height:37px!important;font-size:12px!important;padding:0 11px!important}
body.dfxVideosPage .grid .adTools{right:10px!important;top:10px!important}.grid .adTimer,.grid .skipAd{min-height:35px!important;font-size:11px!important;padding:0 10px!important}

@media(max-width:1320px){
  .dfxInlineFilters{max-width:calc(100% - 300px)}
  .dfxInlineFilters>a:nth-of-type(n+6){display:none}
  body.dfxImagesPage .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1040px){
  .dfxInlineFilters{margin-left:0;max-width:100%;width:100%;overflow-x:auto;padding-top:2px;scrollbar-width:none}
  .dfxInlineFilters::-webkit-scrollbar{display:none}
  body.dfxImagesPage .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.dfxVideosPage .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body.dfxMediaPage>.wrap{width:min(100% - 20px,1600px)!important}
  .dfxCategoryLabel{display:none}.dfxInlineCategory{height:32px;padding:0 11px;font-size:11px}.dfxMoreSummary{height:32px;font-size:11px}
  body.dfxImagesPage .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.dfxVideosPage .grid{grid-template-columns:1fr!important}
}
@media(max-width:460px){body.dfxImagesPage .grid{grid-template-columns:1fr!important}}