.navigation .nav-theme-toggle { width: 42px; height: 42px; flex: 0 0 42px; display: inline-grid; place-items: center; padding: 8px; border: 1px solid var(--line); border-radius: 9px; background: transparent; color: var(--ink); cursor: pointer; }
.navigation .nav-theme-toggle:hover { background: var(--surface); border-color: var(--accent); }
.navigation .nav-theme-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.nav-theme-toggle svg { width: 23px; height: 23px; }
.nav-theme-toggle .theme-sun { display: none; }
html[data-theme="dark"] .nav-theme-toggle .theme-moon { display: none; }
html[data-theme="dark"] .nav-theme-toggle .theme-sun { display: block; }
.navigation nav { margin-right: 0; }
.footer-socials { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 18px; }
.footer-grid .footer-socials a { margin: 0; text-decoration: underline; text-underline-offset: 4px; }
footer { border-color: var(--line); }
footer .legal { border-color: var(--line); color: var(--muted); }
@media(max-width:900px) { .navigation .account { margin-left: auto; } }
@media(max-width:400px) { .navigation { gap: 12px; } .navigation .account { font-size: 14px; } }