body:has(.explorer) main{padding-top:16px}.explorer{max-width:1500px;margin:auto}body:has(.explorer) .heading{margin-bottom:18px}body:has(.explorer) .heading h1{font-size:27px;margin:4px 0 8px}.explorer button,.explorer select{font:inherit;color:var(--ink);border:1px solid #acbdb5;background:var(--paper);border-radius:5px;padding:6px 10px;cursor:pointer}.explorer button:disabled{opacity:.4;cursor:default}.explorer [hidden]{display:none!important}.explorer :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.control-panel{position:sticky;top:0;z-index:5;background:var(--canvas);padding:8px 0;border-bottom:1px solid var(--line)}.toolbar{display:flex;align-items:center;gap:18px}.toolbar select{margin-left:8px;font-weight:700}.coverage{font-size:12px;color:var(--muted)}#clear-all{margin-left:auto}.summary{margin-top:10px;padding:12px 18px;border-radius:8px;background:var(--deep-green);color:#fff;display:flex;align-items:center;gap:20px}.summary>div:first-child{flex-shrink:0}.summary>div:first-child>span:first-child{display:block;font-size:11px;color:#d8e6de}.summary strong{font-size:29px;font-variant-numeric:tabular-nums;margin-right:8px}#selected-fraction{font-size:12px;color:#d8e6de}#selection-chips{display:flex;flex-wrap:wrap;gap:5px;font-size:12px;max-height:100px;overflow:auto}.explorer .chip{border-color:#76998c;background:#28564b;color:#fff;font-size:11px;text-align:left}#explorer-status{font-size:11px;color:var(--muted);margin:5px 0 0}.guide{font-size:12px;color:var(--muted);margin:12px 0}#attribute-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.attribute-card{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:13px;min-width:0}.attribute-head{display:flex;gap:8px;align-items:center}.attribute-head h2{font-size:16px;margin:0}.explorer .clear-one{font-size:11px;padding:3px 7px;margin-left:auto}.facet-base{font-size:11px;color:var(--muted);margin:4px 0 8px}.band{display:flex;width:100%;height:32px;border-radius:4px;overflow:hidden;background:#e8ede7}.explorer .segment{padding:0;border:0;border-right:1px solid var(--paper);border-radius:0;min-width:0;color:#fff;font-size:11px;overflow:hidden;white-space:nowrap;flex-shrink:0;transition:width .15s,opacity .15s}.explorer .segment.chosen{box-shadow:inset 0 0 0 2px #17302e,inset 0 0 0 4px #fff}.segment.dim{opacity:.25}.band-caption{font-size:11px;color:var(--muted);margin:7px 0 0;min-height:20px}.option-list{display:grid;gap:3px;margin-top:7px;max-height:300px;overflow:auto}.explorer .option{display:flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;padding:5px;text-align:left;font-size:12px;line-height:1.45;width:100%;min-width:0}.explorer .option.chosen{border-color:var(--teal);background:var(--soft-green);font-weight:700}.swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0}.option-label{overflow-wrap:anywhere}.option-value{white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.option-details>summary{font-size:12px;color:var(--teal);cursor:pointer;margin-top:7px}.parent-options{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.explorer .parent-button{display:flex;gap:5px;align-items:center;font-size:11px;padding:4px 6px}.parent-button.chosen{background:var(--deep-green);color:#fff}.child-panel{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.child-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.child-heading h3{font-size:13px;margin:0}.explorer .child-clear{padding:3px 6px;font-size:10px}.child-note{font-size:11px;color:var(--muted);margin:4px 0 7px}.search-options{width:100%;font:inherit;font-size:12px;padding:7px;margin-top:8px;border:1px solid var(--line);border-radius:4px;background:#fff}.empty-note{font-size:12px;color:#855b38;margin:4px 0}.method{margin-top:25px;font-size:13px;color:var(--muted)}.method summary{cursor:pointer}.explorer .loading{opacity:.45;pointer-events:none}@media (max-width:1050px){#attribute-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){#attribute-charts{grid-template-columns:1fr}.summary{display:block;padding:10px 12px}#selection-chips{margin-top:7px;max-height:75px}.coverage{display:none}.guide{font-size:11px}body:has(.explorer) .heading h1{font-size:23px}.option-list{max-height:260px}.toolbar{gap:6px}.summary strong{font-size:25px}.control-panel{padding-top:5px}}@media (prefers-reduced-motion:reduce){.explorer .segment{transition:none}}
