.institution-join { --ij-bg:#fff; --ij-ink:#233c32; --ij-muted:#626e65; --ij-border:#d9e1d8; max-width:820px; margin:40px auto 80px; padding:24px; color:var(--ij-ink); }
.institution-join h1 { font-size:clamp(28px,4vw,38px); line-height:1.2; margin:10px 0 18px; letter-spacing:-.8px; }
.institution-join h2 { font-size:22px; margin:0 0 14px; }
.institution-join h3 { font-size:19px; margin:10px 0; }
.institution-join p { line-height:1.6; }
.institution-back { color:var(--ij-muted); display:inline-block; margin-bottom:28px; }
.institution-eyebrow { color:var(--ij-muted); font-size:12px; letter-spacing:1.8px; font-weight:700; margin:0; }
.institution-intro { color:var(--ij-muted); max-width:630px; margin-bottom:28px; }
.institution-card { background:var(--ij-bg); border:1px solid var(--ij-border); border-radius:18px; padding:26px; margin:20px 0; }
.institution-code-form,.institution-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.institution-code-form { position:relative; }
.institution-code-form .sr-only { left:0; top:0; }
.institution-code-form input { flex:1; min-width:200px; min-height:40px; padding:9px 12px; border:1px solid var(--ij-border); border-radius:8px; background:var(--ij-bg); color:var(--ij-ink); font-family:inherit; font-size:14px; line-height:20px; }
.institution-btn { display:inline-flex; align-items:center; justify-content:center; min-height:40px; text-align:center; background:#2d5f4d; color:#fff; border:1px solid #2d5f4d; border-radius:8px; padding:8px 14px; font-family:inherit; font-size:14px; line-height:20px; font-weight:600; cursor:pointer; text-decoration:none; }
.institution-btn.secondary { color:var(--ij-ink); background:transparent; border-color:var(--ij-border); }
.institution-btn:disabled { opacity:.55; cursor:wait; }
.institution-join :focus-visible { outline:3px solid #91aa70; outline-offset:3px; }
.institution-hint,.institution-dates { color:var(--ij-muted); font-size:14px; }
.institution-badge { display:inline-block; color:#244c3e; background:#edf3e8; border:1px solid #d0deca; border-radius:30px; padding:5px 12px; font-size:13px; font-weight:600; }
.institution-notice { background:#f5f7f1; border-radius:12px; padding:18px; margin:18px 0; color:var(--ij-ink); }
.institution-consent { display:flex; gap:12px; align-items:flex-start; line-height:1.6; margin:18px 0; }
.institution-consent input { margin-top:6px; flex:none; width:18px; height:18px; }
.institution-access { border-top:1px solid var(--ij-border); margin-top:18px; padding-top:16px; }
.institution-link-button { background:none; border:0; color:var(--ij-muted); text-decoration:underline; padding:8px 0; cursor:pointer; font-family:inherit; font-size:14px; line-height:20px; }
.institution-join [hidden] { display:none!important; }
html.dark .institution-join,html[data-theme="dark"] .institution-join,body.dark-mode .institution-join { --ij-bg:#17281f; --ij-ink:#edf3eb; --ij-muted:#b1c0b6; --ij-border:#435649; }
html.dark .institution-notice,html[data-theme="dark"] .institution-notice,body.dark-mode .institution-notice { background:#253a2d; }
@media(max-width:600px) { .institution-join { margin:18px auto 40px; padding:16px; } .institution-card { padding:20px; } .institution-code-form>* { width:100%; } }
@media(pointer:coarse) { .institution-btn,.institution-link-button,.institution-code-form input { min-height:44px; } }