/* The atlas uses exported CARLA lane geometry and world coordinates. */
.simulator-section{background:linear-gradient(160deg,#e9eee7,#f4f3ed 65%);border-block:1px solid var(--line)}
.simulator-intro{display:flex;gap:22px;align-items:center;margin:-8px 0 28px;padding:19px 23px;border:1px solid #d4ded3;border-radius:12px;background:#ffffff80;flex-wrap:wrap}.simulator-intro p{flex:1;min-width:200px;font-size:13px;line-height:1.8;color:var(--muted);margin:0}.simulator-intro strong{color:var(--ink)}.atlas-facts{display:flex;gap:22px;font:10px var(--mono);color:#587067}.atlas-facts b{display:block;font-size:23px;color:#267866;margin-bottom:5px;font-weight:500}
.atlas-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.atlas-card{padding:0;overflow:hidden;border:1px solid #d0dbd0;background:#fafbf7;border-radius:12px;color:var(--ink);text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s;min-width:0;position:relative}.atlas-card:hover{transform:translateY(-3px);border-color:#81a896}.atlas-card[aria-pressed=true]{border-color:#267866;box-shadow:0 0 0 2px #26786622}.atlas-card img{width:100%;aspect-ratio:272/144;display:block}.atlas-card span{display:block;padding:11px 12px 13px}.atlas-card strong{font-size:12px;display:block;margin-bottom:5px}.atlas-card small{font:9px var(--mono);color:#63786f}.atlas-card>i{position:absolute;right:8px;top:8px;font:9px var(--mono);font-style:normal;color:#527666;background:#f8faf5cc;border-radius:20px;padding:4px 6px}
.atlas-shell{border:1px solid #d4ddd2;border-radius:18px;background:#fafaf5;overflow:hidden;box-shadow:0 16px 50px #30423809}.atlas-top{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #dbe2d8}.atlas-top .mini{color:#267866}.atlas-top h3{font-size:28px;margin:7px 0 5px}.atlas-top p{font-size:12px;color:var(--muted);line-height:1.7;margin:0;max-width:600px}.atlas-condition{font:10px var(--mono);color:#527666;text-align:right;flex-shrink:0;line-height:1.8}
.atlas-workspace{display:grid;grid-template-columns:1.15fr 1fr;min-height:470px}.atlas-map-pane{min-width:0;background:#eef2e9;border-right:1px solid #d4ddd2;position:relative;display:flex;flex-direction:column}.atlas-map-tools{display:flex;gap:5px;padding:15px 18px;z-index:2;align-items:center}.atlas-map-tools button{border:1px solid #ccd9cb;background:#fafbf6;border-radius:6px;height:31px;min-width:32px;font:12px var(--mono);color:#31594d}.atlas-map-tools button:hover{background:#dfebdd}.atlas-map-tools span{margin-left:auto;font:9px var(--mono);color:#647a6a}.atlas-svg{display:block;width:100%;height:340px;min-height:290px;outline:none;cursor:grab;touch-action:pan-y}.atlas-svg.dragging{cursor:grabbing}.atlas-svg .atlas-pin{cursor:pointer;outline:none}.atlas-svg .atlas-pin circle{fill:#fafcf7;stroke:#527a68;stroke-width:1.6;transition:fill .2s}.atlas-svg .atlas-pin text{fill:#31594d;font:11px var(--mono);text-anchor:middle;pointer-events:none}.atlas-svg .atlas-pin[aria-pressed=true] circle,.atlas-svg .atlas-pin:focus circle,.atlas-svg .atlas-pin:hover circle{fill:#267866;stroke:#fff;stroke-width:2.5}.atlas-svg .atlas-pin[aria-pressed=true] text,.atlas-svg .atlas-pin:focus text,.atlas-svg .atlas-pin:hover text{fill:white}.atlas-route{fill:none;stroke:#d46b40;stroke-width:2;stroke-dasharray:5 5;opacity:.65}.atlas-cursor{fill:#d46b40;stroke:white;stroke-width:2}.atlas-map-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;margin-top:auto;border-top:1px solid #d7e1d3;font:9px/1.6 var(--mono);color:#63786f}.atlas-scale{display:block;width:70px;border-bottom:2px solid #527666;padding-bottom:4px;text-align:center}.atlas-legend{display:flex;gap:13px}.atlas-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#527666;margin-right:5px}.atlas-legend span:last-child:before{background:#d46b40}
.atlas-media-pane{min-width:0;display:flex;flex-direction:column}.atlas-mode{display:flex;gap:20px;padding:16px 22px 0;border-bottom:1px solid #dbe2d8}.atlas-mode button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 14px;color:#64786f;font-size:12px}.atlas-mode button[aria-pressed=true]{border-color:#267866;color:#267866}.atlas-photo-view,.atlas-tour-view{padding:20px 22px;min-width:0}.atlas-photo-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px;align-items:center}.atlas-photo-heading h4{font-size:17px;margin:0;overflow-wrap:anywhere}.atlas-photo-heading small{font:9px var(--mono);color:#527666;white-space:nowrap}.atlas-photo-button{display:block;position:relative;border:0;padding:0;background:#173240;border-radius:10px;overflow:hidden;width:100%;cursor:zoom-in}.atlas-photo-button img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.atlas-photo-button span{position:absolute;right:10px;bottom:10px;border-radius:5px;padding:6px 10px;background:#fafbf7ed;color:#31594d;font-size:10px}.atlas-views{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.atlas-views button,.atlas-tours button{border:1px solid #d4ded3;border-radius:6px;padding:7px 10px;background:#fafbf7;color:#526d60;font-size:10px}.atlas-views button[aria-pressed=true],.atlas-tours button[aria-pressed=true]{background:#267866;color:white;border-color:#267866}.atlas-photo-info{display:flex;justify-content:space-between;align-items:center;gap:12px;font:9px/1.7 var(--mono);color:#677b6e}.atlas-photo-info a{font-family:inherit;white-space:nowrap}.atlas-tour-view video{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#173240}.atlas-tours{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.atlas-tour-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font:9px/1.7 var(--mono);color:#647a6a}.atlas-tour-footer a{white-space:nowrap}
.atlas-places{display:flex;flex-wrap:wrap;gap:7px;padding:18px 23px;border-top:1px solid #dbe2d8;background:#f1f4ed}.atlas-places button{font-size:10px;border:1px solid #d5dfd0;border-radius:20px;background:#fafbf6;color:#597363;padding:7px 11px;max-width:100%;overflow-wrap:anywhere}.atlas-places button b{display:inline-block;font:9px var(--mono);margin-right:5px;color:#267866}.atlas-places button[aria-pressed=true]{color:#267866;border-color:#267866;background:#e6eee1}.atlas-case-links{display:flex;gap:8px;flex-wrap:wrap;padding:19px 23px;align-items:center}.atlas-case-links .mini{margin-right:12px;color:#527666}.atlas-case-links button{font-size:10px;border:0;border-radius:5px;background:#e8efe5;color:#267866;padding:7px 10px}.atlas-case-links a{font-size:10px;color:#267866}.atlas-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:21px;color:#63786f;font-size:11px;line-height:1.8}.atlas-footer p{margin:0;max-width:660px}.atlas-footer a{white-space:nowrap}
.atlas-lightbox{border:0;padding:0;background:#f5f6ef;color:#173240;max-width:min(94vw,1300px);max-height:92vh;width:1300px;border-radius:12px;overflow:auto}.atlas-lightbox::backdrop{background:#142923d9;backdrop-filter:blur(5px)}.atlas-lightbox-top{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;align-items:center;font-size:14px}.atlas-lightbox-top button{border:1px solid #cdd8cb;border-radius:5px;background:none;padding:6px 10px;color:#31594d}.atlas-lightbox img{width:100%;height:auto;display:block}.atlas-lightbox-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 22px;font:10px var(--mono);color:#627565}.atlas-lightbox-bottom button{border:1px solid #cdd8cb;border-radius:5px;background:none;padding:6px 10px;color:#31594d}
.case-camera{display:flex;gap:6px;align-items:center;margin:14px 0;font-size:11px;color:var(--muted)}.case-camera button{padding:7px 12px;background:#f5f7f1;border:1px solid #cdd8cb;border-radius:5px;color:#527365;font-size:11px}.case-camera button[aria-pressed=true]{background:#267866;color:white;border-color:#267866}
@media(max-width:1050px){.atlas-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.atlas-workspace{grid-template-columns:1fr 1fr}.atlas-top{padding:20px}.atlas-top h3{font-size:25px}.atlas-svg{height:310px}.atlas-photo-view,.atlas-tour-view{padding:18px}.atlas-photo-heading h4{font-size:15px}.atlas-facts{gap:16px}}
@media(max-width:760px){.atlas-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.simulator-intro{padding:16px}.atlas-facts{width:100%;justify-content:space-between}.atlas-workspace{grid-template-columns:1fr}.atlas-map-pane{border-right:0;border-bottom:1px solid #d4ddd2}.atlas-top{align-items:flex-start;gap:10px;flex-direction:column}.atlas-top h3{font-size:25px}.atlas-condition{text-align:left;font-size:9px}.atlas-svg{height:285px;min-height:260px}.atlas-map-tools{padding:12px 16px}.atlas-map-tools span{font-size:8px}.atlas-map-caption{font-size:8px;padding:10px 15px}.atlas-photo-heading h4{font-size:16px}.atlas-places{padding:15px}.atlas-case-links{padding:16px}.atlas-footer{align-items:flex-start;flex-direction:column;gap:12px}.atlas-shell{border-radius:12px}.atlas-photo-info{font-size:8px;flex-wrap:wrap}.atlas-lightbox-top{font-size:12px}.atlas-lightbox-bottom{font-size:8px;flex-wrap:wrap}.atlas-legend{gap:9px}}
/* Keep navigation readable at tablet widths and hide the skip link until focus. */
.skip:not(:focus){visibility:hidden}
@media(min-width:761px) and (max-width:1050px){.header nav{gap:12px;font-size:11px}.header .brand{font-size:17px;gap:8px}.header .nav-code{padding:7px 10px}}