/* Shared social destinations: header, footer and homepage contact. */
.ud-social{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;font:400 .9375rem/1.4 Arial,sans-serif;letter-spacing:normal;text-transform:none;color:var(--ink,var(--text,#f3eee5))}
.ud-social .ud-social-label{font-size:.875rem;color:var(--muted,#abbac2)}
.ud-social a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1rem;border:1px solid var(--accent,#9fd3ff);border-radius:6px;color:var(--ink,var(--text,#f3eee5));background:#ffffff08;text-decoration:none}
.ud-social a:hover{background:#ffffff18;color:var(--accent,#9fd3ff)}
.ud-social a:focus-visible{outline:2px solid var(--accent,#9fd3ff);outline-offset:4px}
header:has(>.ud-social--header){flex-wrap:wrap;row-gap:1rem}
.ud-social--header{flex-basis:100%;justify-content:flex-end;padding-top:.75rem;border-top:1px solid #ffffff24}
.ud-social--footer{margin:0 auto 1.5rem;max-width:1260px}
html:has(link[href="/reader.css"]) .ud-social--footer{padding:1rem 18px 0;max-width:900px}
.ud-social--contact{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid #ffffff24}
.ud-social--contact .ud-social-label{width:100%;font-size:1rem}
.ud-social--contact a{align-items:flex-start;flex-direction:column;min-width:200px;padding:1rem 1.25rem}
.ud-social small{font-size:.875rem;color:var(--muted,#abbac2)}
@media(max-width:700px){.ud-social--header{justify-content:center}.ud-social--header .ud-social-label{width:100%;text-align:center}.ud-social--contact a{flex:1;min-width:0}.ud-social--contact small{overflow-wrap:anywhere}}
@media print{.ud-social{display:none}}