/* Server discovery: full-width results and a compact, accessible filter tray. */
.browse-hero.compact{padding:68px 0 36px;background:radial-gradient(ellipse at 8% 15%,rgba(255,104,28,.055),transparent 58%)}
.browse-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.browse-hero h1{font-size:clamp(34px,4.3vw,54px);margin:15px 0 14px;line-height:1.08}
.browse-hero p{max-width:690px;line-height:1.7}
.browse-trust{display:inline-flex;align-items:center;gap:9px;flex:none;color:#b7bdc5;font-size:11px;font-weight:700;margin-bottom:3px;white-space:nowrap}
.browse-trust svg{width:21px;height:21px;stroke:#74caa0;stroke-width:1.5}
.browse-discovery{padding:0 0 88px}
.browse-tools{background:linear-gradient(135deg,#16191e,#111318);border:1px solid #31353d;border-radius:17px;box-shadow:0 16px 45px rgba(0,0,0,.16);overflow:hidden}
.browse-search-row{display:flex;align-items:center;gap:12px;padding:16px}
.browse-search{display:flex;align-items:center;flex:1;gap:12px;min-width:0;margin:0}
.browse-search>svg{width:23px;height:23px;flex:none;margin-left:5px;stroke:var(--orange);stroke-width:1.7;stroke-linecap:round}
.browse-search input{width:100%;min-width:0;height:48px;border:0;border-radius:8px;margin:0;padding:0 8px;background:transparent;color:var(--text);font-size:15px;outline:none;box-shadow:none}
.browse-search input:focus{box-shadow:inset 0 -2px var(--orange);border:0}
.browse-search input::placeholder{color:#89909c;opacity:1}
.browse-search input::-webkit-search-cancel-button{display:none}
.browse-clear-search{display:grid;place-items:center;flex:none;border:1px solid #323740;background:#20242b;color:#bfc5ce;width:30px;height:30px;padding:0;border-radius:8px;font-size:21px;line-height:1}
.browse-clear-search[hidden]{display:none}
.browse-clear-search:hover{color:#fff;border-color:#656c79}
.browse-search-button{min-height:48px;white-space:nowrap;padding:0 21px;box-shadow:0 5px 18px rgba(255,104,28,.13)}
.browse-search-button span{margin-left:8px;font-size:18px}
.browse-refinements{border-top:1px solid #2a2e35}
.browse-refinements summary{display:none;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;list-style:none;color:#d5d8df;font-size:13px;font-weight:700}
.browse-refinements summary::-webkit-details-marker{display:none}
.browse-filter-label{display:inline-flex;gap:9px;align-items:center}
.browse-filter-label>svg{width:19px;height:19px;stroke:#9fa7b5;stroke-width:1.5}
.browse-filter-label>svg circle{fill:#171a20}
.browse-filter-label b{display:grid;place-items:center;min-width:21px;height:21px;font-size:10px;border-radius:6px;background:var(--orange-soft);color:var(--orange)}
.browse-chevron{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
.browse-refinements[open] .browse-chevron{transform:rotate(180deg)}
.browse-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;padding:16px 18px 18px;align-items:end;background:rgba(7,9,12,.2)}
.browse-field{min-width:0;display:block;margin:0}
.browse-field>span{display:block;color:#9ba3b1;letter-spacing:.055em;font-size:10px;font-weight:800;text-transform:uppercase;margin-bottom:7px}
.browse-field select{display:block;width:100%;height:43px;padding:0 11px;border:1px solid #303640;border-radius:9px;background:#191d24;color:#e1e4e9;font-size:12px;font-weight:600;text-overflow:ellipsis;cursor:pointer;margin:0}
.browse-field select:focus{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px rgba(255,104,28,.11)}
.browse-apply{height:43px;min-height:43px;padding:0 14px;font-size:12px;border-color:#393f49;background:#232831;white-space:nowrap}
.browse-apply>span{color:var(--orange);font-size:16px}
.browse-active{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:17px}
.browse-chip{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:6px 10px;border:1px solid rgba(255,104,28,.25);border-radius:8px;background:rgba(255,104,28,.055);color:#f1c4ad;font-size:11px;font-weight:600;transition:background .18s,border-color .18s}
.browse-chip>span{overflow-wrap:anywhere}
.browse-chip b{color:var(--orange);font-size:17px;line-height:1;font-weight:500}
.browse-chip:hover{background:rgba(255,104,28,.13);border-color:rgba(255,104,28,.5)}
.browse-reset{font-size:11px;font-weight:700;color:#a5acb9;padding:6px 5px;text-decoration:underline;text-underline-offset:3px}
.browse-reset:hover{color:#fff}
.browse-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 21px;min-height:38px}
.browse-result-count{display:flex;align-items:center;gap:9px;min-width:0}
.browse-result-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--orange)}
.browse-result-count h2{font-family:var(--font);font-size:13px;letter-spacing:0;font-weight:700;line-height:1.5;margin:0;color:#c6ccd5}
.browse-sort{display:flex;align-items:center;gap:9px;flex:none}
.browse-sort>label{font-size:11px;color:#929ba9;white-space:nowrap}
.browse-sort>select{width:auto;max-width:175px;min-width:110px;height:38px;margin:0;border:1px solid #2e333c;border-radius:9px;padding:0 10px;background:#14171c;font-size:12px;color:#d7dce4;cursor:pointer}
.server-grid.browse-server-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.browse-server-grid .card-body{padding:0 21px 21px}
.browse-server-grid .card-body>p{font-size:13px;line-height:1.7}
.browse-server-grid .card-heading h3{font-size:20px}
.browse-server-grid .card-banner{aspect-ratio:16/8.2}
.browse-empty{margin-top:6px;padding:64px 22px;background:linear-gradient(130deg,#14171c,#101217);border:1px dashed #353b45;border-radius:16px}
.browse-empty h3{margin-bottom:10px}
.browse-empty p{color:var(--muted);font-size:13px;margin:0 auto 23px;max-width:420px}
.browse-pagination{flex-wrap:wrap;gap:7px;margin-top:32px}
.browse-pagination a{width:39px;height:39px;min-width:39px;display:grid;place-items:center}
.browse-page-gap{color:#929ba9;display:grid;place-items:center;width:20px}
.browse-tools:focus-within{border-color:#454a55}
.browse-tools[aria-busy="true"]{opacity:.72;cursor:progress}
.browse-discovery :is(button,a,summary,select):focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:1050px){.browse-hero-inner{align-items:flex-start;flex-direction:column;gap:18px}.browse-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.browse-apply{grid-column:1/-1;justify-self:end;min-width:160px}.server-grid.browse-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.browse-hero.compact{padding:42px 0 26px}.browse-hero h1{font-size:36px;max-width:510px}.browse-hero p{font-size:13px}.browse-trust{font-size:10px}.browse-discovery{padding-bottom:60px}.browse-tools{border-radius:13px}.browse-search-row{padding:11px;gap:6px}.browse-search{gap:5px}.browse-search input{font-size:13px;height:44px;padding-inline:5px}.browse-search>svg{width:19px;height:19px;margin-left:3px}.browse-search-button{min-height:44px;padding-inline:13px;font-size:12px}.browse-search-button span{display:none}.browse-refinements summary{display:flex}.browse-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 16px 16px;gap:15px 12px}.browse-apply{justify-self:stretch;grid-column:1/-1}.browse-results-toolbar{margin-top:24px;gap:12px}.browse-sort{gap:6px}.browse-sort>label{font-size:10px}.browse-sort>select{font-size:11px;max-width:140px;min-width:95px}.browse-result-count h2{font-size:12px}.browse-result-count{gap:7px}.browse-active{gap:7px}.server-grid.browse-server-grid{gap:16px}}
@media(max-width:600px){.server-grid.browse-server-grid{grid-template-columns:minmax(0,1fr)}.browse-server-grid .card-banner{aspect-ratio:16/8}.browse-results-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.browse-sort{width:100%;justify-content:space-between;padding-top:11px;border-top:1px solid #242932}.browse-sort>label{font-size:11px}.browse-sort>select{max-width:200px;min-width:138px}.browse-result-count h2{font-size:13px}.browse-empty{padding:45px 18px}.browse-empty h3{font-size:21px}}
@media(max-width:390px){.browse-search-row{flex-wrap:wrap}.browse-search{flex-basis:100%}.browse-search-button{width:100%}.browse-filter-grid{grid-template-columns:minmax(0,1fr)}.browse-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.browse-chip,.browse-chevron{transition:none}}