/* Social sharing (assets/share.js; share-plan.md "Pages"). The delegate's block uses the registration pages' tokens
   (assets/reg-a.css: --a-*, --s*, --r*, --a-ctl-h); the fallbacks let the event row and the agenda menu work on the
   website's pages too, which don't load reg-a.css. Class names start with shk- so they can't collide. */
.shk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- 1 · the block on the pass page (A1) ---------- */
.shk{scroll-margin-top:var(--s5,24px)}
.shk h2{margin:0 0 var(--s1,4px)}
.shk .shk-card{margin:0 0 var(--s4,16px)}
.shk canvas{display:block;width:100%;height:auto;aspect-ratio:1200/627;border-radius:var(--r2,12px);background:#0B1F3A}
.shk .shk-k{display:block;font:700 11px/16px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--a-ink-3,#66768C);margin:var(--s4,16px) 0 var(--s2,8px)}
.shk .shk-txt{display:block;width:100%;box-sizing:border-box;min-height:calc(var(--a-ctl-h,40px) * 2);resize:vertical;border:1px solid var(--a-field,#8593A8);border-radius:var(--r1,8px);background:var(--a-surface,#fff);
  padding:10px var(--s3,12px);font:400 14px/1.5 var(--sans);color:var(--a-ink,#0F1B2D);transition:border-color .15s,box-shadow .15s}
.shk .shk-txt:hover{border-color:var(--a-ink-3,#66768C)}
.shk .shk-txt:focus{outline:none;border-color:var(--a-accent,#0D9488);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-focus,#0D9488) 25%,transparent)}
.shk .shk-url{margin:var(--s1,4px) 0 0;font:400 13px/18px var(--sans);color:var(--a-ink-2,#46566C);overflow-wrap:anywhere}
.shk .shk-url span{color:var(--a-accent-text,#0F766E);font-weight:600}
.shk-btns{display:flex;flex-wrap:wrap;gap:var(--s2,8px)}
/* share buttons: the mock's 40px bordered buttons, at the form controls' height (44px on phones, for thumbs) */
.shk-b{display:inline-flex;align-items:center;gap:var(--s2,8px);height:var(--a-ctl-h,40px);padding:0 14px;border-radius:var(--r1,8px);border:1px solid var(--a-line-2,#C3CDDA);background:var(--a-surface,#fff);
  font:600 14px/1 var(--sans);color:var(--a-ink,#0F1B2D);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}
.rx .shk-b{color:var(--a-ink,#0F1B2D)}
.shk-b:hover{background:var(--a-surface-2,#F1F4F8);border-color:var(--a-ink-3,#66768C)}
.shk-b[aria-disabled="true"]{opacity:.55;cursor:default;pointer-events:none}
.shk-b.pri{background:var(--a-primary,#163E72);border-color:var(--a-primary,#163E72);color:#fff}
.rx .shk-b.pri{color:#fff}
.shk-b.pri:hover{background:var(--a-primary-hover,#0F2F59)}
.shk-b.is-done{border-color:var(--a-ok,#15803D);color:var(--a-ok,#15803D)}
.shk-b svg{width:18px;height:18px;flex:none}
/* brand colours on the marks; X follows the ink so it shows in dark mode */
.shk .li,.shk-menu .li{color:#0A66C2}.shk .x,.shk-menu .x{color:var(--a-ink,#000)}.shk .fb,.shk-menu .fb{color:#1877F2}.shk .wa,.shk-menu .wa{color:#25D366}.shk .ig{color:#C13584}
.shk-b.pri svg,.shk-b.is-done svg{color:inherit}
#main.rx .shk-b:focus-visible,.shk-b:focus-visible,.shk-sw:focus-visible{outline:none;box-shadow:0 0 0 2px var(--a-surface,#fff),0 0 0 4px var(--a-focus,#0D9488)}
.shk .shk-native{width:100%;margin:0 0 var(--s2,8px)}
.shk .shk-native svg{width:20px;height:20px;stroke:currentColor}
.shk-ig{margin-top:var(--s3,12px);padding:var(--s4,16px);border-radius:var(--r2,12px);background:var(--a-surface-2,#F1F4F8)}
.shk-ig b{display:block;font:700 15px/22px var(--display)}
.shk-ig p{margin:var(--s1,4px) 0 var(--s3,12px)!important;font-size:14px;line-height:20px;color:var(--a-ink-2,#46566C)}
.shk .shk-status{margin:var(--s2,8px) 0 0;font:500 13px/18px var(--sans);color:var(--a-ok,#15803D);min-height:0}
.shk .shk-status:empty{margin:0}
.shk .shk-small{margin:var(--s2,8px) 0 0;font-size:12.5px;line-height:18px;color:var(--a-ink-3,#66768C)}
/* the extras: calendar, invite a colleague, public card */
.shk-extra{display:grid;gap:var(--s3,12px);margin-top:var(--s4,16px);border-top:1px solid var(--a-line,#DDE3EB);padding-top:var(--s4,16px)}
.shk-r{display:flex;justify-content:space-between;align-items:center;gap:var(--s3,12px);flex-wrap:wrap}
.shk-r>div:first-child{min-width:0;flex:1 1 220px}
.shk-r:has(.shk-sw){flex-wrap:nowrap}
.shk-r b{display:block;font:700 14px/20px var(--display);color:var(--a-ink,#0F1B2D)}
.shk-r span{display:block;font-size:13px;line-height:18px;color:var(--a-ink-2,#46566C)}
.shk-r .shk-b span{display:inline;font-size:14px;color:inherit}
.shk-btns .shk-b span{line-height:1}
/* the switch (role="switch"): 36×20 track, teal when on */
.shk-sw{all:unset;box-sizing:border-box;position:relative;flex:none;width:44px;height:24px;border-radius:99px;background:var(--a-line-2,#C3CDDA);cursor:pointer;transition:background-color .15s}
.shk-sw::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .2);transition:transform .15s}
.shk-sw[aria-checked="true"]{background:var(--a-accent,#0D9488)}
.shk-sw[aria-checked="true"]::after{transform:translateX(20px)}
.shk-sw:disabled{opacity:.6;cursor:wait}
@media (max-width:640px){
  .shk .shk-btns .shk-b{flex:1 1 calc(50% - var(--s2,8px));justify-content:center;padding:0 10px}
  .shk-r .shk-btns{width:100%}
  .shk-r .shk-btns .shk-b{flex:1 1 0;padding:0 6px}
  .shk-r .shk-btns .shk-b svg{display:none}   /* three calendar buttons on one line at 375px */
  .shk-r>.shk-b{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.shk *,.shk-sw::after{transition:none!important}}

/* ---------- a · "Share this event": quiet, takes the colour of where it sits (dark heroes, light panels) ---------- */
.shk-ev{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2,8px) var(--s3,12px);margin:0}
.shk-ev .shk-ev-t{margin:0;font:400 14px/20px var(--sans);opacity:.85}
.shk-ev .shk-ev-t b{font-weight:600}
.shk-ev-b{display:flex;gap:6px;flex-wrap:wrap}
.shk-i{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 28%,transparent);background:transparent;color:inherit;cursor:pointer;padding:0;
  text-decoration:none;transition:background-color .15s,border-color .15s}
.rx .shk-i{color:inherit}
.shk-i:hover{background:color-mix(in srgb,currentColor 10%,transparent);border-color:color-mix(in srgb,currentColor 50%,transparent)}
.shk-i:focus-visible{outline:2px solid var(--a-focus,#2DD4BF);outline-offset:2px}
.shk-i svg{width:16px;height:16px;color:inherit}
.shk-i.is-done{border-color:currentColor}
.shk-ev-s{font:500 13px/18px var(--sans);opacity:.85}
.shk-ev-s:empty{display:none}

/* ---------- b · the agenda session menu (a popup under the button, on the website's pages) ---------- */
.shk-menu{position:absolute;z-index:200;width:260px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:12px;border-radius:14px;background:#fff;color:#0F1B2D;
  border:1px solid #DDE3EB;box-shadow:0 12px 36px -8px rgb(16 24 40 / .28),0 2px 6px rgb(16 24 40 / .08);font:400 14px/20px var(--sans,"Inter",system-ui,sans-serif)}
.shk-menu .shk-mt{margin:0 4px 6px;font-weight:600;line-height:1.35}
.shk-menu .shk-mt span{display:block;margin-top:2px;font-weight:400;font-size:12.5px;color:#46566C}
.shk-menu .shk-mk{margin:10px 4px 4px;font:700 11px/16px var(--sans,"Inter",system-ui,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#66768C}
.shk-menu .shk-ml{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.shk-menu .shk-ml a,.shk-menu .shk-ml button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 8px;border-radius:8px;cursor:pointer;color:#0F1B2D;font-weight:500}
.shk-menu .shk-ml a:hover,.shk-menu .shk-ml button:hover{background:#F1F4F8}
.shk-menu .shk-ml a:focus-visible,.shk-menu .shk-ml button:focus-visible{outline:2px solid #0D9488;outline-offset:-2px}
.shk-menu .shk-ml svg{width:18px;height:18px;flex:none}
.shk-menu .shk-ml .is-done{color:#15803D}
.shk-menu .shk-ms{margin:6px 4px 0;font-size:12.5px;color:#15803D}
.shk-menu .shk-ms:empty{display:none}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .shk-menu{background:#0E1A2C;color:#E6EDF6;border-color:#21324B}
  :root:not([data-theme="light"]) .shk-menu .shk-ml a,:root:not([data-theme="light"]) .shk-menu .shk-ml button{color:#E6EDF6}
  :root:not([data-theme="light"]) .shk-menu .shk-ml a:hover,:root:not([data-theme="light"]) .shk-menu .shk-ml button:hover{background:#14233A}
  :root:not([data-theme="light"]) .shk-menu .shk-mt span,:root:not([data-theme="light"]) .shk-menu .shk-mk{color:#A9B8CC}
  :root:not([data-theme="light"]) .shk-menu .x{color:#E6EDF6}
}