.social-card{max-width:680px!important;padding:clamp(20px,4vw,36px);line-height:1.75}.social-card h1{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.45}.social-card h2{font-size:1.2rem}.social-panel{padding:20px;border:1px solid #d9e2f2;background:#f6f9ff;border-radius:16px;margin:22px 0}.social-card form+form{margin-top:12px}.social-options{display:grid;gap:12px;margin:24px 0}.social-provider{width:100%;min-height:48px;text-align:center}.social-card input:not([type=checkbox]),.social-card select{width:100%;min-width:0}.social-card .button{white-space:normal;overflow-wrap:anywhere;min-height:48px}.social-card .check{align-items:flex-start;gap:12px}.social-card .check input{flex:0 0 auto;margin-top:7px}.social-card p,.social-card strong{overflow-wrap:anywhere}.social-line{border-color:#07883d!important}.social-provider:focus-visible,.social-card a:focus-visible,.social-card button:focus-visible{outline:3px solid #183f96;outline-offset:4px}@media(max-width:480px){.social-card{width:calc(100% - 24px)!important}.social-panel{padding:14px}.social-card .button{width:100%}}
.social-card .form-stack label.check{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px}.social-card .form-stack label.check input[type=checkbox]{width:20px!important;height:20px;min-height:20px;flex:0 0 20px;margin:5px 0 0!important}.social-card .form-stack label.check span{flex:1;min-width:0}

/* Shared reading hierarchy for sign-in, consent and account connections. */
.login-card-readable,.social-card{
 box-sizing:border-box;max-width:760px!important;margin:24px auto!important;
 padding:clamp(24px,4vw,44px)!important;background:var(--surface,#fff);
 border:1px solid #dce3f0;border-radius:24px;box-shadow:0 12px 40px #172f5910;
 color:var(--text,#172b4d);font-size:1rem;line-height:1.8;
}
.login-card-readable h1,.social-card h1{font-size:clamp(1.65rem,3vw,2.15rem);font-weight:800;line-height:1.4;margin:0 0 12px;letter-spacing:0}
.login-card-readable h2,.social-card h2{font-size:1.2rem;font-weight:750;line-height:1.5;margin:0 0 14px}
.login-card-readable p,.social-card p{margin:12px 0 20px}
.login-card-readable .muted{color:var(--text-muted,#52627b)}
.login-card-readable>.social-options+h2{border-top:1px solid #dce3f0;padding-top:26px;margin-top:28px}
.login-card-readable .form-stack,.social-card .form-stack{gap:20px}
.login-card-readable .form-stack label,.social-card .form-stack label{font-size:1rem;font-weight:700;line-height:1.65;color:inherit}
.login-card-readable input:not([type=checkbox]),.social-card input:not([type=checkbox]),.social-card select{
 box-sizing:border-box;width:100%;min-width:0;min-height:52px;margin-top:8px;padding:12px 16px;
 font:inherit;font-weight:400;color:inherit;background:var(--surface,#fff);border:1px solid #acbad2;border-radius:12px;
}
.login-card-readable input:focus-visible,.social-card input:focus-visible,.social-card select:focus-visible{outline:3px solid #4463ca;outline-offset:2px}
.login-card-readable .button,.social-card .button{font-size:1rem;font-weight:750;line-height:1.6;border-radius:12px;padding:13px 20px;min-height:52px;white-space:normal}
.login-card-readable .form-stack>.button,.social-card .form-stack>.button{width:100%}
.social-options{gap:12px;margin:26px 0}
.social-options p{font-size:.94rem;line-height:1.8;margin:4px 0}
.social-options a:not(.button),.social-card p a,.login-help-links a{font-weight:650;text-underline-offset:4px}
.social-provider{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none!important}
.social-provider.social-line{background:#087c3b!important;color:#fff!important;border:2px solid #087c3b!important}
.social-provider.social-google{background:var(--surface,#fff);color:var(--text,#172b4d);border:2px solid #aebdd5}
.social-provider:hover{filter:brightness(.96)}
.social-panel{padding:24px;background:var(--surface-alt,#f6f8fd);border-color:#dce3f0;border-radius:16px;margin:24px 0}
.social-linked-status{display:inline-block;font-weight:750;color:#14633b;background:#e8f5ed;border:1px solid #b9dfc8;border-radius:999px;padding:4px 14px}
.login-card-readable .check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;font-weight:500!important}
.login-card-readable .check input{width:20px;height:20px;flex:0 0 20px;margin:4px 0 0}
.social-card .check{padding:14px;border:1px solid #ccd7ee;border-radius:12px;background:var(--surface-alt,#f6f8fd)}
.social-card .check span{font-weight:600;font-size:1rem;line-height:1.75}
.login-after-form{margin-top:24px}
@media(max-width:600px){.login-card-readable,.social-card{width:calc(100% - 24px)!important;margin:12px auto!important;padding:22px 18px!important;border-radius:18px}.social-panel{padding:18px}.login-card-readable .button,.social-card .button{width:100%}.social-card h1{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.social-provider{transition:none}}
.social-guide-nav{display:grid;gap:10px;margin:24px 0}.social-guide-nav a{font-weight:700;text-underline-offset:4px;padding:8px 0}.social-guide-section{scroll-margin-top:120px}.social-guide-section ol{padding-inline-start:24px}.social-guide-section li{padding-inline-start:4px;margin:14px 0;overflow-wrap:anywhere}.social-guide-section li::marker{font-weight:800}
html body .auth-card .social-provider.social-line{background:#087c3b!important;color:#fff!important;border-color:#087c3b!important}
html body .auth-card .form-stack label{font-weight:700}
[data-theme="dark"] .login-card-readable,[data-theme="dark"] .social-card{--surface:#142238;--surface-alt:#1b2c45;--text:#edf3ff;--text-muted:#becbe0;border-color:#405776}
[data-theme="dark"] .social-card h1,[data-theme="dark"] .social-card h2,[data-theme="dark"] .login-card-readable h1,[data-theme="dark"] .login-card-readable h2{color:#edf3ff}
[data-theme="dark"] .social-linked-status{color:#bbf3cf;background:#153e2b;border-color:#3e805b}
[data-social-registration] [data-school-phone][hidden]{display:none!important}
[data-social-registration] label:not(.check){display:block!important}
[data-social-registration] label:not(.check)>span{display:inline;font-size:inherit;font-weight:inherit;color:inherit}
[data-social-registration] label:not(.check)>input,[data-social-registration] label:not(.check)>select{display:block}
.social-code-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.social-code-row [data-confirmation-code]{font-size:1.6rem;letter-spacing:.12em;user-select:all}
[data-copy-status]{display:block;margin-top:10px;font-weight:600}
[data-social-registration] .check .social-required-mark{display:inline;color:#c62828;font-size:.8em;font-weight:700;vertical-align:super;line-height:0;margin-inline-start:3px}
.social-card .social-guide-nav{display:block;margin:28px 0}
.social-card .social-guide-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.social-card .social-guide-topics li{margin:0;min-width:0}
.social-card .social-guide-topics a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #acbad2;border-radius:12px;background:var(--surface-alt,#f6f8fd);color:inherit;line-height:1.6;font-weight:700;text-decoration:none;min-height:52px}
.social-card .social-guide-topics a:hover{border-color:#4463ca;text-decoration:underline;text-underline-offset:4px}
.social-card .social-guide-topics a span{flex-shrink:0}
@media(max-width:600px){.social-card .social-guide-topics{grid-template-columns:1fr}}