/* Quiet site links, with comfortable tap targets in either theme. */
.site-footer {flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 24px; letter-spacing: 0}
.footer-identity {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; min-width: 0}
.site-footer .footer-brand {align-self: center; min-height: 44px}
.site-footer .footer-logo {width: 72px}
.footer-copyright {font-size: .8125rem; line-height: 1.5}
.site-footer .footer-links {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; margin: 0}
.site-footer .footer-links a {display: inline-flex; align-items: center; min-height: 44px; padding: 4px 0; color: var(--muted); background: none; font-size: .8125rem; line-height: 1.5; text-decoration: none; text-underline-offset: 4px}
.site-footer .footer-links a:is(:hover, :focus-visible, [aria-current="page"]) {color: var(--ink); text-decoration: underline}
.site-footer .footer-links a:focus-visible {outline: 2px solid var(--active-color); outline-offset: 4px}
.legal-page {max-width: 850px; margin: 0 auto}
.legal-page h1 {margin: 0 0 12px; font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.2; letter-spacing: -.025em}
.legal-page .legal-intro {margin: 0 0 30px; color: var(--muted); font-size: 1rem; line-height: 1.7}
.legal-page>section {margin-top: 24px}
.legal-page h2 {margin: 0 0 8px; font-size: 1.125rem; line-height: 1.4}
.legal-page section p {margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.75}
@media (max-width: 550px) {
  .site-footer {align-items: flex-start; gap: 4px 20px}
  .footer-identity {width: 100%; gap: 14px}
  .site-footer .footer-links {gap: 4px 20px}
}