.site-navigation { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; clear: both; }
.site-navigation a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border: 1px solid var(--line, #d9dee8); border-radius: 8px; color: var(--text, #17202a); text-decoration: none; font: 700 14px/1.4 system-ui, sans-serif; }
.site-navigation a:hover, .site-navigation a[aria-current="page"] { background: var(--soft, #eef3ff); color: #17202a; }
.site-navigation a:focus-visible { outline: 2px solid var(--accent, #2563eb); outline-offset: 3px; }