.legend-explorer{--muted:#496385}
.legend-explorer{padding:28px;overflow:hidden}.legend-explorer .personal-section-heading h2{font-size:clamp(25px,3.5vw,38px)}.explorer-count{display:grid;justify-items:end;font:700 42px/1 var(--display);color:var(--blue);font-variant-numeric:tabular-nums}.explorer-count>span{font-family:inherit;font-size:10px;font-weight:500;line-height:1.5;color:var(--muted);margin-top:6px;white-space:nowrap}
.explorer-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;margin-top:24px}.explorer-controls label{display:grid;gap:8px;font-size:11px;color:var(--muted);min-width:0}.explorer-controls input,.explorer-controls select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);font-size:13px}.explorer-controls input:focus-visible,.explorer-controls select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.explorer-context{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 20px}.explorer-context>p{font-size:11px;line-height:1.6;max-width:480px}.explorer-context>div{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.explorer-text-button{border:0;background:transparent;color:var(--blue);font-size:11px;min-height:36px;padding:6px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.explorer-text-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.explorer-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:20px}.explorer-chart-column{position:relative;min-width:0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#fff,#f5f9ff);padding:16px 12px 0}.explorer-axis-heading{display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:1.2px}.explorer-axis-heading>span:last-child{font-size:21px;color:var(--blue)}.legend-map{height:340px;width:100%}.explorer-status{min-height:18px;padding:0 12px;font-size:10px;line-height:1.5;color:var(--muted)}.explorer-chart-empty{position:absolute;inset:75px 20px 35px;display:grid;align-content:center;justify-items:center;text-align:center;gap:12px}.explorer-chart-empty>span{font:400 38px var(--display);color:var(--blue)}.explorer-chart-empty h3{font-size:18px;line-height:1.3;max-width:330px}.explorer-chart-empty p{font-size:12px;line-height:1.7;max-width:340px}
.explorer-summary{min-height:400px;position:relative;min-width:0;overflow:hidden;border:1px solid #d6e5fc;border-radius:18px;background:radial-gradient(ellipse at 100% 0%,#b6d8ff 0,transparent 65%),linear-gradient(160deg,#f7fbff,#e8f3ff)}.explorer-pick-prompt{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:30px;height:100%;min-height:360px}.explorer-pick-prompt>span:first-child{font-size:45px;color:var(--blue)}.explorer-pick-prompt h3{font:700 31px/1.05 var(--display);max-width:240px;letter-spacing:-1px}.explorer-pick-prompt p{font-size:13px;line-height:1.7;max-width:230px}.explorer-prompt-line{height:3px;width:50px;background:var(--blue);border-radius:2px}
.explorer-selected{position:relative;min-height:400px;display:flex;align-items:flex-end;height:100%}.explorer-portrait{position:absolute;inset:0;overflow:hidden}.explorer-portrait img{position:absolute;right:-12%;top:-12%;height:108%;width:110%;object-fit:contain;object-position:top right;transform:rotate(-5deg);filter:drop-shadow(0 10px 20px #174b9520);mask-image:linear-gradient(#000 35%,transparent 93%)}.explorer-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#f2f8ff 0%,#f2f8fff0 29%,#f2f8ff05 75%)}.explorer-monogram{position:absolute;right:10px;top:15px;font:800 160px var(--display);opacity:.12}.explorer-selected-copy{position:relative;padding:150px 22px 20px;width:100%;z-index:1}.explorer-selected-copy>.eyebrow{font-size:9px;line-height:1.5}.explorer-selected-copy h3{font:700 clamp(30px,3.2vw,46px)/1.05 var(--display);letter-spacing:-1px;margin:6px 0;overflow-wrap:anywhere}.explorer-selected-copy>p{font-size:11px}.explorer-numbers{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin:22px 0 12px}.explorer-numbers>div{display:grid;gap:5px;min-width:0}.explorer-numbers strong{font:700 clamp(19px,2.2vw,28px)/1 var(--display);font-variant-numeric:tabular-nums;color:var(--blue);overflow-wrap:anywhere}.explorer-numbers span{font-size:10px;color:var(--muted)}.explorer-sample{font-size:10px!important;color:var(--muted);line-height:1.5}.explorer-selection-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}.explorer-selection-links a{font-size:11px;color:var(--blue);font-weight:600;min-height:30px;display:flex;align-items:center}
.legend-overlap{padding:16px;margin:0 0 12px;border-top:1px solid var(--line)}.legend-overlap[hidden]{display:none}.overlap-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.overlap-heading h3{font-size:13px}.legend-overlap>p{font-size:11px;margin-bottom:10px}.legend-overlap>div:last-child{display:grid;gap:6px;max-height:240px;overflow:auto;padding:3px}.legend-overlap [data-overlap-legend]{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:white;padding:10px;color:var(--ink);text-align:left}.legend-overlap button strong{font-size:12px}.legend-overlap button span{font-size:10px;color:var(--muted)}
.explorer-announcement{font-size:11px;line-height:1.6;color:var(--blue);min-height:18px;margin-top:10px}.explorer-list-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 14px}.explorer-list-heading h3{font-size:15px}.explorer-list-heading>span{font-size:11px;color:var(--muted)}.explorer-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.explorer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color 150ms ease,background-color 150ms ease}.explorer-row.is-selected{border-color:var(--blue);background:#edf4ff}.explorer-row-select{display:grid;grid-template-columns:44px minmax(100px,1fr) minmax(190px,1fr) 20px;gap:12px;align-items:center;min-width:0;min-height:76px;padding:12px;border:0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.explorer-row-select .personal-portrait{width:44px;height:50px;background:transparent;overflow:hidden}.explorer-row-select .personal-portrait img{width:100%;height:100%;object-fit:contain}.explorer-row-name{display:grid;gap:5px;min-width:0}.explorer-row-name strong{font-size:13px;overflow-wrap:anywhere}.explorer-row-name small{font-size:10px;color:var(--muted)}.explorer-row-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.explorer-row-numbers>span{display:grid;gap:4px}.explorer-row-numbers strong{font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.explorer-row-numbers small{font-size:9px;color:var(--muted)}.explorer-row-check{color:var(--blue);font-size:17px}.explorer-row-actions{display:flex;gap:15px;align-items:center;padding:10px 14px;font-size:11px;color:var(--blue)}.explorer-row-actions>a{min-height:36px;display:flex;align-items:center}.explorer-row button:focus-visible,.explorer-row a:focus-visible,.legend-overlap button:focus-visible,.explorer-selection-links a:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;border-radius:8px}.explorer-row-select:active{background:#dbeaff}.explorer-unavailable{margin-top:25px}.explorer-unavailable h3{font-size:15px}.explorer-unavailable>p{font-size:11px;margin:8px 0 14px}.explorer-unavailable .explorer-row-select{cursor:default}
@media(hover:hover) and (pointer:fine){.explorer-row:hover{border-color:#96b6ef;background:#f4f8ff}.explorer-row.is-selected:hover{border-color:var(--blue);background:#e7f0ff}.explorer-selection-links a:hover{text-decoration:underline}.legend-overlap [data-overlap-legend]:hover{background:#edf4ff}}
[data-design=brutal] .explorer-chart-column,[data-design=brutal] .explorer-summary,[data-design=brutal] .explorer-row{border-radius:0}[data-design=toy] .explorer-summary{border-radius:28px}
@media(max-width:1050px){.explorer-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.explorer-row-actions{gap:8px;padding:8px}.explorer-row-select{grid-template-columns:38px minmax(90px,1fr) minmax(170px,1fr) 14px;gap:9px}.explorer-context{align-items:flex-start;flex-direction:column;gap:0}}
@media(max-width:760px){.legend-explorer{padding:20px}.explorer-layout{grid-template-columns:1fr}.explorer-controls{grid-template-columns:1fr 1fr}.explorer-summary{min-height:300px}.explorer-selected{min-height:340px}.explorer-selected-copy{padding:140px 22px 20px}.explorer-portrait img{right:0;top:-15%;width:90%;height:130%;object-position:top right}.explorer-pick-prompt{min-height:230px;padding:25px;gap:12px}.explorer-pick-prompt h3{max-width:100%}.explorer-pick-prompt>span:first-child{font-size:30px}.explorer-row{grid-template-columns:1fr}.explorer-row-actions{padding:0 12px 10px;justify-content:flex-end}.explorer-row-select{grid-template-columns:44px 1fr 18px;padding:12px;gap:10px}.explorer-row-numbers{grid-column:2;grid-row:2;min-width:0}.explorer-row-select>.personal-portrait{grid-row:1 / 3;height:72px}.explorer-row-check{grid-column:3;grid-row:1 / 3}.explorer-list-heading{align-items:flex-start;flex-direction:column;gap:5px}.explorer-count{justify-items:start;font-size:30px}.legend-map{height:300px}.legend-overlap [data-overlap-legend]{align-items:flex-start;flex-direction:column;gap:5px}.explorer-chart-column{padding:12px 0 0}}
@media(max-width:380px){.legend-explorer{padding:14px}.explorer-controls{gap:10px}.explorer-controls input,.explorer-controls select{padding:10px 7px;font-size:12px}.explorer-numbers strong{font-size:24px}.explorer-summary{min-height:280px}.explorer-selected-copy{padding:130px 16px 18px}.explorer-selected-copy h3{font-size:34px}.explorer-row-select{padding:10px;gap:8px;grid-template-columns:34px minmax(0,1fr) 12px}.explorer-row-select .personal-portrait{width:34px}.explorer-row-name small{font-size:9px}.explorer-row-numbers{gap:6px}.explorer-row-numbers strong{font-size:12px}}
.motion-off .explorer-row{transition:none}@media(prefers-reduced-motion:reduce){.explorer-row{transition:none}}

.explorer-row-actions [hidden]{display:none}.explorer-row-actions [data-view-selection]{font-size:10px;text-decoration:none}.explorer-summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}