.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.site-footer { padding-block: 64px 24px; }
.footer-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; }
.footer-brand > p { font-size: 13px; color: var(--secondary); margin-block: 24px 20px; }
.footer-brand .text-link { font-size: 11px; gap: 12px; }
.footer-column { display: flex; flex-direction: column; gap: 10px; }
.footer-column h2 { font-size: 12px; font-weight: 500; letter-spacing: 0; margin-bottom: 6px; }
.footer-column a { font-size: 11px; color: var(--secondary); }
.footer-bottom { border-top: 1px solid var(--line); padding-top: 22px; display: flex; align-items: center; gap: 40px; font-size: 10px; color: var(--secondary); }
.footer-bottom > div { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.footer-bottom .plain-button { font-size: inherit; }
.back-top { margin-left: auto; white-space: nowrap; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 12px 24px; padding-bottom: 24px; font-size: 11px; color: var(--secondary); }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
.legal-disclosure { margin-top: 12px; font-size: 10px; color: var(--secondary); }
.legal-disclosure summary { cursor: pointer; display: inline-block; padding-block: 8px; }
.legal-indicator { display: inline-block; margin-left: 8px; }
.legal-disclosure[open] .legal-indicator { transform: rotate(45deg); }
.legal-disclosure > div { display: flex; flex-wrap: wrap; gap: 12px 24px; padding-block: 10px; }