/* Site navigation stays outside the canvas and building controls. */
.portal-home { color: #526749; font-size: 12px; text-decoration: none; padding: 10px 6px; white-space: nowrap; }
.portal-home:hover, .portal-links a:hover { text-decoration: underline; }
.portal-links { display: flex; gap: 14px; flex-wrap: wrap; }
.portal-links a { color: #526749; font-size: 10px; padding: 5px 0; }
.portal-noscript { padding: 24px; text-align: center; background: #fff5dd; color: #364530; line-height: 1.8; }
.portal-home:focus-visible, .portal-links a:focus-visible { outline: 3px solid #637e52; outline-offset: 3px; }
@media (max-width: 650px) {
  .topbar { flex-wrap: wrap; gap: 8px; }
  .portal-home { order: 3; width: 100%; padding: 2px 0; font-size: 11px; }
  .app > footer { height: auto; min-height: 42px; flex-wrap: wrap; gap: 8px; padding-block: 10px; }
}