.directory-intro{padding:2.8rem 0 1.6rem}.directory-intro h1{font-size:clamp(2rem,4vw,3rem);max-width:830px;margin-bottom:.85rem}.directory-intro .eyebrow{margin-bottom:.75rem}.shortcuts{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem}.shortcuts>span{font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--muted);letter-spacing:.08em;margin-right:.3rem}button,input,select{font:inherit}button,select{border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink)}button{cursor:pointer;font-weight:600;padding:.5rem .75rem;line-height:1.35}button:hover{background:var(--soft);border-color:#89929e}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.map-viewport:focus-visible{outline:3px solid var(--red);outline-offset:3px}.shortcuts button{font-size:.8rem;padding:.5rem .65rem}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);grid-template-areas:'search map' 'detail map' 'results map';gap:1rem;align-items:start;grid-template-rows:auto auto 1fr}.card{border:1px solid var(--line);border-radius:5px;background:#fff;min-width:0}.search-card{grid-area:search;padding:1.25rem;border-top:4px solid var(--red);background:var(--soft)}.search-card h2,.results-card h2,.detail-card h2{font-size:1.25rem}.search-card label{display:block;font-size:.8rem;font-weight:700;margin-bottom:.35rem}.search-card select{width:100%;padding:.6rem;margin-bottom:.3rem}.search-input{display:flex;margin-bottom:1rem}.search-input input{min-width:0;width:100%;border:1px solid #bdc4cd;border-radius:4px 0 0 4px;padding:.6rem .65rem;font-size:.9rem;background:#fff;color:var(--ink)}.search-input button{border-radius:0 4px 4px 0;border-color:#bdc4cd;font-size:1.3rem;padding:.2rem .65rem}.small{font-size:.8rem;color:var(--muted);line-height:1.55}.search-card .small{margin:.5rem 0 0}.detail-card{grid-area:detail;padding:1.25rem}.detail-card .eyebrow{font-size:.65rem;margin:0 0 .5rem}.detail-card h2{margin-bottom:.4rem}.detail-card p:not(.eyebrow){margin:.35rem 0 .75rem;overflow-wrap:anywhere}#selection-type{font-size:.9rem}#copy-link{font-size:.8rem;color:var(--red)}#copy-status:empty{display:none}.results-card{grid-area:results;padding:1.15rem}.results-header{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}.results-header h2{margin:0}.results-header span{font-size:.8rem;color:var(--muted)}#result-status{margin:.5rem 0 .8rem}.results{list-style:none;margin:0;padding:0;max-height:285px;overflow:auto;scrollbar-gutter:stable}.results li{padding:0;border-top:1px solid var(--line)}.results button{display:flex;align-items:center;gap:.6rem;text-align:left;width:100%;border:none;border-radius:0;padding:.65rem .15rem;background:transparent;font-size:.85rem}.results button:hover{background:var(--soft)}.results button[aria-pressed=true]{color:var(--red);background:#fdf1f3}.result-text{display:flex;flex-direction:column;min-width:0}.result-text small{font-weight:400;color:var(--muted);font-size:.7rem}.dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;border:1px solid #697584}.map-card{grid-area:map;border-top:4px solid var(--ink);overflow:hidden}.map-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem .75rem}.map-header .eyebrow{margin-bottom:.35rem;font-size:.65rem}.map-header h2{font-size:1.6rem;margin:0}.north{font-size:.8rem;color:var(--muted);font-weight:600}.floor-buttons{display:flex;gap:.35rem;flex-wrap:wrap;padding:0 1.25rem 1.1rem}.floor-buttons button{min-width:38px;padding:.5rem .55rem}.floor-buttons button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:white}.map-toolbar{border-block:1px solid var(--line);background:var(--soft);padding:.65rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}#map-instruction{font-size:.8rem;max-width:380px}.zoom-tools{display:flex;align-items:center;gap:.3rem}.zoom-tools button{min-width:32px;padding:.35rem .5rem;font-size:.85rem}.zoom-tools output{font-size:.75rem;width:42px;text-align:center;font-variant-numeric:tabular-nums}.map-viewport{overflow:auto;height:370px;background:#fff;scrollbar-gutter:stable;overscroll-behavior:contain;position:relative}.map-canvas{position:relative}#map-canvas{margin:0 auto}#map-canvas svg{display:block;width:100%;height:auto}.hotspot{cursor:pointer;outline:none}.hotspot rect{fill:transparent;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke}.hotspot:hover rect,.hotspot:focus rect{stroke:var(--red);fill:#b5122b12}.hotspot.selected rect{stroke:var(--red);stroke-width:3;fill:#b5122b1a}.hotspot.selected text{fill:var(--red);stroke:white;stroke-width:4;paint-order:stroke;font-size:17px;font-weight:750;pointer-events:none}.map-help{margin:.75rem 1.25rem}.legend{border-top:1px solid var(--line);padding:.8rem 1.25rem;font-size:.8rem}.legend summary{cursor:pointer;font-weight:650}.legend>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;padding-top:.85rem}.legend-item{display:flex;gap:.5rem;align-items:center}.swatch{width:18px;height:13px;border:1px solid #606872;flex:0 0 18px}.swatch.classroom{background:repeating-linear-gradient(45deg,#ba8a66 0px,#ba8a66 4px,#6a9db7 4px,#6a9db7 8px)!important}.access-note{padding:1rem 1.25rem;background:var(--soft);border-top:1px solid var(--line)}.access-note h3{font-size:.85rem;margin-bottom:.4rem}.access-note p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.6}.source-note{display:flex;justify-content:space-between;align-items:start;gap:2rem;margin:2rem 0;padding:1.5rem 0;border-top:1px solid var(--line)}.source-note h2{font-size:1.2rem}.source-note p{max-width:700px;font-size:.8rem;color:var(--muted);margin:0}.source-note>a{font-size:.8rem;flex-shrink:0}.site-footer{margin-top:1rem}[hidden]{display:none!important}@media(max-width:900px){.workspace{grid-template-columns:245px minmax(0,1fr)}.map-viewport{height:340px}.source-note{display:block}.source-note>a{display:inline-block;margin-top:1rem}}@media(max-width:700px){.workspace{grid-template-columns:1fr;grid-template-areas:'search' 'map' 'detail' 'results';grid-template-rows:auto}.directory-intro{padding-top:2rem}.map-viewport{height:290px}.search-card{padding:1rem}.search-card h2{margin-bottom:.7rem}.search-input{margin-bottom:.7rem}.floor-buttons{gap:.3rem;padding-inline:1rem}.floor-buttons button{min-width:32px;font-size:.85rem}.results{max-height:320px}.map-toolbar{gap:.6rem}.legend>div{grid-template-columns:1fr 1fr}.source-note{margin-top:1.5rem}}@media print{.shortcuts,.search-card,.results-card,.map-toolbar,.floor-buttons,#copy-link{display:none}.workspace{display:block}.map-viewport{height:auto;overflow:visible}#map-canvas{width:100%!important}.detail-card{margin-top:1rem}.map-card{break-inside:avoid}.legend>div{display:grid}}
.selection-people{list-style:none;padding:0;margin:.75rem 0;font-size:.85rem}.selection-people li{margin:.5rem 0}.selection-people a{color:var(--red);font-weight:650}.selection-people small{display:block;font-size:.7rem;color:var(--muted);line-height:1.4}.result-text{overflow-wrap:anywhere}.result-text .faculty-names{color:var(--red);font-weight:600}.source-note{flex-wrap:wrap}.source-note>div{flex:1 1 100%}.source-note>a{flex-shrink:1}.detail-card h2{overflow-wrap:anywhere;line-height:1.35}
.hotspot .annotation-box{fill:#fff;stroke:#b5122b;stroke-width:1;vector-effect:non-scaling-stroke}.hotspot .annotation-text{fill:#b5122b;stroke:none;font-size:10px;font-weight:700;paint-order:normal}.hotspot:hover .annotation-box,.hotspot:focus .annotation-box,.hotspot.selected .annotation-box{fill:#fff4f6;stroke:#b5122b;stroke-width:2}

/* Consistent, crisp room numbers on every floor map. */
.hotspot .room-number-background{fill:#fff;stroke:#c3ccd5;stroke-width:.7;vector-effect:non-scaling-stroke}
.hotspot:hover .room-number-background,.hotspot:focus .room-number-background,.hotspot.selected .room-number-background{fill:#fff;stroke:var(--red);stroke-width:1.5}
.hotspot .room-number,.hotspot.selected .room-number{fill:#18232f;stroke:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700;letter-spacing:0;paint-order:normal}
.hotspot.selected .room-number{fill:var(--red)}
