.share-panel{margin:40px 0;padding:28px;border:1px solid #bfd1ed;border-radius:20px;background:linear-gradient(135deg,#f3f7ff,#e8f0fc);color:#17305b}
.share-panel h2{font-size:clamp(26px,3vw,34px);line-height:1.2;margin:0 0 12px}
.share-panel .share-intro{max-width:690px;font-size:16px;line-height:1.6;margin:0 0 22px;color:#3c5579}
.share-links{display:flex;flex-wrap:wrap;gap:10px}
.share-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 16px;border:1px solid #8da9d4;border-radius:12px;background:#fff;color:#173e80;font:600 15px/1.35 Arial,sans-serif;text-decoration:none;cursor:pointer;touch-action:manipulation}
.share-link svg{flex:0 0 22px;width:22px;height:22px}
.share-link:hover{background:#dceaff;border-color:#2557b7;text-decoration:none}
.share-link:focus-visible,.share-fallback input:focus-visible{outline:3px solid #2557b7;outline-offset:4px}
.share-link:disabled{opacity:.65;cursor:wait}
.share-panel [hidden]{display:none!important}
.share-fallback{display:block;margin-top:20px;font-size:15px;line-height:1.5}
.share-fallback span{display:block;margin-bottom:7px;font-weight:600}
.share-fallback input{display:block;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #829ec6;border-radius:8px;background:#fff;color:#17305b;font:16px/1.4 Arial,sans-serif}
.share-panel .share-status{font-size:14px;line-height:1.5;margin:12px 0 0;color:#234779}
.share-status:empty{display:none}
.share-panel .share-note{font-size:14px;line-height:1.5;margin:18px 0 0;overflow-wrap:anywhere}
@media(max-width:540px){.share-panel{padding:22px 18px;margin:30px 0}.share-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.share-link{padding:12px 9px;font-size:14px;gap:7px}.share-link[data-share-copy]{grid-column:1/-1}}
@media(forced-colors:active){.share-panel,.share-link,.share-fallback input{border:1px solid CanvasText}.share-link:focus-visible,.share-fallback input:focus-visible{outline:3px solid Highlight}}