/* On-demand orientation only. No persistent mini-map or animated indicator. */
.orientation{margin:22px 0 20px;border:1px solid #cbd2c7;background:#f8f6ef;color:#273d37}
.orientation-tabs{display:flex;gap:4px;margin:20px 0 -7px;border-bottom:1px solid #c9d2c5}
.orientation-tabs button{flex:1;padding:13px 15px;background:transparent;border:0;border-bottom:2px solid transparent;font-size:10px;letter-spacing:1px;color:#687967}
.orientation-tabs button[aria-pressed=true]{border-bottom-color:#375d49;color:#294b38;background:#e8ece1}
.orientation-tabs button:hover{background:#e9ede2;color:#294b38}
.orientation-controls{margin-top:20px;padding:13px 0;border-top:1px solid #ced6c7;border-bottom:1px solid #ced6c7;color:#52694f}
.orientation-controls summary{cursor:pointer;font-size:12px;line-height:1.5}
.orientation-controls summary:focus-visible{outline:3px solid #588977;outline-offset:4px}
.orientation-controls .controls-grid{margin-bottom:12px}
.orientation-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 15px 11px;border-bottom:1px solid #d9ded3;font-size:12px;line-height:1.4}
.orientation-heading>span:last-child{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#6b776d;text-align:right}
.orientation-map{display:block;width:100%;height:auto;overflow:visible;font-family:Arial,Helvetica,sans-serif}
.orientation-map-paper{fill:#f8f6ef}
.orientation-plaza{fill:#ebe8dc;stroke:#cccfc4;stroke-width:1}
.orientation-street{fill:#d8ddd7}
.orientation-building{fill:#c2cbc2;stroke:#7e9085;stroke-width:1;stroke-linejoin:round}
.orientation-tower{fill:#b0beb3;stroke:#577064;stroke-width:1.3}
.orientation-public{fill:#fdfcf5;stroke:#859c8b;stroke-width:1.2}
.orientation-core{fill:#c0c9bf;stroke:#859587;stroke-width:1.1}
.orientation-void{fill:#e1e4db;stroke:#9faa9d;stroke-width:1;stroke-dasharray:3 3}
.orientation-transit-area{fill:#dce1d6;stroke:#8b9b8c;stroke-width:1}
.orientation-water{fill:#54655c;stroke:#364e42;stroke-width:1}
.orientation-sphere{fill:#ab8756;stroke:#e8c68d;stroke-width:.8}
.orientation-map-label{font-size:11px;fill:#334f42}
.orientation-tower-label{font-size:10px;font-weight:600;letter-spacing:.45px;fill:#304d40}
.orientation-map-small{font-size:9.5px;fill:#556858}
.orientation-road-label{font-size:9px;letter-spacing:.5px;fill:#5c6d61}
.orientation-leader{fill:none;stroke:#697f70;stroke-width:.9}
.orientation-destination{fill:#486f5b;stroke:#fdfcf6;stroke-width:1.5}
.orientation-route-arrow{fill:none;stroke:#607d69;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.orientation-approach-route{fill:none;stroke:#326b57;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
[data-orientation-entrance] .orientation-map-label{font-size:10px;letter-spacing:.35px;font-weight:600}
.orientation-guard{fill:none;stroke:#728f7c;stroke-width:2}
.orientation-you-halo{fill:#fffdf3;stroke:#fffdf3;stroke-width:2;opacity:.96}
.orientation-you{fill:#23564f;stroke:#fffdf3;stroke-width:1.7}
.orientation-facing{fill:#23564f;stroke:#fffdf3;stroke-width:1.6;stroke-linejoin:round}
/* Facing, stated three ways: the field of view, the needle, and a caption. */
.orientation-view-cone{fill:#23564f;opacity:.14;stroke:#23564f;stroke-width:.6;stroke-opacity:.45}
.orientation-you-caption{fill:#23564f;font-size:8px;font-weight:700;letter-spacing:1.05px;paint-order:stroke;stroke:#f8f6ef;stroke-width:2.6px;stroke-linejoin:round}
.orientation-compass path,.orientation-cardinal-tick{fill:none;stroke:#51685a;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.orientation-compass-letter{fill:#304e3f;font-size:12px;font-weight:600;letter-spacing:.7px}
.orientation-shaft-line{fill:none;stroke:#8ca08e;stroke-width:1;stroke-dasharray:3 3}
.orientation-level-tick{fill:none;stroke:#7e937f;stroke-width:1}
.orientation-car{fill:#32594d;stroke:#fffdf3;stroke-width:2}
.orientation-elevation-you{fill:#f7f4e6}
.orientation-transit-line{fill:none;stroke:#759b84;stroke-width:9;stroke-linejoin:round;stroke-linecap:round}
.orientation-view-number{fill:#f7f5ea;stroke:#718773;stroke-width:1}
.orientation-view-label{fill:#3c5b45;font-size:10px;font-weight:600}
.orientation-key{display:flex;flex-wrap:wrap;align-items:center;gap:9px 20px;padding:12px 15px;border-top:1px solid #d9ded3;font-size:10px;line-height:1.5;color:#526953}
.orientation-key>span{display:inline-flex;align-items:center;gap:7px}
.orientation-key i{display:inline-block;width:10px;height:10px;flex-shrink:0}
.orientation-key-you{border-radius:50%;background:#23564f;outline:2px solid #fffdf3;box-shadow:0 0 0 3px #bfcabe}
.orientation-key-facing{width:0!important;height:0!important;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #23564f}
.orientation-key-cone{background:#23564f;opacity:.2;border:1px solid #23564f}
[data-orientation-readout]{font-weight:650;color:#23564f}
.orientation-key-public{background:#fdfcf5;border:1px solid #859c8b}
.orientation-key-closed{background:#c0c9bf;border:1px solid #859587}
#panel .orientation-disclosure{margin:0;padding:0 15px 14px;font-size:10px;line-height:1.6;color:#60715f}
.orientation-views{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;margin:0;padding:2px 27px 15px 33px;color:#4b644e;font-size:11px;line-height:1.45}
.orientation-views li::marker{font-size:10px;color:#537457}
@media(max-width:550px){.orientation-heading{padding:11px 12px;font-size:11px}.orientation-heading>span:last-child{font-size:8px}.orientation-key{padding:10px 12px;gap:9px 15px}.orientation-views{grid-template-columns:1fr}.orientation-map-label{font-size:12px}.orientation-map-small{font-size:10px}}
@media(forced-colors:active){.orientation-view-cone{fill:Highlight;opacity:.35;stroke:Highlight}.orientation-you-caption{fill:CanvasText}.orientation-key-facing{border-bottom-color:Highlight}.orientation-key-cone{background:Highlight}.orientation-map-paper,.orientation-public{fill:Canvas}.orientation-building,.orientation-core,.orientation-void,.orientation-transit-area{fill:Canvas;stroke:CanvasText}.orientation-map text{fill:CanvasText}.orientation-you,.orientation-facing,.orientation-car{fill:Highlight;stroke:HighlightText}.orientation-you-halo{fill:Canvas;stroke:Canvas}.orientation-map path,.orientation-map polyline{stroke:CanvasText}.orientation-key-you{background:Highlight}.orientation-key-closed{background:GrayText}.orientation-destination{fill:CanvasText;stroke:Canvas}}