/* Shared destinations for signed-in web screens, including small phones. */
.app-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.4rem;
  margin:0 0 1.25rem; padding:.5rem; border:1px solid #34434a; border-radius:9px;
  background:#1a1f26; font:600 .9rem/1.25 -apple-system,"Segoe UI",sans-serif; }
.app-nav a { min-width:0; min-height:44px; display:flex; align-items:center;
  justify-content:center; text-align:center; padding:.5rem .3rem; border-radius:5px;
  color:#c9e9e5; text-decoration:none; overflow-wrap:anywhere; }
.app-nav a[aria-current="page"] { background:#2bd0c5; color:#082c2c; }
.app-nav a:hover, .app-nav a:focus-visible { outline:2px solid #2bd0c5; outline-offset:1px; }
@media(max-width:440px) { .app-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } }