/* Authentic Bootstrap brand glyphs, with quiet DS surfaces and 44px tap targets. */
.ds-social-links{--social-ink:#c9cedc;--social-line:#ffffff19;--social-surface:#ffffff04;--social-hover:#bcebdd;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;max-width:100%;flex-basis:100%;margin:20px auto 0;padding:0;position:relative;z-index:2}
.ds-social-links a{pointer-events:auto;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--social-line);border-radius:50%;background:var(--social-surface);color:var(--social-ink);text-decoration:none;opacity:1;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}
.ds-social-links .ds-social-icon{display:block;width:20px;height:20px;flex:none;fill:currentColor}
.ds-social-links a[title="YouTube"] .ds-social-icon{width:22px;height:22px}
.ds-social-links a[title="X"] .ds-social-icon{width:18px;height:18px}
.ds-social-links a:hover{color:var(--social-hover);border-color:#a8dace70;background:#bcebdd0a;box-shadow:0 0 20px #a1decc0b;opacity:1}
.ds-social-links a:focus-visible{outline:2px solid var(--social-hover);outline-offset:4px;color:var(--social-hover)}
.site-foot .ds-social-links,.site-footer .ds-social-links{gap:10px;margin-top:8px}
.ds-home-social{margin-top:20px}
.ds-home-social .ds-social-links{margin:0 auto}
.ds-service-social{grid-column:1/-1;margin-top:0;padding-top:14px;border-top:1px solid #170a2b12}
.ds-service-social .ds-social-links{--social-ink:#51455f;--social-line:#170a2b20;--social-surface:#170a2b03;--social-hover:#170a2b;justify-content:flex-start;gap:8px;margin:0}
.ds-service-social .ds-social-links a:hover{border-color:#75628d;background:#170a2b08;box-shadow:none}
/* Homepage icons follow the original shared scene reveal, with no second animation. */
@media(prefers-reduced-motion:reduce){.ds-social-links a{transition:none}}
@media print{.ds-social-links{display:none}}
/* Platform-colored rings stay static and leave the authentic glyphs unchanged. */
.ds-social-links a{position:relative;border-color:transparent}
.ds-social-links a::before{content:'';position:absolute;inset:-1px;border:1.5px solid var(--platform-ring,#dce1ec);border-radius:50%;pointer-events:none}
.ds-social-links a[title="Instagram"]{--platform-ring:#e959a5}
.ds-social-links a[title="Instagram"]::before{border:0;padding:1.5px;background:linear-gradient(35deg,#feda75,#fa7e1e 25%,#d62976 52%,#962fbf 76%,#4f5bd5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.ds-social-links a[title="Facebook"]{--platform-ring:#1877f2}
.ds-social-links a[title="YouTube"]{--platform-ring:#ff0033}
.ds-social-links a[title="X"]{--platform-ring:#f2f2f2}
.ds-social-links a[title="LinkedIn"]{--platform-ring:#0a66c2}
.ds-service-social .ds-social-links a[title="X"]{--platform-ring:#171717}
.ds-social-links a:hover{color:var(--social-ink);border-color:transparent;box-shadow:0 0 12px color-mix(in srgb,var(--platform-ring) 18%,transparent)}
.ds-social-links a:focus-visible{outline-color:var(--platform-ring);color:var(--social-ink)}