.page-share{margin:0 0 22px;color:var(--ink)}
.article-head .page-share{margin-top:18px}
.page-share summary{display:inline-flex;align-items:center;min-height:42px;padding:3px 0;border:0;border-bottom:2px solid currentColor;background:transparent;color:var(--blue);font-size:.92rem;font-weight:800;cursor:pointer;list-style:none}
.page-share summary::-webkit-details-marker{display:none}
.page-share summary:hover,.page-share details[open] summary{color:var(--ink);border-color:var(--yellow)}
.page-share-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}
.page-share-actions a,.page-share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1.5px solid var(--blue);border-radius:4px;background:white;color:var(--ink);font:inherit;font-size:.9rem;font-weight:800;text-decoration:none;cursor:pointer}
.page-share-actions a:hover,.page-share-actions button:hover{background:var(--yellow)}
.page-share-actions .page-share-native[hidden],.page-share-url[hidden]{display:none}
.page-share-url{display:block;max-width:100%;width:480px;margin-top:12px;padding:9px;font:inherit}
.page-share-status:not(:empty){display:block;margin-top:10px;font-weight:700}
.page-share-help{max-width:530px;margin:10px 0 0;font-size:.88rem;line-height:1.5}
.page-share-actions button:disabled{opacity:.6;cursor:wait}
.page-share :is(summary,a,button,input):focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:560px){.page-share-actions a,.page-share-actions button{flex:1 1 42%}}
.page-share [hidden]{display:none!important}.page-share-story-preview{margin-top:16px}.page-share-story-preview img{display:block;width:216px;height:auto;max-width:100%;border:1px solid #b9c7f1;border-radius:8px}.page-share-story-save{display:inline-block;margin-top:12px;padding:12px 16px;background:#f7a600;color:#132b65;font-weight:800;border-radius:5px;cursor:pointer}.agenda-share-card{min-width:0}.agenda-share-card>.page-share{margin:0;padding:0 16px 12px;background:white;border:1px solid #d9e0f4;border-top:0;border-radius:0 0 8px 8px}.agenda-share-card>.agenda-card{border-radius:8px 8px 0 0}.agenda-detail-main>.page-share{margin:18px 0 24px}.agenda-page .page-share{--blue:#456be0;--ink:#132b65;--yellow:#f7a600}.agenda-page .page-share-actions :is(a,button){min-height:44px;font-size:14px}.agenda-page .page-share-help{font-size:14px}.agenda-page .page-share-story-preview img{width:216px;height:auto;object-fit:contain}

/* Compact agenda sharing, with the options expanded only on demand. */
.agenda-share-card>.agenda-card{border-bottom:0}.agenda-share-card>.page-share{padding:0 12px 3px}.agenda-share-card .page-share summary{display:flex;width:max-content;max-width:100%;margin-left:auto;gap:6px;min-height:34px;padding:3px 4px;border:0;font-size:14px;font-weight:600;line-height:1.2}.agenda-share-card .page-share summary svg{flex:none}.agenda-share-card .page-share details[open]{padding-bottom:9px}.agenda-share-card .page-share details[open] summary{margin-bottom:6px}.agenda-share-card .page-share-actions{margin-top:0}

/* Visible, compact sharing button within every event detail. */
.agenda-detail-main>.page-share summary{gap:8px;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid #f7a600;border-radius:6px;background:#f7a600;color:#132b65;font-size:15px;line-height:1.3;text-align:left}
.agenda-detail-main>.page-share summary svg{flex:none}
.agenda-detail-main>.page-share summary:hover,.agenda-detail-main>.page-share details[open] summary{background:#ffb923;border-color:#ffb923;color:#132b65}
.agenda-detail-main>.page-share summary:focus-visible{outline:3px solid #132b65;outline-offset:3px}