/* Shared platform symbols, order, and interaction styles in header and footer. */
.topbar .nav{display:flex;position:static;flex-direction:row;align-items:center;gap:clamp(14px,1.8vw,28px);margin-left:auto;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.topbar .menu{display:none}
.topbar .nav a:after{background:#ff1738}
.social-header{margin-left:-8px}
.social-links{display:flex;align-items:center;justify-content:center;gap:4px;flex:none}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;color:#fff;line-height:1;transition:color 200ms ease,transform 200ms ease}
.social-links svg{display:block;width:20px;height:20px;fill:currentColor;pointer-events:none}
.topbar .social-links a:after{display:none}
.social-links a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}
.footer-brand{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}
@media(hover:hover) and (pointer:fine){.social-links a:hover{color:#ff1738;transform:translateY(-2px)}}
@media(max-width:720px){.topbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px}.topbar>.logo,.topbar>.header-logo{grid-column:1;grid-row:1}.topbar .menu{display:block;color:#fff;grid-column:3;grid-row:1}.topbar>.social-header{grid-column:2;grid-row:1;margin-left:0}.topbar .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;padding:24px;margin-left:0;background:#111;flex-direction:column;gap:22px}.topbar .nav.open{display:flex}}
@media(max-width:600px){.topbar{column-gap:10px}.social-header{gap:2px}.social-header a{width:24px;height:32px}.social-header svg{width:18px;height:18px}}
@media(max-width:400px){.topbar{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.topbar .menu{grid-column:2}.topbar>.social-header{grid-column:1/-1;grid-row:2;justify-self:end}}
@media(prefers-reduced-motion:reduce){.social-links a{transition:none}.social-links a:hover{transform:none}}