/* Discology NEXT V3.3 — isolated explore component. */
.dx-explore{padding:55px var(--dx-edge) 100px;scroll-margin-top:12px;background:linear-gradient(180deg,#08121b 0%,#070d14 55%)}
.dx-explore__heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.dx-explore__heading .dx-eyebrow{margin-bottom:17px}
.dx-explore h2{margin:0;font-size:clamp(34px,3.65vw,61px);letter-spacing:-.06em;line-height:1.12;font-weight:950}
.dx-explore h2 em{font-style:normal;color:var(--dx-lime)}
.dx-explore__heading p:last-child{color:#a5bdc9;margin:12px 0 0;font-size:13px}
.dx-explore__signal{display:flex;align-items:center;gap:18px;color:#a6c4d0;font-size:10px;letter-spacing:.16em;white-space:nowrap;margin-bottom:14px}
.dx-explore__signal-bars{height:28px;display:flex;align-items:center;gap:3px}
.dx-explore__signal-bars i{width:2px;height:10px;background:var(--dx-cyan);box-shadow:0 0 7px #57ead37c}
.dx-explore__signal-bars i:nth-child(2n){height:20px}
.dx-explore__signal-bars i:nth-child(3n){height:27px}
.dx-tools{border-top:1px solid #28414e;padding:17px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.dx-tools__title{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:.16em;color:#d7e4ec}
.dx-tools__square{width:7px;height:7px;background:var(--dx-lime)}
.dx-tools__rule{width:37px;height:1px;background:#39525e}
.dx-tools__title strong{font-size:9px;color:var(--dx-lime)}
.dx-tools__right{display:flex;gap:10px;align-items:center}
.dx-search{width:clamp(160px,21vw,300px);min-width:0;height:42px;display:flex;align-items:center;gap:10px;border:1px solid #34515e;background:#0b1620;border-radius:6px;padding:0 12px}
.dx-search svg{width:16px;height:16px;color:#bad6df;flex:none}
.dx-search input{min-width:0;width:100%;background:transparent;border:0;outline:none!important;color:#fff;font-size:12px}
.dx-search input::placeholder{color:#7d97a5}
.dx-search:focus-within{border-color:var(--dx-cyan);box-shadow:0 0 0 1px #4bffeb4f}
.dx-search kbd{font:11px/1 monospace;color:#748995;border:1px solid #324959;border-radius:3px;padding:3px 5px}
.dx-tool-button{border:1px solid #34515e;background:#0b1620;color:#d9eaf0;padding:0 14px;height:42px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap;transition:background .2s,border-color .2s}
.dx-tool-button:hover{background:#183440;border-color:#6accd5}
.dx-tool-button span{font-size:16px;margin-right:4px;color:var(--dx-lime)}
.dx-sort span{font-size:12px;margin-left:5px}
.dx-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}
.dx-grid__item{min-width:0}
.dx-grid__item[hidden]{display:none!important}
.dx-notice,.dx-no-results{border:1px solid #34525d;padding:28px;color:#b3cbd4;text-align:center;border-radius:8px}
.dx-no-results[hidden]{display:none}
@media(max-width:1300px){.dx-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){.dx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.dx-explore{padding-top:43px}}
@media(max-width:760px){.dx-explore__signal{display:none}}
@media(max-width:760px){.dx-tools{align-items:stretch;flex-direction:column}}
@media(max-width:760px){.dx-tools__right{width:100%}}
@media(max-width:760px){.dx-search{flex:1;width:auto}}
@media(max-width:760px){.dx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.dx-explore h2{font-size:35px}}
@media(max-width:520px){.dx-tools__title{font-size:8px;gap:9px}}
@media(max-width:520px){.dx-tools__rule{width:18px}}
@media(max-width:520px){.dx-search{min-width:120px}}
@media(max-width:520px){.dx-tool-button{font-size:0;padding:0 10px}}
@media(max-width:520px){.dx-tool-button span{font-size:19px;margin:0}}
@media(max-width:520px){.dx-sort{font-size:10px}}
@media(max-width:520px){.dx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
.dx-page--full .dx-explore{padding-inline:var(--dx-edge)}
.dx-page--full .dx-grid{
  grid-template-columns:repeat(auto-fill,minmax(min(100%,225px),min(100%,270px)));
  gap:clamp(13px,1vw,24px);
}
.dx-page--full .dx-explore{padding-top:clamp(60px,4vw,108px)}
.dx-page--full .dx-explore__heading{margin-bottom:clamp(28px,2.5vw,55px)}
.dx-page--full .dx-tools{padding-block:20px 25px}
.dx-page--full .dx-search{width:clamp(220px,18vw,420px)}
@media (min-width:1450px){.dx-page--full .dx-explore h2{font-size:clamp(48px,3.4vw,82px)}}
@media (min-width:2500px){.dx-page--full .dx-explore{padding-bottom:140px}}
@media (min-width:2500px){.dx-page--full .dx-tools__title{font-size:11px}}
@media (max-width:1050px){.dx-page--full .dx-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,185px),min(100%,235px)));gap:14px}}
@media (max-width:1050px){.dx-page--full .dx-search{width:auto}}
@media (max-width:760px){.dx-page--full .dx-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,155px),min(100%,220px)))}}
@media (max-width:760px){.dx-page--full .dx-explore{padding-top:44px}}
@media (max-width:760px){.dx-page--full .dx-search{width:auto;flex:1}}
@media (max-width:520px){.dx-page--full .dx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
.dx-page--full .dx-grid{justify-content:start;align-content:start}
.dx-page--full .dx-grid__item[hidden]{display:none!important}
html[data-dx-theme="light"] .dx-page--full .dx-explore{background:linear-gradient(180deg,#f4fafd,#e9f3f7 65%,#f4f9fc)}
html[data-dx-theme="light"] .dx-explore h2{color:#142e40}
html[data-dx-theme="light"] .dx-explore h2 em{color:#448319}
html[data-dx-theme="light"] .dx-explore__heading p:last-child{color:#4b7181}
html[data-dx-theme="light"] .dx-explore__signal{color:#48717f}
html[data-dx-theme="light"] .dx-tools{border-top-color:#b7ccd6}
html[data-dx-theme="light"] .dx-tools__title{color:#36586c}
html[data-dx-theme="light"] .dx-tools__title strong{color:#3e8318}
html[data-dx-theme="light"] .dx-tools__square{background:#438b1e}
html[data-dx-theme="light"] .dx-tools__rule{background:#b3c9d1}
html[data-dx-theme="light"] .dx-search,html[data-dx-theme="light"] .dx-tool-button{background:#fff;color:#23495c;border-color:#abc6d3}
html[data-dx-theme="light"] .dx-search svg,html[data-dx-theme="light"] .dx-search kbd{color:#567b8d}
html[data-dx-theme="light"] .dx-search input{color:#173b50}
html[data-dx-theme="light"] .dx-search input::placeholder{color:#658394}
html[data-dx-theme="light"] .dx-tool-button:hover{background:#e0f0f5;border-color:#1e92a1}
html[data-dx-theme="light"] .dx-tool-button span{color:#2c841e}
html[data-dx-theme="light"] .dx-notice,html[data-dx-theme="light"] .dx-no-results{color:#365c6e;border-color:#afcbd7}
.dx-page--full .dx-grid{
  grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));
  gap:clamp(12px,.85vw,19px);
  justify-content:stretch;
}
@media(max-width:1050px){.dx-page--full .dx-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:13px}}
@media(max-width:760px){.dx-page--full .dx-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,135px),1fr));gap:12px}}
@media(max-width:520px){.dx-page--full .dx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
.dx-page--full .dx-explore{position:relative;z-index:4}

/* V3.3: one editable card-width setting. auto-fill preserves empty tracks while filtering.
   Width is the TARGET minimum; remaining row pixels distribute evenly to avoid a right gap.
   Example: 175px = smaller cards / more columns; 205px = larger cards / fewer columns. */
.dx-page--full{--dx-card-width:205px}
.dx-page--full .dx-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--dx-card-width)),1fr));}
@media(max-width:760px){.dx-page--full{--dx-card-width:150px}}
@media(max-width:520px){.dx-page--full .dx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}