.header .nav-actions{margin-left:auto}
.social-links{display:flex;align-items:center;gap:6px}
.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;border-radius:8px;color:var(--ink);text-decoration:none;transition:color 160ms,background-color 160ms,transform 160ms}
.social-links svg{width:21px;height:21px;flex:none;stroke-width:1.65}
.social-links a:hover{color:var(--accentText);background:var(--surface)}
.social-links a:active{transform:scale(.96);background:var(--line)}
.social-links a:focus-visible{outline:2px solid var(--accentText);outline-offset:3px}
.header-socials{flex:none}
.header-socials span{display:none}
.footer-socials{margin-top:26px;gap:12px;flex-wrap:wrap}
.footer-socials a{padding:0 14px;background:var(--surface);font-size:14px}
@media(min-width:761px) and (max-width:1150px){.header .nav-link{display:none}.header{gap:18px}}
@media(max-width:760px){
 .header{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding-top:17px;padding-bottom:8px}
 .header .nav-actions{gap:8px;margin:0}
 .header-socials{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
 .header-socials span{display:inline;font-size:13px}
 .header-socials a{gap:7px}
 .header-socials svg{width:18px;height:18px}
 .footer-socials{gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}
 .footer-socials a{padding:0 5px;gap:6px;font-size:13px}
 .footer-socials svg{width:18px;height:18px}
}
@media(max-width:360px){.header .brand img{width:170px;height:auto}.header{column-gap:8px}}
@media(prefers-reduced-motion:reduce){.social-links a{transition:none}.social-links a:active{transform:none}}

.social-links .brand-icon,.social-links .brand-icon use{fill:currentColor;stroke:none;stroke-width:0}
body[data-document-page] .site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}
body[data-document-page] .site-footer .footer-socials{grid-column:1/-1;margin-top:0;justify-content:flex-end}
@media(max-width:760px){body[data-document-page] .site-footer{grid-template-columns:1fr}body[data-document-page] .site-footer .footer-socials{width:100%;justify-content:stretch}}

@media(max-width:760px){body[data-document-page] .footer-socials{grid-template-columns:repeat(2,minmax(0,1fr))}}
