.navigation .nav-item, .navigation .nav-item:hover, .navigation .nav-item:focus-visible, .navigation .nav-item.is-active { text-decoration: none; }
.navigation .nav-item:hover .nav-label, .navigation .nav-item:focus-visible .nav-label, .navigation .nav-item.is-active .nav-label { text-decoration: underline; text-underline-offset: var(--space-compact); }
.new-badge { text-decoration: none; }
.site-footer { margin-top: var(--space-8); border-top: var(--border-width) solid var(--line); padding-block: var(--space-7); }
.footer-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-7); }
.footer-brand { font-size: var(--font-lg); font-weight: 650; text-decoration: none; }
.footer-intro p { max-width: 24ch; margin: var(--space-3) 0 0; font-size: var(--font-body); color: var(--muted); line-height: 1.6; }
.footer-navigation { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.footer-group { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); min-width: 0; }
.footer-heading { margin-bottom: var(--space-1); font-size: var(--font-sm); color: var(--muted); }
.footer-group a { font-size: var(--font-body); line-height: 1.5; text-decoration: none; }
.footer-group a:hover, .footer-group a:focus-visible { text-decoration: underline; text-underline-offset: var(--space-1); }
.footer-bottom { grid-column: 1 / -1; border-top: var(--border-width) solid var(--line); padding-top: var(--space-5); }
.footer-copyright { font-size: var(--font-sm); color: var(--muted); }
.menu-toggle { display: none; }
.site-menu { position: fixed; inset-block: 0; inset-inline-start: auto; inset-inline-end: 0; width: min(var(--mobile-menu-width), calc(100% - var(--space-6))); height: 100dvh; max-height: 100dvh; max-width: 100%; margin: 0; padding: var(--space-5); border: 0; border-inline-start: var(--border-width) solid var(--line); background: var(--background); color: var(--text); overflow-y: auto; overscroll-behavior: contain; }
.site-menu[open] { display: flex; flex-direction: column; animation: site-menu-enter var(--mobile-menu-motion) ease-out both; }
.site-menu.is-closing { animation: site-menu-leave var(--mobile-menu-motion) ease-in both; }
.site-menu::backdrop { background: var(--overlay); }
html:has(.site-menu[open]) { overflow: hidden; }
.site-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-6); }
.site-menu-heading h2 { margin: 0; font-size: var(--font-xl); font-weight: 550; }
.site-menu-search { margin-bottom: var(--space-5); }
.site-menu-search .search-field { width: 100%; }
.site-menu-settings { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: auto; padding-top: var(--space-6); border-top: var(--border-width) solid var(--line); color: var(--muted); font-size: var(--font-body); }
.site-menu-settings > div { display: flex; }
.site-menu-heading .icon-button { width: var(--control-size); height: var(--control-size); }
.mobile-menu-nav { display: grid; gap: var(--space-2); }
.mobile-menu-nav .nav-item { display: flex; justify-content: space-between; padding: var(--space-4); border-radius: var(--radius-control); min-height: var(--space-7); font-size: var(--font-lg); white-space: normal; color: var(--text); text-decoration: none; }
.mobile-menu-nav .nav-item.is-active { background: var(--surface); }
@keyframes site-menu-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes site-menu-leave { from { transform: translateX(0); } to { transform: translateX(100%); } }
@media (prefers-reduced-motion:reduce) { .site-menu[open], .site-menu.is-closing { animation: none; } }
@media (max-width:680px) {
  .has-mobile-menu .site-header .header-inner { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "brand menu"; }
  .has-mobile-menu .site-header .navigation { display: none; }
  .has-mobile-menu .menu-toggle { display: inline-flex; grid-area: menu; width: var(--control-size); height: var(--control-size); }
}
@media (max-width:760px) { .footer-inner { grid-template-columns: minmax(0,1fr); gap: var(--space-6); } .footer-navigation { grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-6) var(--space-5); } .footer-group:last-child { grid-column: 1 / -1; } }