.learner-login{max-width:620px;margin:24px auto;padding:clamp(22px,4vw,40px)}.learner-login>.eyebrow{margin-top:18px;display:block}.learner-login h1{margin:10px 0;font-size:clamp(28px,5vw,40px)}.learner-login form{gap:14px;margin:24px 0;display:grid}.learning-code-input{letter-spacing:.08em;text-transform:uppercase;box-sizing:border-box;width:100%;font-family:ui-monospace,monospace;font-size:clamp(18px,4vw,25px)}.learner-login fieldset{border:0;gap:12px;margin:8px 0;padding:0;display:grid}.learner-login legend{margin-bottom:12px;font-weight:700}.learning-device-choice{cursor:pointer;border:1px solid #deded7;border-radius:16px;align-items:flex-start;gap:12px;padding:15px;display:flex}.learning-device-choice:has(input:checked){background:#f0f7f2;border-color:#689888}.learning-device-choice input{accent-color:#356c62;flex:none;width:18px;height:18px;margin-top:3px}.learning-device-choice span{gap:5px;display:grid}.learning-device-choice small{color:#5a6869;font-size:14px;font-weight:400;line-height:1.5}.learning-access-note{color:#5a6869;font-size:14px;line-height:1.5}.learning-access-error{color:#9b3838}.learner-login details{margin-top:22px}.learner-login summary{cursor:pointer;font-weight:600}.parent-learning-access{margin:24px 0;padding:24px}.parent-learning-access h2{align-items:center;gap:10px;display:flex}.parent-learning-access>.button-row{flex-wrap:wrap;margin-top:18px}.learning-print-card{background:#fafbf5;border:2px dashed #96b4a5;border-radius:20px;margin:20px 0;padding:24px}.learning-print-card h3{margin:8px 0;font-size:28px}.learning-card-code{letter-spacing:.06em;color:#284d46;overflow-wrap:anywhere;margin:14px 0;font:700 clamp(19px,4vw,30px)/1.6 ui-monospace,monospace}.learning-card-link{gap:8px;display:grid}.learning-card-link input{box-sizing:border-box;width:100%;min-width:0;font-size:14px}.child-session-bar{background:#eef4ef;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 18px;padding:10px 16px;font-size:14px;display:flex}.child-session-cover{max-width:560px;margin:60px auto;padding:28px}.child-session-cover h1{font-size:30px}.child-session-cover .primary{margin-top:16px}.child-session-warning{background:#fff6df;border:1px solid #ddc083;border-radius:16px;margin:12px 0;padding:18px}.child-session-warning button{margin-left:16px}.learner-login form>label,.learner-login form>input{margin-bottom:0}.learner-login .learning-device-choice{margin:0;font-size:15px;display:flex}.learner-login .learning-device-choice input{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:3px 0 0;padding:0}.learning-device-choice span{min-width:0}@media (max-width:600px){.learner-login{margin:16px auto;padding:22px 18px}.learner-login form{gap:10px;margin:20px 0}.learner-login .learning-device-choice{gap:10px;padding:12px}.parent-learning-access{padding:20px 18px}.parent-learning-access>.button-row{grid-template-columns:minmax(0,1fr);display:grid}.learning-print-card{padding:18px 14px}.learning-card-link input{font-size:16px}}.learning-access-siblings{margin-top:18px}.learning-access-siblings summary{cursor:pointer;align-content:center;min-height:44px;font-weight:700;display:list-item}.learning-card-choices{gap:8px;margin-top:8px;display:grid}.learning-card-choices label{align-items:center;gap:10px;min-height:44px;margin:0;display:flex}.learning-card-choices input[type=checkbox]{-webkit-appearance:auto;appearance:auto;flex:0 0 22px;width:22px;height:22px;min-height:0;margin:0;padding:0}.code-symbol-label{align-items:center;gap:8px;display:inline-flex}.code-symbol-label svg{flex-shrink:0}.access-mode-switch{background:#edf1ed;border-radius:14px;gap:5px;margin-bottom:24px;padding:5px;display:flex}.access-mode-switch button{min-width:0;min-height:44px;color:var(--muted);background:0 0;border-radius:10px;flex:1;padding:10px;font-weight:700}.access-mode-switch button[aria-pressed=true]{color:var(--green);background:#fff;box-shadow:0 2px 5px #33475b0b}.management-areas{background:#eeeae7;border-radius:18px;gap:6px;margin:20px 0 28px;padding:6px;display:flex}.management-areas button{min-width:0;min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:9px;font-weight:750;display:flex}.management-areas button[aria-pressed=true]{color:#346e63;background:#fffdf9;box-shadow:0 2px 5px #273d3010}.management-areas button:focus-visible{outline-offset:3px;outline:3px solid #508f81}@media (max-width:600px){.management-areas{margin:16px 0 22px}.management-areas button{gap:6px;padding:8px 4px;font-size:14px}}.learning-card-sheet-root{z-index:300;color:#1d2927;box-sizing:border-box;background:#eeefea;padding:24px;position:fixed;inset:0;overflow:auto}.learning-card-sheet-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1000px;margin:0 auto 24px;display:flex}.learning-card-sheet-toolbar h2{align-items:center;gap:9px;margin:0 0 8px;font-size:24px;display:flex}.learning-card-sheet-toolbar p{margin:5px 0;font-size:14px;line-height:1.45}.learning-card-sheet-actions{flex-wrap:wrap;gap:10px;display:flex}.learning-card-sheet-actions button{align-items:center;gap:8px;min-height:44px;display:flex}.learning-card-sheet-pages{width:max-content;max-width:100%;margin:auto}.learning-card-sheet-page{color:#000;box-sizing:border-box;background:#fff;grid-template-rows:repeat(4,69mm);grid-template-columns:repeat(2,minmax(0,1fr));width:190mm;height:276mm;margin:0 auto 24px;display:grid;box-shadow:0 4px 22px #0002}.printable-learning-card{box-sizing:border-box;color:#000;break-inside:avoid;page-break-inside:avoid;text-align:left;background:#fff;border:1px dashed #777;grid-template-rows:14mm 30mm 8mm minmax(0,1fr);gap:1mm;min-width:0;min-height:0;padding:4mm 5mm;font-family:Arial,Helvetica,sans-serif;display:grid;overflow:hidden}.printable-learning-card header>span{letter-spacing:.11em;align-items:center;gap:1.5mm;font-size:8pt;font-weight:700;display:flex}.printable-learning-card h3{overflow-wrap:anywhere;color:#000;letter-spacing:normal;margin:1mm 0 0;font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-weight:700;line-height:1.1}.printable-learning-card-middle{flex-shrink:0;grid-template-columns:minmax(0,1fr) 30mm;align-items:center;gap:2mm;display:grid}.printable-learning-card-middle strong{overflow-wrap:anywhere;font-size:9pt;line-height:1.25;display:block}.printable-learning-card-middle p{color:#000;margin:2mm 0 0;font-size:8.5pt;line-height:1.35}.printable-learning-card-qr{flex:none;width:30mm;max-width:none;height:30mm;display:block}.printable-learning-card-code{letter-spacing:.03em;white-space:nowrap;color:#000;align-self:center;font:700 17pt/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.printable-learning-card footer{color:#000;border:0;align-self:end;max-width:none;margin:0;padding:0;font-size:7.5pt;line-height:1.15;display:block}@media screen and (max-width:800px){.learning-card-sheet-root{padding:16px}.learning-card-sheet-pages{width:100%}.learning-card-sheet-page{width:100%;height:auto;box-shadow:none;background:0 0;grid-template-rows:none;grid-template-columns:1fr;gap:12px}.printable-learning-card{width:100%;max-width:95mm;min-height:69mm;margin:auto}.learning-card-sheet-toolbar{align-items:flex-start}.learning-card-sheet-actions{width:100%}}@media print{@page{size:A4 portrait;margin:10mm}body.has-learning-card-sheet{color:#000!important;background:#fff!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}html:has(body.has-learning-card-sheet){color:#000!important;background:#fff!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body.has-learning-card-sheet>:not(.learning-card-sheet-root){display:none!important}body.has-learning-card-sheet>.learning-card-sheet-root{background:#fff!important;width:190mm!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.learning-card-sheet-toolbar{display:none!important}.learning-card-sheet-pages{width:190mm!important;max-width:none!important;margin:0!important;display:block!important}.learning-card-sheet-page{break-after:page;page-break-after:always;break-inside:avoid;page-break-inside:avoid;width:190mm!important;height:276mm!important;box-shadow:none!important;grid-template-rows:repeat(4,69mm)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:0!important;display:grid!important}.learning-card-sheet-page:last-child{break-after:auto;page-break-after:auto}.printable-learning-card{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:auto!important;max-width:none!important;min-height:0!important;margin:0!important}}.profile-menu-trigger{flex-shrink:1}.profile-menu-avatar{width:48px;height:48px;color:var(--green);flex:0 0 48px;place-items:center;display:grid}.profile-menu-chevron{color:var(--muted);flex:none;margin-left:4px}.profile-menu-panel{z-index:70;width:min(320px,100vw - 24px);max-height:var(--radix-popover-content-available-height);border:1px solid var(--line);color:var(--ink);background:#fffdfb;border-radius:22px;padding:18px 12px 10px;overflow-y:auto;box-shadow:0 12px 40px #33475b25}.profile-menu-heading{padding:0 8px 14px}.profile-menu-access{color:var(--green);letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:750}.profile-menu-heading h2{overflow-wrap:anywhere;margin-bottom:7px;font-size:20px;line-height:1.3}.profile-menu-heading p:last-child{color:var(--muted);font-size:13px;line-height:1.5}.profile-menu-actions{border-top:1px solid var(--line);gap:3px;padding-top:8px;display:grid}.profile-menu-actions :is(button,a){text-align:left;width:100%;min-height:46px;color:var(--ink);background:0 0;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.profile-menu-actions :is(button,a) svg{color:var(--green);flex-shrink:0}.profile-menu-actions :is(button,a):hover:not(:disabled):not([aria-disabled=true]){background:#edf3ee}.profile-menu-actions :is(button,a):focus-visible{background:#edf3ee}.profile-menu-actions :is(.profile-menu-logout,.profile-menu-reset){border-top:1px solid var(--line);color:var(--muted);border-radius:0 0 12px 12px;margin-top:4px}
