.nav-hud{position:absolute;inset:12px 12px auto 12px;z-index:450;pointer-events:none;display:flex;justify-content:center}.nav-hud-card{pointer-events:auto;display:flex;align-items:center;gap:14px;min-width:min(620px,72vw);padding:10px 16px;background:rgba(6,21,34,.94);border:1px solid #315269;border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,.35)}.nav-hud-arrow{font-size:34px;font-weight:900;color:#fff}.nav-hud-copy{display:grid;flex:1}.nav-hud-copy small{color:#8fa8b8;font-weight:900;letter-spacing:.6px}.nav-hud-copy strong{font-size:19px}.nav-hud-copy b{color:#79b4ff}.nav-bottom-hud{position:absolute;left:14px;right:14px;bottom:14px;z-index:450;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.nav-speed-stack,.nav-trip-stack{pointer-events:auto;display:flex;gap:7px}.nav-speed-box,.nav-limit-box,.nav-trip-box{background:rgba(6,21,34,.95);border:1px solid #315269;border-radius:12px;padding:9px 13px;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.3)}.nav-speed-box strong,.nav-limit-box strong{font-size:28px;line-height:1}.nav-limit-box{background:#f6f7f8;color:#111;border:4px solid #111}.nav-trip-box{min-width:92px}.nav-trip-box small{display:block;color:#8fa8b8;font-size:9px;font-weight:900}.nav-trip-box strong{font-size:17px}.nav-ahead{position:absolute;right:14px;top:92px;z-index:451;width:min(280px,31vw);max-height:48vh;overflow:auto;background:rgba(6,21,34,.94);border:1px solid #315269;border-radius:14px;padding:10px;box-shadow:0 12px 35px rgba(0,0,0,.35)}.nav-ahead h3{margin:2px 4px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.7px}.nav-ahead-item{display:flex;align-items:center;gap:9px;padding:9px 7px;border-top:1px solid #244256}.nav-ahead-item:first-of-type{border-top:0}.nav-ahead-item span{font-size:21px}.nav-ahead-item div{display:grid;flex:1}.nav-ahead-item strong{font-size:11px}.nav-ahead-item small{color:#8fa8b8}.nav-ahead-item b{font-size:11px;color:#79b4ff}@media(max-width:800px){.nav-hud{inset:8px 8px auto}.nav-hud-card{min-width:0;width:100%;padding:8px 10px}.nav-hud-copy strong{font-size:15px}.nav-ahead{top:82px;right:8px;width:190px;max-height:35vh}.nav-bottom-hud{left:8px;right:8px;bottom:8px}.nav-trip-stack .nav-trip-box:nth-child(2){display:none}.nav-speed-box strong,.nav-limit-box strong{font-size:22px}}
/* RC2 layout fix: the unified site header lives outside .nav5-app, so the app
   contains only the navigation stage and its safety footer. */
.nav5-app{
  height:auto;
  min-height:calc(100vh - 112px);
  grid-template-rows:minmax(650px,calc(100vh - 140px)) 28px;
}
.nav5-stage{min-height:650px}
.nav-hud{top:68px}
.nav-ahead{top:136px}
#route-status{margin:0 0 12px;color:#a9bac6;font-size:11px;line-height:1.45}
@media(max-width:900px){
  .nav5-app{min-height:0;grid-template-rows:auto 28px}
  .nav5-stage{min-height:0}
  .nav5-map{min-height:650px}
}
@media(max-width:680px){
  .nav5-map{min-height:560px}
  .nav-hud{top:62px}
  .nav-ahead{top:126px;max-height:235px}
}

.start-navigation{display:block;margin-top:12px;padding:12px;border-radius:9px;background:#20c67a;color:#04110b!important;text-align:center;text-decoration:none;font-size:12px;font-weight:950}.start-navigation[hidden]{display:none}.start-navigation-note{margin:8px 0 0;color:#91a7b6;font-size:10px;line-height:1.45}

.profile-wide{grid-column:1/-1}.profile-section{margin:12px 0;padding:10px;border:1px solid #294759;border-radius:10px;background:rgba(3,17,27,.35)}.profile-section>label,.camera-consent{display:flex;gap:8px;align-items:flex-start}.profile-grid textarea{min-height:72px;resize:vertical}.camera-journal-card h2{margin:5px 0;font-size:17px}.camera-journal-card p,.camera-journal-card small{line-height:1.45}.camera-journal-card ul{margin:8px 0;padding-left:18px;font-size:11px}.camera-journal-card li{margin:7px 0}.camera-journal-card button{margin-top:8px}#camera-journal-status[data-bad="1"]{color:#ff9d9d}#camera-journal-status{font-size:11px;color:#9bd9ba}.camera-consent{font-size:11px;line-height:1.4}