.brand-mark{flex-shrink:0;width:auto;height:1.75rem;display:block}
.cookie-settings-button{font-size:inherit}
.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:3rem;padding-top:2rem;font-size:.875rem;line-height:1.6;container-type:inline-size}.site-footer__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1.5rem;margin-bottom:2rem;display:grid}@container (min-width:36rem){.site-footer__columns{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width:56rem){.site-footer__columns{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))}}.site-footer__brand{grid-column:1/-1}.site-footer__brand p{max-width:18rem;margin:.5rem 0 0}@container (min-width:56rem){.site-footer__brand{grid-column:auto}}.site-footer__wordmark{color:var(--color-accent);align-items:center;gap:.375rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.site-footer__mark{width:1.25rem;height:1.25rem}.site-footer__heading{color:var(--color-text);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.site-footer__links{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.site-footer__links a{color:inherit;text-decoration:none}.site-footer__links a:hover{color:var(--color-text);text-decoration:underline}.site-footer__cookie-button{color:inherit;font:inherit;text-decoration:none}.site-footer__cookie-button:hover{color:var(--color-text);text-decoration:underline}.site-footer__note{border-top:1px solid var(--color-border);margin:0;padding-top:1rem;font-size:.8125rem}
.theme-mode-select{border-radius:var(--radius);color:var(--color-muted);flex:none;position:relative}.theme-mode-select__display{pointer-events:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.theme-mode-select__icon{flex:none;width:1.125rem;height:1.125rem}.theme-mode-select__input{opacity:0;cursor:pointer;width:100%;height:100%;font:inherit;margin:0;position:absolute;inset:0}.theme-mode-select:has(.theme-mode-select__input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}@media (hover:hover){.theme-mode-select:hover{color:var(--color-text);background:var(--color-surface)}}
.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.site-header__wordmark{transform:translate(-1px,3px)}.site-header__brand{letter-spacing:-.02em;color:var(--color-accent);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}