.share-button,.share-dialog { --share-ink:var(--cp-text,var(--ink,#233039)); --share-accent:var(--cp-accent,var(--accent,#285c73)); --share-surface:var(--cp-surface,var(--surface,#fff)); --share-line:var(--cp-border,var(--line,#d7dfe1)); --share-soft:var(--cp-accent-soft,var(--soft,#edf2f3)); }
.share-button { display:inline-flex; align-items:center; justify-content:center; width:fit-content; min-height:44px; padding:9px 13px; border:1px solid var(--share-line); border-radius:3px; background:var(--share-surface); color:var(--share-accent); font:600 12px/1.5 Manrope,system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.share-button:hover:not(:disabled) { background:var(--share-soft); }
.share-button:active:not(:disabled) { transform:scale(.98); }
.share-button:disabled { opacity:.6; cursor:default; }
.share-button:focus-visible,.share-dialog input:focus-visible { outline:3px solid var(--share-accent); outline-offset:3px; }
.share-button.share-button--icon { width:44px; height:44px; padding:10px; border-radius:50%; flex:none; }
.share-button--icon svg { display:block; width:22px; height:22px; }
.share-dialog { width:min(540px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:24px; overflow:auto; border:1px solid var(--share-line); border-radius:6px; background:var(--share-surface); color:var(--share-ink); font:14px/1.65 Manrope,system-ui,sans-serif; box-sizing:border-box; }
.share-dialog:not([open]),.share-dialog [hidden] { display:none!important; }
.share-dialog::backdrop { background:rgba(22,35,42,.48); }
.share-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.share-dialog h2 { margin:0; font:500 22px/1.3 Manrope,system-ui,sans-serif; }
.share-article-title { font-weight:600; overflow-wrap:anywhere; margin:20px 0 8px; }
.share-description { margin:0 0 16px; }
.share-preview-warning { padding:12px; border-left:3px solid var(--share-accent); background:var(--share-soft); font-size:12px; }
.share-dialog label { display:block; margin:16px 0 8px; font-size:12px; font-weight:600; }
.share-dialog input { width:100%; min-width:0; box-sizing:border-box; min-height:46px; padding:10px 12px; border:1px solid var(--share-line); border-radius:3px; background:var(--share-surface); color:var(--share-ink); font:inherit; font-size:16px; }
.share-dialog-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.share-dialog-actions #publicShareCopy { background:var(--share-accent); color:var(--share-surface); }
.share-status { min-height:1.65em; margin:14px 0 0; font-size:12px; }
@media(max-width:450px) { .share-dialog { padding:18px; } }
@media(prefers-reduced-motion:reduce) { .share-button:active:not(:disabled) { transform:none; } }
@media print { .share-button,.share-dialog { display:none!important; } }