.story-share-panel{margin:42px 0 18px;padding:26px clamp(18px,4vw,32px);border:1px solid #dab879;border-radius:5px;background:#244b65;color:#f4f1e9}
.story-share-panel h2{margin:0 0 10px;color:#f4f1e9;font:normal clamp(26px,4vw,34px)/1.2 Georgia,serif}
.story-share-panel>p{margin:0;color:#f4f1e9}
.personal-story-share{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.personal-story-share>a,.personal-story-share>button{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;padding:10px 8px;border:1px solid #dab879;border-radius:4px;background:#0b2032;color:#fff4df;font:700 14px/1.3 system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer}
.personal-story-share>a:hover,.personal-story-share>button:hover{background:#dab879;color:#0b2032}
.personal-story-share :focus-visible{outline:3px solid #fff4df;outline-offset:3px}
.personal-story-share>[role=status],.personal-story-share>input{grid-column:1/-1}
.personal-story-share>[role=status]{min-height:20px;color:#fff4df;font-size:13px}
.personal-story-share>[role=status]:empty{display:none}
.personal-story-share>input{width:100%;padding:11px;border:1px solid #dab879;border-radius:4px;background:#fff;color:#183043;font:14px system-ui,sans-serif}
@media(max-width:520px){.personal-story-share{gap:7px}.personal-story-share>a,.personal-story-share>button{min-height:46px;padding:8px 3px;font-size:12px}}