:root:has([data-bio-theme="stop-smoking"]) { --bio-accent: 100, 190, 164; }
.bio-icon { object-fit: cover; }
.social-links { position: relative; width: min(100%, 320px); display: grid; gap: 12px; }
.social-links a { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 14px 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.05); color: #f8f7fb; font-size: .94rem; font-weight: 600; text-decoration: none; }
.social-links a:hover { background: rgba(255,255,255,.1); }
.social-links a:focus-visible { outline: 3px solid rgb(var(--bio-accent)); outline-offset: 4px; }