/* Foil selection is compact; the map keeps space on touch devices. */
.overlay-panel{flex:0 0 auto;min-width:0;background:var(--paper);border-top:1px solid var(--edge);padding:0 25px 7px}
.overlay-panel>summary{min-height:44px;line-height:44px;color:var(--green);font-size:12px;font-weight:600;cursor:pointer}
.overlay-picker{max-height:26svh;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 4px}
.overlay-help{font-size:11px;color:var(--muted);margin:0 0 7px;line-height:1.5}
.overlay-controls{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.overlay-controls button{min-height:44px;font-size:11px}.overlay-controls>span{font-size:11px;margin-left:auto;color:var(--green)}
.overlay-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.overlay-button{border:1px solid #c7c8b4;border-left:4px solid var(--foil-color);border-radius:5px;background:#fff7;display:flex;gap:8px;align-items:center;min-height:54px;text-align:left;padding:7px 9px;color:var(--ink);font-size:11px;cursor:pointer}
.overlay-button[aria-pressed=true]{background:#e1e9db;border-color:#6a8268;border-left-color:var(--foil-color);box-shadow:inset 0 0 0 1px #6a8268}
.overlay-button:hover{background:#edf0e4}.overlay-number{font-size:15px;font-weight:600;color:var(--green);font-variant-numeric:tabular-nums}
.overlay-label-text{line-height:1.3}.overlay-label-text>small{display:block;font-size:9px;margin-top:3px;color:#74796e}
.overlay-active-notes{margin-top:8px}.overlay-active-notes>summary{font-size:11px;min-height:40px;line-height:40px;cursor:pointer}
.overlay-active-notes p{white-space:pre-line;font-size:11px;line-height:1.55;border-left:2px solid #d1d6c7;padding-left:9px;margin:7px 0}
.overlay-comparison-note{font-size:11px;line-height:1.5;margin:8px 0;color:#755537}
.hotspot-cluster-choices{display:grid;gap:8px}.hotspot-cluster-choices button{min-height:44px;text-align:left;border:1px solid var(--edge);background:#fff8;border-radius:5px;padding:10px 12px;font-size:13px;color:var(--green);cursor:pointer}
.hotspot-cluster .hotspot-dot{fill:#795a31}.has-overlays .map-viewport{min-height:130px}
@media(max-width:1100px){.overlay-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.overlay-panel{padding-inline:12px}.overlay-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-picker{max-height:24svh}.overlay-controls>span{width:100%;margin:0}.overlay-button{min-height:56px}.has-overlays .map-heading h2{font-size:19px}}
@media(max-height:550px) and (orientation:landscape){.overlay-picker{max-height:30svh}.overlay-panel>summary{min-height:36px;line-height:36px}.has-overlays .viewer-footer{display:none}.has-overlays .map-viewport{min-height:100px}}
@media print{.overlay-panel{display:none!important}}