#learner-header{position:relative;flex:0 1 auto;min-width:0;margin-left:auto;z-index:30;color:#254832}#learner-header .learner-menu{width:auto;font:14px system-ui}#learner-header summary{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:44px;padding:8px 12px;border:1px solid #d5e3d2;border-radius:12px;cursor:pointer;white-space:nowrap;background:#f5f9f1}#learner-header summary::after{content:'▾';margin-left:5px}#learner-header summary b{max-width:160px;overflow:hidden;text-overflow:ellipsis}#learner-header .learner-settings{position:absolute;right:0;top:calc(100% + 8px);width:min(370px,calc(100vw - 36px));max-height:75vh;overflow:auto;box-sizing:border-box;padding:20px;border:1px solid #dbe7dd;border-radius:16px;background:#fff;box-shadow:0 10px 30px #23452926;display:grid;gap:9px}#learner-header label{font-weight:650}#learner-header input,#learner-header select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #b3cbb8;border-radius:10px;padding:10px;font:inherit;color:#254832;background:#fff}#learner-header .learner-actions{display:flex;flex-wrap:wrap;gap:9px}#learner-header button,#learner-header a.secondary,#learner-header .file-label{border:1px solid #b3cbb8;border-radius:10px;background:#f5f9f1;color:#254832;padding:10px;min-height:44px;font:inherit;cursor:pointer}#learner-header small{line-height:1.6;color:#52635a}#learner-header p{margin:0;font-size:14px}#learner-header :focus-visible{outline:3px solid #527b5b;outline-offset:3px}header .header-actions{gap:18px;min-width:0}@media(max-width:720px){header{flex-wrap:wrap}header .header-actions{display:contents}header .site-nav{order:3;flex:1 1 100%;width:100%;justify-content:flex-start;margin:0}#learner-header{order:2}#learner-header summary{padding:8px}#learner-header summary b{max-width:110px}}
#account-header{position:relative;flex:0 0 auto;z-index:31;color:#254832;font:14px system-ui;max-width:200px}#account-header .account-signin,#account-header summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #b3cbb8;border-radius:12px;cursor:pointer;background:#f5f9f1;color:#254832;text-decoration:none;white-space:nowrap;box-sizing:border-box}#account-header summary::after{content:'▾';margin-left:8px}.account-sync-status{display:block;font-size:11px;line-height:1.4;margin-top:4px;color:#52635a;text-align:right;max-width:200px}.account-settings{position:absolute;right:0;top:calc(100% + 8px);width:min(330px,calc(100vw - 36px));padding:18px;background:#fff;border:1px solid #dbe7dd;border-radius:16px;box-shadow:0 10px 30px #23452926;display:grid;gap:12px;box-sizing:border-box;overflow-wrap:anywhere}.account-settings p{margin:0;line-height:1.6}.account-settings small{line-height:1.6;color:#52635a}.account-settings button{min-height:44px;padding:10px;border:1px solid #b3cbb8;border-radius:10px;background:#f5f9f1;color:#254832;font:inherit;cursor:pointer}.account-settings a{min-height:44px;display:flex;align-items:center;color:#17634c}#account-header :focus-visible{outline:3px solid #527b5b;outline-offset:3px}#learner-header :disabled{opacity:.65;cursor:wait}@media(max-width:900px){header{flex-wrap:wrap}header .header-actions{display:contents}header .site-nav{order:4;flex:1 1 100%;margin:0}#learner-header{order:2}#account-header{order:3}}@media(max-width:540px){#learner-header{flex:1 1 auto;margin-left:0}#account-header{margin-left:auto;font-size:12px}.account-sync-status{font-size:10px}header .brand{flex-basis:100%}#learner-header summary{justify-content:flex-start}}

/* The learner control sits on the left on phones; anchor its panel to that edge. */
@media(max-width:540px){#learner-header .learner-settings{left:0;right:auto;padding:16px;overflow-wrap:anywhere}#learner-header .learner-settings>*{min-width:0}#learner-header .learner-actions button{flex:1 1 120px}}

.account-sync-status[hidden]{display:none}#learner-header .learner-settings h3{margin:0 0 4px;font-size:17px}#learner-header .learner-save-name{justify-self:start}#learner-header .learner-add{margin-top:8px;padding-top:8px;border-top:1px solid #dbe7dd}#learner-header .learner-add>summary{justify-content:flex-start;padding:4px 0;border:0;border-radius:0;background:transparent;font-weight:650;min-height:44px}#learner-header .learner-add>summary::after{content:"+";margin-left:auto}#learner-header .learner-add[open]>summary::after{content:"−"}#learner-header .learner-add-fields{display:grid;gap:9px;padding-top:8px}#learner-header .learner-add-fields button{justify-self:start}

#learner-header[hidden]{display:none}#learner-header .learner-switcher{display:flex;align-items:center;gap:7px;min-height:44px;padding:5px 10px;border:1px solid #d5e3d2;border-radius:12px;background:#f5f9f1;box-sizing:border-box}#learner-header .learner-switcher label{font-weight:400;white-space:nowrap}#learner-header .learner-switcher select{width:auto;max-width:180px;min-width:0;min-height:34px;padding:4px;border:0;border-radius:5px;font-weight:700;background:transparent;cursor:pointer}.account-settings{max-height:calc(100dvh - 150px);overflow:auto}.account-settings summary{justify-content:space-between!important;white-space:normal!important;background:transparent!important;border:0!important;border-radius:0!important;padding:8px 0!important;min-height:44px!important}.account-settings summary::after{content:'+'!important}.account-settings details[open]>summary::after{content:'−'!important}.account-settings .learner-management-fields,.account-settings .learner-action-fields{display:grid;gap:9px}.account-settings .learner-management-fields>details{border-top:1px solid #dbe7dd}.account-settings input,.account-settings select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:10px;border:1px solid #b3cbb8;border-radius:10px;color:#254832;background:#fff;font:inherit}.account-settings label{font-weight:650}.account-settings .danger{color:#8d2929;border-color:#d7a6a6;background:#fff5f5}.account-settings [hidden]{display:none!important}.account-settings #learner-delete-confirm{display:grid;gap:9px}#header-learner-status:empty{display:none}@media(max-width:540px){#learner-header{flex:1 1 0}#learner-header .learner-switcher select{flex:1;max-width:100%}#learner-header .learner-switcher{width:100%;font-size:13px}}