.story-share{margin:1rem 0;max-width:100%;color:#08256b;font-size:.875rem}
.story-share details{display:inline-block;max-width:100%;vertical-align:middle}
.story-share summary{font-size:.875rem;line-height:1.3;display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.35rem .7rem;border:1px solid #becde2;border-radius:3px;cursor:pointer;font-weight:600;list-style:none;box-sizing:border-box;background:#fff}
.story-share summary::-webkit-details-marker{display:none}
.story-share summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.story-share summary:hover,.story-share details[open] summary{background:#edf5fc}
.story-share-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:264px;max-width:100%;margin-top:.45rem;padding:10px 8px;border:1px solid #d7e1ee;border-radius:8px;background:#f7faff;box-sizing:border-box}
.story-share-options .story-share-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;min-height:70px;padding:2px;border:0;border-radius:4px;background:transparent;color:#102a50;font:inherit;font-size:12px;line-height:1.3;text-decoration:none;text-align:center;cursor:pointer;box-sizing:border-box}
.story-share-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;color:#fff;transition:transform .12s ease}
.story-share-circle svg{width:27px;height:27px}
.story-share-facebook{background:#0866ff}
.story-share-whatsapp{background:#00a956}
.story-share-more{background:#08256b}
.story-share-choice:hover .story-share-circle{transform:translateY(-2px)}
.story-share-choice:disabled{opacity:.65;cursor:wait}
.story-share :focus-visible{outline:2px solid #0864bc;outline-offset:3px}
.story-share [hidden]{display:none!important}
.story-share-status{display:inline-block;margin:.35rem .5rem;font-size:.8rem;max-width:100%}
.story-share-fallback{display:block;margin-top:.5rem;max-width:30rem}
.story-share-fallback input{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:480px){.story-share summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){.story-share-circle{transition:none}.story-share-choice:hover .story-share-circle{transform:none}}