/* Launcher: a gantry with one sign per app. */
:root { --sign: #2F3A40; --accent-text: #2F3A40; }
@media (prefers-color-scheme: dark) { :root { --sign: #3A464D; --accent-text: #C9D3D9; } }

.dests { display: grid; gap: 14px; margin-top: 6px; }
.dest {
  position: relative; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 4px 14px;
  padding: 22px 20px; border-radius: 14px; color: #F7F8F6; text-decoration: none;
}
.dest::after {                       /* inset white border, like a real guide sign */
  content: ''; position: absolute; inset: 5px; border: 2px solid #F7F8F6d9; border-radius: 10px; pointer-events: none;
}
.dest.car { background: #0B5D3B; }
.dest.budget { background: #1D4F91; }
.dest .ico { width: 44px; height: 44px; grid-row: span 2; }
.dest-name { font: 700 40px/1 'Barlow Condensed', sans-serif; }
.dest-sub { grid-column: 2; font-size: 16px; opacity: .9; }
.dest .arrow { grid-row: 1 / span 2; grid-column: 3; width: 34px; height: 34px; }
.dest:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.account { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 26px; color: var(--muted); }
#gsi { margin-top: 18px; min-height: 44px; }
main { padding-top: calc(20px + env(safe-area-inset-top)); }