/* join-org.css (23 Oct 2026): join-organisation.html (organisation invite, signed-in screen) and the account.html
   "Share my earlier results with my organisation" switch. Written by hand; used by handoff-build/join_org.py output and account.html.
   Switch follows the site toggle rule: selected option = white with the --tog-grad 2px border; others stay on the neutral track. */
:root{--tog-grad:linear-gradient(100deg,#C8102E 0%,#EF2E27 30%,#E55F1B 70%,#CF6F1E 100%)}

/* ---------- join-organisation.html ---------- */
.jo-main{padding:56px 24px 72px}
.jo-wrap{max-width:720px;margin:0 auto}
.jo-card{background:#fff;border-radius:20px;padding:40px 40px 36px;box-shadow:0 0 0 1px var(--hairline,#E6E2DA)}
.jo-card[hidden],.jo-plan[hidden],.jo-err[hidden],.jo-hint[hidden],.jo-demo[hidden],[data-org-share][hidden]{display:none}
.jo-k{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--muted,#5E5E63)}
.jo-h1{margin:0 0 16px;font-size:clamp(32px,4.2vw,46px);line-height:1.08;letter-spacing:-.02em;color:var(--ink,#1D1D1F)}
.jo-h1:focus{outline:none}
.jo-h1:focus-visible{outline:none} /* tabindex=-1 heading: focus is moved here for screen readers on each state change; it is not a control */
.jo-h2{margin:28px 0 10px;font-size:19px;line-height:1.3;color:var(--ink,#1D1D1F)}
.jo-lead{margin:0;font-size:19px;line-height:1.5;color:var(--ink,#1D1D1F)}
.jo-p{margin:0;font-size:17px;line-height:1.55;color:var(--ink,#1D1D1F)}
.jo-p+.jo-p,.jo-lead+.jo-p{margin-top:12px}
.jo-card a:not(.btn){color:#9A3412;text-decoration:underline;text-underline-offset:2px}
.jo-card a:not(.btn):focus-visible,.jo-demo a:focus-visible{outline:3px solid #1D4ED8;outline-offset:2px;border-radius:3px}
.jo-list{margin:0;padding-left:22px;font-size:17px;line-height:1.55;color:var(--ink,#1D1D1F)}
.jo-list li+li{margin-top:6px}
.jo-plan{border:1px solid var(--hairline,#E6E2DA);border-radius:16px;padding:20px 22px;background:#FBFAF7}
.jo-planname{margin:0 0 8px;font-weight:700;font-size:16px;color:var(--ink,#1D1D1F)}
.jo-check{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:12px;background:#fff;border:1.5px solid #8A8A90;cursor:pointer;font-size:17px;font-weight:700;line-height:1.4;color:var(--ink,#1D1D1F)}
.jo-check input{flex:none;width:24px;height:24px;margin:0;accent-color:#B8102D;cursor:pointer}
.jo-check input:focus-visible{outline:3px solid #1D4ED8;outline-offset:2px}
.jo-check:has(input:checked){border-color:#B8102D}
.jo-priv{margin-top:24px;padding:18px 20px;border-radius:14px;background:#F3F1EC}
.jo-err{margin:20px 0 0;padding:12px 16px;border-radius:12px;background:#FDECEC;color:#8A1020;font-size:16px;font-weight:600}
.jo-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.jo-btns .btn{min-height:52px}
.jo-btns .btn:focus-visible{outline:3px solid #1D4ED8;outline-offset:2px}
.jo-btns .btn[aria-disabled="true"]{cursor:not-allowed}
.jo-hint{margin:12px 0 0;font-size:15px;color:var(--muted,#5E5E63)}
.jo-demo{margin:20px 4px 0;font-size:14px;color:var(--muted,#5E5E63)}
.jo-demo a{color:#9A3412}
@media (max-width:600px){
  .jo-main{padding:28px 16px 48px}
  .jo-card{padding:26px 20px 24px;border-radius:18px}
  .jo-btns{flex-direction:column}
  .jo-btns .btn{width:100%}
  .jo-lead{font-size:18px}
}

/* ---------- account.html: share earlier results switch ---------- */
.org-share{margin-top:1.5rem;scroll-margin-top:160px}
.org-share[hidden]{display:none}
.org-share .os-k{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5E5E63;margin:0 0 .4rem}
.org-share h2{margin:0 0 .5rem;font-size:1.35rem;line-height:1.25}
.org-share p{margin:.5rem 0 0;line-height:1.55;color:#1D1D1F}
.org-share .os-muted{color:#5E5E63;font-size:.95rem}
.org-share a{color:#9A3412;text-decoration:underline}
.os-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:1.1rem;padding:1rem 1.1rem;border-radius:14px;background:#FBFAF7;border:1px solid #E6E2DA}
.os-label{font-weight:700;font-size:1.05rem;color:#1D1D1F;margin:0}
.os-sw{display:inline-flex;align-items:center;gap:2px;padding:3px;margin:0;border:0;border-radius:999px;background:#EFEFF1;font:inherit;cursor:pointer}
.os-sw span{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:40px;padding:0 16px;border-radius:999px;border:2px solid transparent;font-weight:700;font-size:.95rem;color:#424245}
.os-sw[aria-checked="false"] .os-off,.os-sw[aria-checked="true"] .os-on{background:linear-gradient(#fff,#fff) padding-box,var(--tog-grad) border-box;border:2px solid transparent;color:#1D1D1F}
.os-sw:focus-visible{outline:3px solid #1D4ED8;outline-offset:2px}
.os-sw[aria-busy="true"]{cursor:progress;opacity:.8}
.os-status{margin-top:.6rem;font-size:.95rem;color:#5E5E63;min-height:1.4em}
@media (forced-colors:active){
  .os-sw[aria-checked="false"] .os-off,.os-sw[aria-checked="true"] .os-on{border-color:Highlight;background:Canvas;color:CanvasText}
}
.who[hidden]{display:none}