.learner-connection { z-index:10000; padding:18px; }
.lc-options a.btn { color:var(--ink,#2b1d14); }
.lc-card { position:relative; width:min(560px,calc(100vw - 36px)); max-height:calc(100dvh - 36px); overflow-y:auto; box-sizing:border-box; padding:24px; }
.lc-card h2 { padding-right:30px; font-size:25px; margin:0 0 12px; }
.lc-card p { font-size:16px; line-height:1.6; }
.lc-child { background:#fff2c4; border:2px solid var(--ink,#2b1d14); border-radius:14px; padding:10px 14px; font-weight:700; overflow-wrap:anywhere; }
.lc-child small { display:block; font-size:13px; font-weight:400; }
.lc-options .btn,.lc-card>[data-retry] { display:block; width:100%; min-height:48px; box-sizing:border-box; text-align:center; text-decoration:none; }
.lc-options p { margin:10px 0 18px; }
.lc-state { color:#a43020; }
.lc-note { margin-bottom:0; }
@media(max-width:600px){.lc-card{padding:20px}.lc-card h2{font-size:22px}.lc-options .btn,.lc-card>[data-retry]{font-size:17px}}

body:has(#learnerConnection) .record-access,body:has(#acct:not([hidden])) .record-access { visibility:hidden; }

/* Parent sign-in always opens above the child chooser and the lesson. */
#acct{z-index:10001;padding:18px}
#acct .acard{box-sizing:border-box;max-height:calc(100dvh - 36px);overflow:auto;padding:22px}
#acct .account-help,#acct .account-family p{font-size:15px;line-height:1.6}
#acct .account-family{background:#fff4d7;border:2px solid var(--ink);border-radius:16px;padding:12px;margin:14px 0}
#acct .account-family h3{margin:0 0 8px}
#acct .account-family .btn{width:100%;min-height:44px;margin-top:8px}
#acct .ahead{margin-top:14px;flex-wrap:wrap;padding:0}
#acct .ahead small{display:block;overflow-wrap:anywhere}
#acct .account-binding-status{color:#a43020}
@media(max-width:640px){#acctPill .at{display:inline}#acct .acard{padding:18px}#acct .acard h2{font-size:24px}}