:root{font-family:system-ui,sans-serif;color:#173d35;background:#f5f7f6;letter-spacing:0}*{box-sizing:border-box}body{margin:0}header{padding:20px max(20px,calc((100% - 1000px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #d0dad6;background:white}a{color:#256e58}header a{font-size:22px;font-weight:700;text-decoration:none}main{max-width:480px;padding:40px 24px;margin:auto}h1{font-size:28px;margin:0 0 24px}form{display:grid;gap:18px}label{display:grid;gap:7px;font-weight:600}input,select,button{font:inherit;border:1px solid #9bb5a9;border-radius:6px;padding:12px;min-width:0;max-width:100%}input{width:100%;background:white}button{background:#28785e;color:white;cursor:pointer;min-height:46px}button:disabled{opacity:.6;cursor:wait}nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}nav a{padding:6px 0}p{line-height:1.6;overflow-wrap:anywhere}.error{color:#a32929}.success{color:#216743}:focus-visible{outline:3px solid #b27922;outline-offset:3px}#status{min-height:26px}small{font-weight:400;color:#53675f} @media(max-width:400px){header{padding:16px}header a{font-size:19px}main{padding:28px 20px}}
:root h2{font-size:20px;margin:24px 0 0}fieldset{margin:0;padding:16px 0;border:0;border-top:1px solid #c9d5cf}legend{font-weight:600;padding:0 0 8px}.preference{display:flex;align-items:center;gap:10px;margin:12px 0;font-weight:400}.preference input{width:20px;height:20px;flex:none;accent-color:#28785e}.subscription{border-top:1px solid #c9d5cf;margin-top:24px}dl{display:grid;grid-template-columns:minmax(95px,1fr) minmax(0,2fr);gap:12px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}

/* The signed-in workspace shares the learning site's green accents and warm surfaces. */
[hidden]{display:none!important}
.manager-menu{margin-bottom:16px}
.manager-menu summary{padding:14px;cursor:pointer;border-radius:6px;font-weight:600;line-height:1.5}
.manager-menu button{display:block;text-align:left;width:100%;border:0;background:transparent;color:#36564e;margin-top:4px;font-size:14px}
.manager-menu button:hover{background:#e4eee8}
.manager-workspace #search{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:12px}
.manager-workspace #users article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:20px 0;border-bottom:1px solid #d4ddd7}
.manager-workspace #users h2{font-size:18px;margin:0}
.manager-workspace #users p{margin:0;grid-column:1;color:#526965;font-size:14px}
.manager-workspace #users button{grid-column:2;grid-row:1/4;align-self:center;background:white;color:#216b55}
.manager-workspace nav{align-items:center;justify-content:space-between;margin:20px 0}
.manager-workspace #detail:empty{display:none}
.manager-workspace #detail{border-top:2px solid #28785e;padding-top:24px;margin-top:32px}
.manager-workspace #detail h2{margin:24px 0 12px}
.manager-workspace #detail p{border-bottom:1px solid #e0e6e1;padding:10px 0;margin:0;font-size:14px}
.manager-workspace #detail p button{margin-left:12px;padding:6px 12px;min-height:36px;background:white;color:#216b55}
.manager-workspace #detail form{margin:24px 0;display:grid;gap:14px}
@media(max-width:720px){.manager-menu{width:100%}.manager-menu[open]{border-bottom:1px solid #d4ddd7;padding-bottom:12px}.manager-workspace #search{grid-template-columns:minmax(0,1fr)}.manager-workspace #users article{grid-template-columns:minmax(0,1fr)}.manager-workspace #users button{grid-column:1;grid-row:auto;justify-self:start}}
.account-layout{max-width:1120px;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:48px;padding:40px 28px 72px;color:#14343b}
.account-layout>h1{grid-column:1/-1;margin-bottom:8px;font-size:30px}
.account-layout>p{grid-column:1/-1;margin:0 0 30px;color:#526965}
.account-navigation{grid-column:1;grid-row:3;display:flex;flex-direction:column;align-self:start;gap:6px;margin:0;padding:8px 20px 16px 0;border-right:1px solid #d4ddd7;position:sticky;top:24px}
.account-navigation a{display:block;padding:12px 14px;border-radius:6px;text-decoration:none;font-weight:600;color:#36564e;line-height:1.4;overflow-wrap:anywhere}
.account-navigation a:hover,.account-navigation a:focus-visible{background:#e4eee8;color:#185843}
.account-navigation .manager-entry{background:#216b55;color:#fff;margin-bottom:14px;border-left:4px solid #b68939}
.account-navigation .manager-entry:hover{background:#175641;color:#fff}
.account-content{grid-column:2;grid-row:3;min-width:0}
.account-content form{gap:22px}
.account-content h2{margin:0 0 4px;font-size:22px}
.account-content input:not([type=checkbox]),.account-content select{background:#fff;min-height:48px;border-color:#b7c8bf}
.account-content fieldset{margin-top:10px;padding-top:22px}
.account-content legend{font-size:20px;color:#14343b}
.account-content .preference{margin:0;padding:15px 0;border-bottom:1px solid #e0e6e1;justify-content:space-between;flex-direction:row-reverse;line-height:1.5}
.account-content .preference input{width:22px;height:22px;cursor:pointer}
.account-content button[type=submit]{justify-self:start;padding:12px 24px;font-weight:600}
.account-content [role=status]{margin:12px 0;color:#216743;min-height:24px}
.account-content .subscription{padding-top:28px;margin-top:28px}
.account-content dl{gap:0;grid-template-columns:160px minmax(0,1fr)}
.account-content dt,.account-content dd{padding:14px 0;border-bottom:1px solid #e0e6e1;line-height:1.6}
.account-content dt{color:#526965;font-weight:500}
.account-content section,.account-content fieldset,.account-content form{scroll-margin-top:24px}
.account-layout>form{grid-column:2;grid-row:3;align-self:start}
.account-layout>#status{grid-column:2;grid-row:4}
.device-row{padding:18px 0;border-bottom:1px solid #d4ddd7;overflow-wrap:anywhere}
.device-row p{line-height:1.5;color:#526965}
@media(max-width:720px){.account-layout{display:block;padding:28px 20px 48px}.account-layout>h1{font-size:26px}.account-layout>p{margin-bottom:20px}.account-navigation{position:static;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #d4ddd7;padding:0 0 18px;margin-bottom:28px;gap:6px}.account-navigation a{padding:10px 12px;font-size:14px}.account-navigation .manager-entry{margin:0}.account-content dl{grid-template-columns:minmax(95px,1fr) minmax(0,2fr)}.account-content button[type=submit]{width:100%}}