.social-share { width:min(1124px,calc(100% - 40px)); margin:70px auto; padding:28px; position:relative; display:grid; grid-template-columns:minmax(260px,1fr) auto; align-items:center; gap:24px 34px; color:#111c35; background:#eef1fb; border:1px solid #d5dcf4; border-radius:16px; }
.share-copy { display:flex; align-items:center; gap:16px; }
.share-mark { width:44px; height:44px; flex:0 0 auto; display:grid; place-items:center; color:#fff; background:#3156d3; border-radius:12px; }
.share-mark svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.social-share .share-copy p { margin:0 0 5px; color:#111c35; font-size:16px; font-weight:650; letter-spacing:-.025em; }
.social-share .share-copy span:not(.share-mark) { color:#687188; font-size:12px; line-height:1.45; }
.share-actions { display:flex; align-items:center; gap:7px; }
.share-button { min-height:44px; padding:0 13px; display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#27324d; background:#fff; border:1px solid #d5daea; border-radius:9px; text-decoration:none; cursor:pointer; font:600 12px "Instrument Sans",sans-serif; transition:color .2s,border-color .2s,transform .2s,background .2s; }
.share-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.share-button:hover { color:#3156d3; background:#fdfdff; border-color:#9cace5; transform:translateY(-1px); }
.copy-share { color:#fff; background:#111c35; border-color:#111c35; }
.copy-share:hover,.copy-share.is-copied { color:#fff; background:#3156d3; border-color:#3156d3; }
.native-share { display:none; color:#fff; background:#3156d3; border-color:#3156d3; }
.native-share:hover { color:#fff; background:#2445b4; }
.share-feedback { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
@media(max-width:850px){.social-share{grid-template-columns:1fr}.share-actions{display:grid;grid-template-columns:repeat(2,1fr)}.share-button{width:100%}}
@media(max-width:520px){.social-share{width:100%;margin:46px auto 0;padding:20px;border-radius:14px}.share-copy{align-items:flex-start}.share-mark{width:40px;height:40px}.social-share .share-copy p{font-size:15px}.share-actions{margin-top:2px}.share-button{min-height:46px;padding:0 10px}}