/* Shared public navigation: the deep green and white logo of the app sidebar. */
.topbar{background:var(--inkband);border:0;box-shadow:none;backdrop-filter:none;--top:72px}
.topbar-inner{min-height:72px;padding-block:12px}
.topbar .brand{color:#fff}
.topbar .brand-wordmark{width:168px}

.topbar .nav-list a,.topbar .lang-switch{color:#e2efec}
.topbar .nav-list a:hover,.topbar .lang-switch:hover{color:#fff;background:rgba(255,255,255,.1)}
.topbar .lang-switch{font-family:var(--sans);letter-spacing:0}
.topbar .btn-primary{background:#fff;color:#134e4a;border-color:#fff;box-shadow:none}
.topbar .btn-primary:hover{background:#d8f3ef;border-color:#d8f3ef}
.topbar .btn-ghost{color:#fff;background:transparent;border-color:#78aaa2}
.topbar .btn-ghost:hover{background:rgba(255,255,255,.1)}
.topbar .nav-toggle{background:transparent;color:#fff;border:1px solid #78aaa2;min-height:44px}
.topbar :where(a,button):focus-visible{outline-color:#5eead4}
@media(max-width:650px){.topbar .brand-wordmark{width:142px}.topbar-inner{gap:8px}}
@media(max-width:350px){.topbar .brand-wordmark{width:126px}.topbar .nav-toggle{padding-inline:8px}}
/* Keep return paths within reach instead of a long single-column footer. */
@media(max-width:760px){
  .footer{padding-top:36px}
  .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .footer-about{grid-column:1/-1}
  .footer-list a{display:inline-block;padding-block:5px}
  .footer-list li{margin-bottom:4px}
  .footer-legal{margin-top:28px}
}