html{scroll-padding-top:calc(88px + env(safe-area-inset-top))}
.site-brand{
  position:fixed;
  top:calc(16px + env(safe-area-inset-top));
  right:max(22px,env(safe-area-inset-right));
  z-index:50;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:8px 12px 8px 8px;
  color:#fff;
  background:rgba(8,47,67,.96);
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  box-shadow:0 4px 18px rgba(8,47,67,.12);
  text-decoration:none;
  white-space:nowrap;
  -webkit-tap-highlight-color:rgba(220,169,96,.18);
}
.site-brand img{display:block;width:32px;height:32px;border-radius:7px;flex:none}
.site-brand span{font:800 11px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.site-brand:focus-visible{outline:3px solid #dca960;outline-offset:4px}
.nav{min-height:48px;padding-right:205px}
.nav .all-trips{margin-left:0;text-decoration:none;font-size:13px;color:white}
.site-header{min-height:88px}
@media(max-width:480px){
  .site-brand{right:max(16px,env(safe-area-inset-right));gap:7px;min-height:44px;padding:7px 9px 7px 7px}
  .site-brand img{width:28px;height:28px;border-radius:6px}
  .site-brand span{font-size:10px;letter-spacing:.12em}
  .nav{padding-right:150px;gap:10px}
  .nav-link{font-size:12px;white-space:nowrap}
}
@media print{
  .site-brand{position:static;float:right;color:inherit;background:transparent;border:0;box-shadow:none;margin-bottom:8px}
  .nav{padding-right:0}
}