.intro-share-tools{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));z-index:2}
.intro-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;background:#ffffffb8;border:1px solid #d6d3d0;border-radius:99px;color:var(--intro-navy);font-size:13px;font-weight:650;line-height:1.5;box-shadow:0 2px 8px #1c254807}
.intro-share-button:hover{background:#fff;border-color:#aaaebd}
.intro-share-button svg,.share-button svg{width:18px;height:18px;flex-shrink:0}
.intro-page{padding-top:88px}
.share-is-open{overflow:hidden}
.share-dialog{position:fixed;inset:0;width:min(560px,calc(100% - 32px));max-width:560px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #dddfe5;border-radius:22px;background:#fff;color:#1c2548;box-shadow:0 24px 90px #10172640;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.share-dialog::backdrop{background:#17202f91;backdrop-filter:blur(3px)}
.share-content{padding:26px}
.share-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.share-heading h2{margin:0;font-size:23px;font-weight:750;line-height:1.4;letter-spacing:-.7px}
.share-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;margin:-8px -8px -8px 0;border:0;border-radius:50%;background:transparent;color:#697185}
.share-close:hover{background:#f2f3f6}
.share-close svg{width:22px;height:22px}
.share-lead{margin:10px 0 20px;font-size:13px;line-height:1.7;color:#646b7e}
.share-card{margin:0;border:1px solid #e0e3e9;border-radius:14px;overflow:hidden;background:#fff}
.share-card-image{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;background:#f7f3ed}
.share-card-body{padding:18px 20px}
.share-card h3{margin:0;font-size:18px;font-weight:750;line-height:1.5;letter-spacing:-.5px}
.share-description{margin:10px 0 16px;color:#646b7e;font-size:13px;line-height:1.8}
.share-publisher{margin:0;font-size:12px;color:#737b8c}
.share-address{margin:5px 0 0;font-size:12px;line-height:1.6;color:#415c7e;overflow-wrap:anywhere;word-break:normal}
.share-actions{display:grid;gap:10px;margin-top:18px}
.share-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;padding:12px 14px;border:1px solid #d6dbe5;border-radius:10px;background:white;color:#1c2548;font-size:13px;font-weight:700;line-height:1.5;text-align:center}
.share-button:hover{background:#f5f6fa;border-color:#a7afbf}
.share-button-primary{background:#1c2548;border-color:#1c2548;color:#fff}
.share-button-primary:hover{background:#303b60;border-color:#303b60}
.share-copy-actions{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px}
.share-device-help{margin:10px 0 0;color:#737b8c;font-size:11px;line-height:1.7}
.share-status{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#edf4ef;color:#22573b;font-size:12px;line-height:1.7}
.share-status:empty{display:none}
.share-manual-copy{margin-top:12px}
.share-manual-copy label{display:block;margin-bottom:7px;font-size:12px;font-weight:650}
.share-manual-copy textarea{display:block;width:100%;min-height:105px;max-height:220px;resize:vertical;border:1px solid #b9c3d2;border-radius:8px;padding:12px;font-size:14px;line-height:1.7;color:#1c2548;background:#f8f9fb;word-break:break-all}
@media(max-width:760px){.intro-page{padding-top:80px}.intro-share-tools{right:max(20px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top))}.intro-share-button{font-size:12px;padding:10px 14px}.share-content{padding:22px}.share-heading h2{font-size:21px}.share-card-body{padding:16px}}
@media(max-width:420px){.share-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.share-content{padding:18px}.share-copy-actions{grid-template-columns:1fr}.share-card h3{font-size:17px}.share-lead{margin-bottom:16px}.share-button{min-height:46px;padding:10px 12px}.share-device-help{font-size:11px}.share-manual-copy textarea{font-size:16px}}
@media(forced-colors:active){.share-button,.intro-share-button{border:1px solid ButtonText}.share-dialog{border:2px solid CanvasText}}