/* DrKTMed R81 — Network and join. Loaded AFTER R79/R78.
   No clinical, payment, consent-value or server permission changes. */
.network-page,.join-page{--r81-ink:#12383b;--r81-muted:#4a6366;--r81-bg:#f4f9f8;--r81-surface:#fff;--r81-soft:#edf7f6;--r81-strong:#dff1ef;--r81-brand:#0a6f74;--r81-brand-strong:#075e63;--r81-on-brand:#fff;--r81-border:#d8e4e2;--r81-border-strong:#618487;--r81-focus:#c38c16;line-height:1.55}
@media(prefers-color-scheme:dark){.network-page,.join-page{--r81-ink:#e6f1f0;--r81-muted:#a9c0c2;--r81-bg:#12272a;--r81-surface:#1a3034;--r81-soft:#243d41;--r81-strong:#2a4b50;--r81-brand:#78d5d4;--r81-brand-strong:#9aeeeb;--r81-on-brand:#12272a;--r81-border:#2f4a4e;--r81-border-strong:#698e92;--r81-focus:#ffc15a}}
.network-page :where(button,a,input,select,textarea,summary):focus-visible,.join-page :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--r81-focus)!important;outline-offset:3px!important}
.network-page :where(h1,h2,h3)[tabindex="-1"]:focus,.join-page :where(h1,h2,h3)[tabindex="-1"]:focus{outline:none!important}
.network-page :where(h1,h2,h3),.join-page :where(h1,h2,h3){scroll-margin-top:94px}
.network-page .network-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:stretch}
.network-page .network-choices>.network-mode-card{grid-column:span 2;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border:1px solid var(--r81-border);border-radius:20px;background:var(--r81-surface);color:var(--r81-ink)}
.network-page .network-choices>.network-mode-card:nth-child(n+4){grid-column:span 3}
.network-page .network-choices .network-mode-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--r81-brand-strong);background:var(--r81-soft);border-radius:13px}
.network-page .network-choices .network-mode-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.network-page .network-choices .network-mode-card h2{font-size:22px;line-height:1.25;margin:0}
.network-page .network-choices .network-mode-card p{font-size:16px;line-height:1.6;color:var(--r81-muted);margin:0}
.network-page .network-choices .network-mode-card .network-button{margin-top:12px;min-height:48px;max-width:100%;padding:11px 16px;border:1px solid var(--r81-brand);border-radius:12px;background:var(--r81-brand);color:var(--r81-on-brand);font-size:16px;font-weight:650;line-height:1.4;text-decoration:none}
.network-page .network-choices .network-mode-card .network-button:hover{background:var(--r81-brand-strong)}
.network-page .network-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain;gap:10px;padding:6px 2px 12px;margin:24px 0}
.network-page .network-tabs :where(a,button){flex:none;white-space:nowrap;min-height:48px;font-size:15px}
.network-page .network-panel,.network-page .network-gate{padding:clamp(20px,2.5vw,32px);min-width:0;max-width:none}
.network-page .network-grid{gap:20px}
.network-page .network-field :where(input:not([type=checkbox]),select,textarea){background:var(--r81-surface);color:var(--r81-ink);border:1.5px solid var(--r81-border-strong);min-height:48px}
.network-page .network-checkbox input{accent-color:var(--r81-brand);min-width:24px;min-height:24px}
.network-page .network-actions{gap:12px}
.network-page :where(.network-muted,.network-results-count,.network-footnote){font-size:max(14px,0.9rem);color:var(--r81-muted)}
.join-page{max-width:1120px!important}
.join-page .join-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 28px}
.join-page .join-role{position:relative;min-width:0;min-height:140px;padding:20px 52px 20px 20px;border:1.5px solid var(--r81-border-strong);border-radius:16px;color:var(--r81-ink);background:var(--r81-surface)}
.join-page .join-role strong{font-size:18px;line-height:1.35}
.join-page .join-role span{font-size:15px;color:var(--r81-muted)}
.join-page .join-role::after{content:'';position:absolute;right:18px;top:20px;width:24px;height:24px;border:2px solid var(--r81-border-strong);border-radius:50%;background:var(--r81-surface)}
.join-page .join-role.is-selected,.join-page .join-role[aria-current="step"]{border-color:var(--r81-brand);background:var(--r81-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--r81-brand) 26%,transparent)}
.join-page .join-role.is-selected::after,.join-page .join-role[aria-current="step"]::after{background:var(--r81-brand);border-color:var(--r81-brand);box-shadow:inset 0 0 0 5px var(--r81-strong)}
.join-page .join-stage,.join-page .join-status,.join-page .join-error{max-width:100%;width:100%;padding:clamp(20px,3vw,32px);margin:20px 0 32px}
.join-page .join-stage>.join-form{max-width:760px}
.join-page .join-form>label{font-size:16px;line-height:1.5;gap:8px}
.join-page .join-form :where(input:not([type=checkbox]),textarea,select){background:var(--r81-surface);color:var(--r81-ink);border:1.5px solid var(--r81-border-strong);min-height:48px;font-size:16px;line-height:1.5}
.join-page .join-terms{border:1px solid var(--r81-border);border-radius:16px;background:var(--r81-surface);padding:8px 20px;display:block;max-width:760px}
.join-page .join-terms legend{font-size:18px;font-weight:700;padding:0 8px}
.join-page .join-terms label.join-consent{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;align-items:start;margin:0;padding:15px 0;border-top:1px solid var(--r81-border);font-size:16px;font-weight:450;line-height:1.6;cursor:pointer}
.join-page .join-terms label.join-consent:first-of-type{border-top:0}
.join-page .join-consent>span{display:block;min-width:0;overflow-wrap:break-word;color:var(--r81-ink)}
.join-page .join-consent input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:block;width:24px;height:24px;min-width:24px;min-height:24px;margin:2px 0 0;padding:0;border:2px solid var(--r81-border-strong);border-radius:6px;background:var(--r81-surface);cursor:pointer}
.join-page .join-consent input[type=checkbox]:checked{background:var(--r81-brand);border-color:var(--r81-brand)}
.join-page .join-consent input[type=checkbox]:checked::after{content:'';position:absolute;left:5px;top:5px;width:11px;height:7px;border-left:3px solid var(--r81-on-brand);border-bottom:3px solid var(--r81-on-brand);transform:rotate(-45deg)}
.join-page .join-consent input[type=checkbox]:focus-visible{outline:3px solid var(--r81-focus);outline-offset:3px}
.join-page .join-consent a{color:var(--r81-brand-strong);text-decoration:underline;text-underline-offset:3px}
.join-page .join-note{font-size:14px;line-height:1.6}
@media(max-width:900px){.network-page .network-choices>.network-mode-card,.network-page .network-choices>.network-mode-card:nth-child(n+4){grid-column:span 3}.network-page .network-choices>.network-mode-card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:600px){.network-page .network-choices,.join-page .join-role-grid{grid-template-columns:minmax(0,1fr)}.network-page .network-choices>.network-mode-card,.network-page .network-choices>.network-mode-card:nth-child(n+4){grid-column:1/-1}.join-page .join-role{min-height:104px}.join-page .join-stage,.join-page .join-status,.join-page .join-error{padding:20px}.join-page .join-terms{padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.join-page *,.network-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Accessible, optional mobile account-type disclosure; native links remain usable if JS is blocked. */
.join-page .join-role-grid[hidden]{display:none!important}
.join-page .r81-change-type{appearance:none;border:1.5px solid var(--r81-border-strong);background:var(--r81-surface);color:var(--r81-brand-strong);border-radius:12px;min-height:48px;padding:11px 18px;font-size:16px;font-weight:600;line-height:1.4;font-family:inherit;margin:16px 0 8px;cursor:pointer}
.join-page .r81-change-type:hover{background:var(--r81-soft)}
