.article-share-top{margin:18px 0 0;text-align:left}
.article-share-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;touch-action:manipulation}
.article-share-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.article-share-button:hover{background:#111;color:#fff;border-color:#111}
.article-share-button:focus-visible,.article-share-dialog :is(a,button,input):focus-visible{outline:2px solid currentColor;outline-offset:4px}
.article-share-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - 80px);max-width:1080px;margin:44px auto;padding:24px 0;border-top:1px solid rgba(12,12,12,.22);border-bottom:1px solid rgba(12,12,12,.22);color:#111}
.article-share-bottom>p{margin:0;font:400 clamp(25px,3vw,36px)/1.15 'DM Sans',sans-serif;letter-spacing:-.04em}
.article-share-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 40px);padding:28px;border:1px solid #111;border-radius:0;background:#fff;color:#111;box-shadow:0 12px 60px #0003;overflow:auto;font:400 14px/1.5 'DM Sans',sans-serif}
.article-share-dialog::backdrop{background:#0007}
.article-share-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.article-share-dialog-header h2{margin:0;font:400 30px/1.15 'DM Sans',sans-serif;letter-spacing:-.04em}
.article-share-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;margin:-8px -10px -8px 0;padding:0;border:0;background:transparent;color:inherit;font:300 30px/1 sans-serif;cursor:pointer}
.article-share-story-title{margin:16px 0 24px;color:#555;font-size:14px;line-height:1.5}
.article-share-options{display:grid;gap:8px;margin-bottom:24px}
.article-share-options a{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:46px;padding:10px 14px;border:1px solid #ddd;color:#111;text-decoration:none}
.article-share-options a:hover{border-color:#111;background:#f6f6f6}
.article-share-link-label{display:block;margin:0 0 8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.article-share-copy-row{display:flex;min-width:0;border:1px solid #bbb}
.article-share-copy-row input{box-sizing:border-box;min-width:0;width:100%;min-height:46px;padding:10px;border:0;border-radius:0;background:#fff;color:#555;font:400 12px/1.5 'DM Sans',sans-serif}
.article-share-copy-row button{flex-shrink:0;min-height:46px;padding:10px 14px;border:0;border-left:1px solid #bbb;border-radius:0;background:#111;color:#fff;font:500 12px/1.5 'DM Sans',sans-serif;cursor:pointer}
.article-share-status{min-height:21px;margin:10px 0 0;font-size:12px}
@media(max-width:700px){.article-share-bottom{width:calc(100% - 40px);margin:32px auto;padding:20px 0;gap:14px}.article-share-dialog{padding:22px}.article-share-dialog-header h2{font-size:27px}}
