/* Legal links row, added to every footer by legal-links.js. */
.notably-legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 26px;margin:36px 0 0;padding:24px 0 0;border-top:1px solid currentColor;font:14px/1.5 'DM Sans',sans-serif;color:inherit}
.notably-legal-links a{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:4px 0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.notably-legal-links a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:520px){.notably-legal-links{gap:6px 18px}}

/* Quiet legal row, separate from the primary footer call to action. */
footer.case-footer{flex-wrap:wrap}
footer .notably-legal-links{flex:0 0 100%;width:100%;align-self:stretch;justify-content:center;gap:4px 24px;margin:20px 0 0;padding:12px 0 0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:12px;line-height:1.5}
footer .notably-legal-links a{background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important;font:inherit!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;min-width:0!important;min-height:32px;margin:0!important;padding:4px 0!important;opacity:.8}
footer .notably-legal-links a:hover{opacity:1;text-decoration:underline!important;text-underline-offset:3px}
footer .notably-legal-links a:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:4px}
@media(max-width:600px){footer .notably-legal-links{gap:2px 18px;justify-content:flex-start}}

/* Phones: the legal links always share one row; the text shrinks with the screen. */
@media(max-width:600px){footer .notably-legal-links,footer.legal-footer .notably-legal-links{flex-wrap:nowrap;justify-content:space-between;gap:6px;font-size:clamp(8px,2.5vw,11px)}footer .notably-legal-links a{white-space:nowrap}}

/* Site page links in every footer, just above the legal row. The homepage centers them in its bottom row. */
footer .site-footer-nav{flex:0 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 28px;margin:12px 0 0;font:400 14px/1.5 'DM Sans',sans-serif}
footer .site-footer-nav a{display:inline-flex;align-items:center;min-height:44px;margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:inherit!important;font:inherit!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important}
footer .site-footer-nav a:hover{text-decoration:underline!important;text-underline-offset:4px}
footer .site-footer-nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:600px){footer .site-footer-nav{justify-content:flex-start;gap:0 20px}}