.social-accounts{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-block:18px;max-width:100%}.social-accounts[hidden]{display:none}
.social-account{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:100%;padding:10px 14px;color:#f1ca79;text-decoration:none;border:1px solid #d7b06466;border-radius:13px;background:#152c3f;line-height:1.6;min-height:44px;box-sizing:border-box;overflow-wrap:anywhere}
.social-account:hover{border-color:#f1ca79;background:#203a50}.social-account:focus-visible{outline:2px solid #f1ca79;outline-offset:3px}.social-account-icon{width:22px;height:22px;object-fit:contain;flex:none}.social-account-username{font-size:.85em;overflow-wrap:anywhere}html[data-theme="light"] .social-account{background:#fff8e9;color:#684500}
@media(max-width:520px){.social-accounts{gap:8px}.social-account{padding:9px 11px;flex:1 1 145px}.social-account-username{flex-basis:100%}}
.header-brand-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:420px;padding-block:10px;flex:0 1 420px}
.header-brand-group .brand{width:auto;justify-content:flex-start}
.social-accounts--header{width:100%;margin:0;padding:0;gap:6px;justify-content:flex-start}
@media(max-width:800px){.header-brand-group{flex:1 1 100%;max-width:100%;padding-block:0}.header-brand-group .brand{align-self:flex-start}}.social-accounts--header .social-account{padding:6px 10px;font-size:.8rem;flex:0 1 auto}.social-accounts--header .social-account-username{display:none}