/* Small marks with comfortable touch and keyboard targets. */
.hero-socials{display:flex;align-items:center;gap:4px;margin:8px 0 0 -12px;width:max-content}
.hero-socials a{display:grid;place-items:center;width:44px;height:44px;color:var(--muted);text-decoration:none;border-radius:2px}
.hero-socials svg{width:20px;height:20px;display:block}
.hero-socials a:hover{color:var(--blue)}
.hero-socials a:focus-visible{color:var(--blue);outline:2px solid var(--blue);outline-offset:2px}