/* Share icon in the corner of every post (includes/share.php) and its desktop menu (assets/js/share.js). */
.nh-lead, .nh-card, .sx-news, .sx-story, .sxn-head { position: relative; }
.ctassam-share {
    position: absolute; top: 10px; right: 10px; z-index: 2;
    display: grid; place-items: center; width: 36px; height: 36px; padding: 0;
    border: 0; border-radius: 50%; background: rgba(255, 255, 255, .94); color: #e8195a;
    box-shadow: 0 4px 12px -2px rgba(15, 25, 60, .35); cursor: pointer; transition: background .15s, color .15s, transform .15s;
}
.ctassam-share svg { width: 17px; height: 17px; }
.ctassam-share:hover, .ctassam-share[aria-expanded="true"] { background: #e8195a; color: #fff; transform: scale(1.06); }
.ctassam-share:focus-visible { outline: 2px solid #1d3a9e; outline-offset: 2px; }
/* List cards: the corner sits above the category chip, clear of the headline. */
.sx-news .ctassam-share, .sx-story .ctassam-share { top: 8px; right: 8px; width: 32px; height: 32px; }
/* Where the corner is text, not a photo, keep the text clear of the icon. */
.sxn-head .ctassam-share { top: 14px; right: 14px; background: #fff0f4; box-shadow: none; }
.sxn-head .sxn-chips, .sxn-head h1 { padding-right: 46px; }

/* Desktop menu */
.ctassam-share-menu {
    position: fixed; z-index: 1000; width: 220px; padding: 6px; border: 1px solid #e3e7ee; border-radius: 12px;
    background: #fff; box-shadow: 0 18px 40px -12px rgba(15, 30, 60, .35);
}
.ctassam-share-menu[hidden] { display: none; }
.ctassam-share-menu a, .ctassam-share-menu button {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 8px;
    background: none; color: #1f2a3c; font: 500 14px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: 0; text-align: left; text-decoration: none; cursor: pointer;
}
.ctassam-share-menu a:hover, .ctassam-share-menu button:hover, .ctassam-share-menu a:focus-visible, .ctassam-share-menu button:focus-visible { background: #f2f5f9; outline: none; }
.ctassam-share-menu i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; font-style: normal; flex-shrink: 0; }
.ctassam-share-menu i svg { width: 15px; height: 15px; }
.ctassam-share-toast {
    position: fixed; left: 50%; bottom: 24px; z-index: 1001; transform: translateX(-50%); padding: 10px 16px; border-radius: 8px;
    background: #1f2a3c; color: #fff; font-size: 14px; box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .4);
}