.ranking-categories{padding-bottom:18px}.ranking-category-intro{background:linear-gradient(115deg,#f1f5ed,#fbf7ef);border:1px solid #dce5d9;border-radius:16px;align-items:center;gap:22px;margin-bottom:33px;padding:29px 31px;display:flex}.ranking-intro-icon{color:#53735b;background:#ffffffb3;border:1px solid #d9e5d6;border-radius:50%;flex-shrink:0;place-items:center;width:65px;height:65px;display:grid}.ranking-eyebrow{letter-spacing:.1em;color:var(--discovery-teal);margin:0 0 8px;font-size:9px;font-weight:600;display:block}.ranking-category-intro h2{font-family:var(--font-sans);letter-spacing:-.025em;margin:0 0 9px;font-size:25px;font-weight:500}.ranking-category-intro p:last-child{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.ranking-category-section{margin-bottom:35px}.ranking-category-section>header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px;display:flex}.ranking-category-section>header h2{font-family:var(--font-sans);margin:0;font-size:22px;font-weight:500}.ranking-category-section>header p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.7}.ranking-category-section>header>span{color:var(--muted);flex-shrink:0;padding-bottom:3px;font-size:11px}.ranking-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ranking-category-card{--category-tone:#50745f;border:1px solid var(--border);background:var(--card);min-width:0;color:var(--foreground);border-radius:12px;flex-direction:column;padding:20px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.ranking-category-card:hover{border-color:var(--category-tone);transform:translateY(-2px);box-shadow:0 7px 18px #173b2910}.ranking-category-card:focus-visible,.ranking-category-back:focus-visible{outline:2px solid var(--discovery-teal);outline-offset:4px}.ranking-category-season{--category-tone:#637a97}.ranking-category-occasion{--category-tone:#9e6e72}.ranking-category-character{--category-tone:#a37d49}.ranking-category-performance{--category-tone:#766e9d}.ranking-category-card-top{align-items:center;gap:9px;margin-bottom:21px;display:flex}.ranking-category-icon{width:41px;height:41px;color:var(--category-tone);background:color-mix(in srgb, var(--category-tone) 9%, transparent);border-radius:12px;place-items:center;display:grid}.ranking-category-audience{color:var(--muted);font-size:10px}.ranking-category-arrow{color:var(--category-tone);margin-left:auto}.ranking-category-card h3{letter-spacing:-.02em;margin:0 0 9px;font-size:15px;font-weight:600;line-height:1.55}.ranking-category-card p{color:var(--muted);margin:0 0 19px;font-size:11px;line-height:1.8}.ranking-category-open{color:var(--category-tone);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:11px;font-weight:500;display:flex}.ranking-category-open>span{font-size:17px}.ranking-category-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:22px;font-size:12px;text-decoration:none;display:inline-flex}.ranking-list-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:11px 0;display:flex}.ranking-results-count{color:var(--muted);font-size:12px;line-height:1.7}.ranking-results-count strong{color:var(--foreground);font-size:14px;font-weight:600}.ranking-results-count>span{font-size:11px;display:block}.ranking-filter-toggle{border:1px solid var(--border);background:var(--card);min-height:40px;color:var(--foreground);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:500;display:inline-flex}.ranking-filter-toggle:hover,.ranking-filter-toggle[aria-expanded=true]{border-color:var(--discovery-teal)}.ranking-filter-toggle:focus-visible{outline:2px solid var(--discovery-teal);outline-offset:3px}.ranking-filter-panel{border:1px solid var(--border);background:var(--card);border-radius:11px;margin:0 0 18px;padding:18px}.ranking-filter-panel[hidden]{display:none}.ranking-filter-panel>p{color:var(--muted);margin:15px 0 10px;font-size:11px;line-height:1.7}.ranking-filter-panel .ranking-category-back{margin-bottom:0;font-size:11px}.ranking-list-controls{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:17px;display:grid}.ranking-list-controls>label{color:var(--muted);gap:6px;font-size:10px;display:grid}.ranking-list-controls select{background-color:var(--card);width:100%;min-width:0;max-width:100%;color:var(--foreground)}.ranking-pagination-top .catalog-pagination{border-top:0;margin-top:0;margin-bottom:20px;padding-top:0}.ranking-list-results{transition:opacity .15s}.ranking-list-results.is-loading{opacity:.5;pointer-events:none}.ranking-list-note{color:var(--muted);margin:19px 0 0;font-size:11px;line-height:1.8}[data-theme=dark] .ranking-category-intro{background:linear-gradient(115deg,#26372a,#332e24);border-color:#3c4939}[data-theme=dark] .ranking-intro-icon{color:#abc29d;background:#ffffff09;border-color:#4c5c45}[data-theme=dark] .ranking-category-card{--category-tone:#a3c4ae}[data-theme=dark] .ranking-category-season{--category-tone:#a3bad8}[data-theme=dark] .ranking-category-occasion{--category-tone:#d1a5ab}[data-theme=dark] .ranking-category-character{--category-tone:#c9ab83}[data-theme=dark] .ranking-category-performance{--category-tone:#b4a6d3}@media (max-width:850px){.ranking-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-category-intro{gap:17px;padding:24px}}@media (max-width:600px){.ranking-category-intro{align-items:flex-start;gap:13px;margin-bottom:25px;padding:20px 17px}.ranking-intro-icon{width:40px;height:40px}.ranking-intro-icon svg{width:20px;height:20px}.ranking-category-intro h2{font-size:22px;line-height:1.3}.ranking-eyebrow{font-size:8px}.ranking-category-intro p:last-child{font-size:11px}.ranking-category-section>header h2{font-size:20px}.ranking-category-section>header p{font-size:11px}.ranking-category-section>header>span{display:none}.ranking-category-card{border-radius:10px;padding:16px 13px}.ranking-category-grid{gap:10px}.ranking-category-card-top{flex-wrap:wrap;gap:8px;margin-bottom:13px}.ranking-category-icon{border-radius:10px;width:34px;height:34px}.ranking-category-icon svg{width:20px;height:20px}.ranking-category-audience{font-size:9px}.ranking-category-arrow{display:none}.ranking-category-card h3{font-size:12px}.ranking-category-card p{margin-bottom:13px;font-size:10px;line-height:1.7}.ranking-category-open{font-size:10px}.ranking-list-toolbar{flex-direction:column;align-items:stretch;gap:13px}.ranking-results-count>span{display:inline}.ranking-list-controls{gap:12px}.ranking-list-controls>label{flex:1;min-width:0}.ranking-list-controls select{width:100%;min-width:0;font-size:11px}}@media (max-width:370px){.ranking-category-grid{grid-template-columns:1fr}.ranking-category-card{padding:17px}}@media (prefers-reduced-motion:reduce){.ranking-category-card,.ranking-list-results{transition:none}.ranking-category-card:hover{transform:none}}@media (max-width:600px){.discovery-page-compact .discovery-breadcrumb,.discovery-page-compact .discovery-tools,.ranking-pagination-top{display:none}.discovery-page-compact .discovery-heading{margin-bottom:8px}.discovery-page-compact .discovery-heading h1{letter-spacing:-.035em;font-size:22px;line-height:1.3}.ranking-list-toolbar{flex-direction:row;align-items:center;gap:10px;margin-bottom:14px;padding:8px 0 11px}.ranking-results-count{font-size:10px}.ranking-results-count strong{font-size:12px}.ranking-results-count>span{font-size:9px;display:block}.ranking-filter-toggle{gap:5px;min-height:38px;padding:8px 9px;font-size:10px}.ranking-filter-panel{margin-bottom:14px;padding:14px}.ranking-list-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ranking-list-controls>label:first-child{grid-column:1/-1}}.ranking-categories .ranking-category-section:first-child>header{margin-top:0}.ranking-categories .ranking-category-section>header h2{font-size:20px}@media (max-width:600px){.ranking-categories .ranking-category-section>header h2{font-size:17px}.ranking-categories .ranking-category-section{margin-bottom:22px}}
