.page-share{--share-edge:20px;--share-size:56px;--share-header:var(--header-space,89px);--share-top:calc(var(--share-header) + var(--share-edge));position:fixed;right:max(var(--share-edge),env(safe-area-inset-right));top:var(--share-top);z-index:25;color:var(--ink,#142035);font:400 14px/1.5 var(--body,sans-serif);transition:top .22s ease}
body:has(.header.is-compact) .page-share{--share-header:var(--header-compact,69px)}
.page-share[hidden],.page-share [hidden]{display:none!important}
.page-share button{font:inherit;cursor:pointer}
.page-share-toggle{display:grid;place-items:center;width:var(--share-size);height:var(--share-size);min-height:var(--share-size);padding:0;border:1px solid #c5d1ec;border-radius:50%;background:#fff;color:var(--ink,#142035);box-shadow:0 4px 18px #14203512}
.page-share-toggle>svg{width:24px;height:24px}
.page-share-toggle:hover,.page-share-toggle[aria-expanded=true]{color:var(--blue,#2845ed);border-color:var(--blue,#2845ed);background:var(--pale,#f2f5fa)}
.page-share-panel{position:absolute;right:0;top:calc(100% + 12px);width:330px;max-height:calc(100dvh - var(--share-top) - var(--share-size) - var(--share-size) - 24px - max(var(--share-edge),env(safe-area-inset-bottom)));overflow:auto;overscroll-behavior:contain;padding:18px;background:#fff;border:1px solid var(--line,#d8dfeb);border-top:2px solid var(--blue,#2845ed);border-radius:4px;box-shadow:0 12px 40px #14203526;text-align:start}
.page-share-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.page-share-heading>p{margin:0;font-size:17px;font-weight:500;color:var(--ink,#142035)}
.page-share-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:6px;border:0;background:transparent;color:var(--muted,#526582);border-radius:3px}
.page-share-close:hover{background:var(--pale,#f2f5fa);color:var(--ink,#142035)}
.page-share .page-share-title{margin:6px 0 18px;color:var(--muted,#526582);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.page-share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.page-share-option{display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:11px 10px;border:1px solid transparent;border-radius:3px;background:var(--pale,#f2f5fa);color:var(--ink,#142035);text-decoration:none;text-align:start;line-height:1.35}
.page-share-option svg,.page-share-option img{flex:none;width:20px;height:20px;object-fit:contain}
.page-share-option span{overflow-wrap:anywhere;font-size:13px}
.page-share-option:hover{background:#edf1ff;border-color:#c5d1ec;color:var(--blue,#2845ed)}
.page-share-option[data-share-channel=linkedin] svg{color:#0a66c2}.page-share-option[data-share-channel=facebook] svg{color:#1877f2}
.page-share-more{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:14px;padding:10px;border:1px solid var(--line,#d8dfeb);border-radius:3px;background:#fff;color:var(--ink,#142035)}
.page-share-more:hover{border-color:var(--blue,#2845ed);color:var(--blue,#2845ed)}
.page-share-more:disabled{opacity:.65;cursor:wait}
.page-share .page-share-status{font-size:12px;line-height:1.6;color:var(--muted,#526582);margin:12px 0 0}.page-share-status:empty{display:none}
.page-share-fallback{width:100%;min-height:44px;margin-top:8px;padding:8px;border:1px solid #c5d1ec;border-radius:3px;background:#fff;color:var(--ink,#142035);font:inherit;font-size:13px}
.page-share :focus-visible{outline:2px solid var(--blue,#2845ed);outline-offset:3px}
.page-share-option[data-share-channel]:not([data-share-channel=email]) span{white-space:nowrap}
body:has(.menu-btn[aria-expanded=true]) .page-share,body:has(dialog[open]) .page-share,body:has(.analytics-consent:not([hidden])) .page-share,body:has(.chat-panel:not([hidden])) .page-share{visibility:hidden}
@media(max-width:700px){
 .page-share-panel{position:fixed;left:var(--share-edge);right:max(var(--share-edge),env(safe-area-inset-right));top:calc(var(--share-top) + var(--share-size) + 12px);width:auto;max-width:330px;margin-left:auto;transition:top .22s ease}
}
@media(max-width:600px){.page-share{--share-edge:16px;--share-size:52px}}
@media(max-width:360px){.page-share-panel{padding:16px}.page-share-option{padding:10px 8px;gap:8px}.page-share-option span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.page-share,.page-share-panel{transition:none}}
@media print{.page-share{display:none!important}}
