/* Shared by the app's Home/About and the script-free public front door. */
.app-social-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; min-width: 0; }
.app-social-row .app-store-badge { padding: 10px 0; min-height: 60px; }
/* In a page's top row (Home on a wide window): the badge keeps a full target and gives up the air it carries in a column, so the row is no taller for holding it. */
.app-social-row[data-compact] .app-store-badge { padding: 0; min-height: 44px; }
.social-links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.social-links a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; }
.social-links img { display: block; flex: none; object-fit: contain; }
.social-links .social-icon-dark { display: none; }
.social-links a:focus-visible { outline: 3px solid var(--brand-focus, var(--focus, #CD0430)); outline-offset: 3px; }
@media (hover: hover) { .social-links a:hover { background: color-mix(in srgb, currentColor 7%, transparent); } }
@media (prefers-color-scheme: dark) { .social-links .social-icon-light { display: none; } .social-links .social-icon-dark { display: block; } }