.clak-footer .clak-social{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:11px 16px;border:1px solid #191919;background:#fafafa;color:#191919;font:12px var(--mono);text-decoration:none;white-space:nowrap;box-shadow:3px 3px 0 #191919}
.clak-social svg{flex:none}
.clak-footer .clak-social:hover{background:#5fcb88;color:#191919}
.clak-footer .clak-social:focus-visible{outline:2px solid #191919;outline-offset:5px}
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.social-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid #191919;background:#fafafa;color:#191919;text-decoration:none;box-shadow:2px 2px 0 #191919;transition:background .15s,transform .15s}
.social-icon svg{display:block;flex:none}
.social-icon:hover{background:#f7931a;color:#191919;transform:translateY(-2px)}
.social-icon:focus-visible{outline:3px solid #f7931a;outline-offset:5px}
@media(max-width:520px){.header .header-actions .plain-button{display:none}.header-actions{gap:12px}}
@media(max-width:800px){.header nav{display:none}}
@media(max-width:520px){header>.brand{font-size:18px;gap:8px}header>.brand img{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.social-icon{transition:none}.social-icon:hover{transform:none}}