/* Scoped to the page footer, never modal footers. Compact links like the reference. */
body > .site-footer { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:24px; min-height:0; padding:28px max(20px,calc((100vw - 1220px)/2)); border-top:1px solid var(--line); background:var(--cream,var(--legal-soft)); color:var(--muted); font-size:.82rem; }
body > .site-footer .site-footer-brand { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
body > .site-footer .site-footer-brand img { display:block; width:155px; max-width:100%; height:auto; filter:none; }
body > .site-footer .site-footer-brand small { color:var(--muted); font-size:.72rem; white-space:nowrap; }
body > .site-footer nav { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 16px; min-width:0; }
body > .site-footer nav a,body > .site-footer nav button { padding:4px 0; border:0; background:transparent; color:inherit; font:inherit; text-decoration:none; cursor:pointer; }
body > .site-footer nav a:hover,body > .site-footer nav button:hover { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
body > .site-footer nav a:focus-visible,body > .site-footer nav button:focus-visible { outline:2px solid var(--red); outline-offset:4px; border-radius:2px; }
body > .site-footer .site-footer-brand a:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
@media(max-width:720px) { body > .site-footer { grid-template-columns:1fr; padding:22px 16px; gap:20px; } body > .site-footer nav { gap:6px 14px; justify-content:flex-start; } }