.scope-map .approach-controls{position:relative;clear:both;box-sizing:border-box;width:264px;max-width:calc(100vw - 100px);margin:0 0 0 10px;border:1px solid #2d455f;border-radius:2px;background:#06101cf5;color:#c6daef;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.approach-controls>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:6px 9px;cursor:pointer;list-style:none;text-transform:uppercase;font-size:10px;letter-spacing:.02em}
.approach-controls>summary::-webkit-details-marker{display:none}
.approach-controls>summary:after{content:'+';color:#8aa7c7}
.approach-controls[open]>summary:after{content:'−'}
.approach-count{color:#90aac7;margin-left:auto;text-transform:none}
.approach-controls summary:focus-visible,.approach-controls button:focus-visible,.approach-controls input:focus-visible{outline:1px solid #b5d1ef;outline-offset:2px}
.approach-options{position:absolute;left:-1px;top:100%;box-sizing:border-box;width:calc(100% + 2px);max-height:360px;max-height:min(360px,45vh);overflow-y:auto;padding:10px;border:1px solid #2d455f;background:#06101cf5;box-shadow:0 8px 16px #0005}
.approach-options fieldset{margin:0;padding:0;border:0}
.approach-options legend{margin-bottom:6px;padding:0;color:#95b0ce;font:10px/1.4 inherit;text-transform:uppercase}
.approach-options label{display:flex;align-items:center;gap:8px;min-height:29px;cursor:pointer;white-space:nowrap}
.approach-options input[type='checkbox']{width:14px;height:14px;margin:0;accent-color:#89b4e0;cursor:pointer;flex:none}
.approach-categories{margin-top:8px;padding-top:7px;border-top:1px solid #263b53;color:#a7bfd9}
.approach-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.approach-options button{height:auto;min-height:28px;padding:5px 8px;border:1px solid #385474;border-radius:2px;background:#102239;color:#c6daef;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.approach-options button:hover,.approach-options button[aria-pressed='true']{background:#1c3451;color:#e2eefb}
.approach-options p{margin:8px 0 0;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#95aecc}
.approach-options .approach-source{margin-top:10px;padding-top:8px;border-top:1px solid #263b53;color:#758faa;font-size:9px;white-space:normal}
.approach-options .approach-source-expired{color:#d2b579}
.scope-map .maplibregl-popup:has(.approach-popup){pointer-events:auto}
.approach-popup{color:#c2d6ed;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.approach-popup>b{font-weight:600;color:#e2eefb}
.approach-popup h3{margin:7px 0;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.approach-popup dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:8px 0}
.approach-popup dt{color:#89a5c5}
.approach-popup dd{margin:0}
.approach-popup details{margin:10px 0;border-top:1px solid #2d455f;padding-top:8px}
.approach-popup summary{cursor:pointer;color:#bdd0e8}
.approach-popup p{margin:7px 0;font:inherit}
.approach-popup .approach-detail-note{color:#8fa9c7}
.approach-popup a{display:inline-block;margin-top:5px;color:#b3d4fa;text-decoration:underline}
@media(max-width:600px){.scope-map .approach-controls{width:222px;margin-left:6px;font-size:10px}.approach-controls>summary{font-size:9px;min-height:30px}.approach-options label{min-height:30px}.approach-options{max-height:38vh}}