/* Presentation only. The three real private panels retain all server contracts. */
.mobile-learning-overview,.mobile-learning-mobile-title{display:none}
@media(max-width:767px){
 [data-mobile-learning-role]{--ml-canvas:#f5f1e8;--ml-ink:#14211e;--ml-muted:#57645c;--ml-line:#e0e2d8;--ml-lime:#d9ff57;color:var(--ml-ink)}
 [data-mobile-learning-role] .student-center-main,[data-mobile-learning-role] .stakeholder-main{background:var(--ml-canvas);padding-bottom:var(--mobile-shell-space,calc(96px + env(safe-area-inset-bottom,0px)))}
 [data-mobile-learning-role] .mobile-learning-desktop-title{display:none}
 [data-mobile-learning-role] .mobile-learning-mobile-title{display:inline}
 [data-mobile-learning-role] .student-center-heading h1,[data-mobile-learning-role] .portal-dashboard-head h1{font-size:1.875rem;line-height:1.2;letter-spacing:-.035em;color:var(--ml-ink);overflow-wrap:anywhere}
 [data-mobile-learning-role] .student-center-content{min-width:0}
 [data-mobile-learning-role=student] .student-center-content>.role-quick-actions,[data-mobile-learning-role=student] .student-center-content>.student-assignment-shortcut{display:none}
 [data-mobile-learning-role]>.portal-sidebar{padding:8px 16px;min-width:0;max-width:100%;border-bottom:1px solid var(--ml-line)}
 [data-mobile-learning-role]>.portal-sidebar>nav{display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
 [data-mobile-learning-role]>.portal-sidebar>nav>a{display:flex;align-items:center;flex:0 0 auto;min-height:44px;white-space:nowrap;padding:8px 10px;border-radius:12px;font-size:.875rem}
 [data-mobile-learning-role] .student-center-heading,[data-mobile-learning-role] .portal-dashboard-head{margin-bottom:20px}
 [data-mobile-learning-role] .student-center-heading p,[data-mobile-learning-role] .portal-dashboard-head>p{font-size:1rem;line-height:1.5;color:var(--ml-muted)}
 [data-mobile-learning-role] .mobile-learning-overview{display:grid;gap:16px;margin:0 0 28px;min-width:0}
 [data-mobile-learning-role] .mobile-learning-card{position:relative;min-width:0;max-width:100%;padding:20px;border:1px solid var(--ml-line);border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(20,33,30,.025)}
 [data-mobile-learning-role] .mobile-learning-card h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px;color:var(--ml-ink);overflow-wrap:anywhere}
 [data-mobile-learning-role] .mobile-learning-card p{font-size:1rem;line-height:1.5;margin:8px 0 16px;color:var(--ml-muted);overflow-wrap:anywhere}
 [data-mobile-learning-role] .mobile-learning-card .mobile-learning-eyebrow{font-size:.75rem;line-height:1.4;letter-spacing:.07em;font-weight:750;margin:0 0 14px;color:#57645c}
 [data-mobile-learning-role] .mobile-learning-continue{border-radius:24px;background:#fff;border-color:#d8dfca}
 [data-mobile-learning-role] .mobile-learning-review{background:#eef2df}
 [data-mobile-learning-role] .mobile-learning-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:14px;background:#f0f3e7;color:#375647}
 [data-mobile-learning-role] .mobile-learning-icon svg{width:24px;height:24px}
 [data-mobile-learning-role] .mobile-learning-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;width:100%;padding:14px 16px;background:var(--ml-lime);border:1px solid transparent;border-radius:14px;font-size:1rem;line-height:1.4;font-weight:750;color:var(--ml-ink);text-align:center;text-decoration:none;white-space:normal;cursor:pointer;box-sizing:border-box}
 [data-mobile-learning-role] .mobile-learning-primary svg{width:20px;height:20px;flex:0 0 auto}
 [data-mobile-learning-role] .mobile-learning-text-link{display:flex;align-items:center;gap:8px;min-height:48px;font-size:.9375rem;line-height:1.4;font-weight:650;color:#225b47;text-decoration:none;overflow-wrap:anywhere}
 [data-mobile-learning-role] .mobile-learning-text-link svg{width:18px;height:18px;flex:0 0 auto}
 [data-mobile-learning-role] .mobile-learning-starts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 [data-mobile-learning-role] .mobile-learning-starts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:90px;padding:12px 6px;border:1px solid var(--ml-line);border-radius:18px;background:#fff;font-size:.9375rem;line-height:1.4;font-weight:650;text-align:center;color:var(--ml-ink);text-decoration:none;overflow-wrap:anywhere}
 [data-mobile-learning-role] .mobile-learning-starts svg{width:25px;height:25px;color:#416153}
 [data-mobile-learning-role] .mobile-learning-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
 [data-mobile-learning-role] .mobile-learning-card-head h3{margin:0}
 [data-mobile-learning-role] .mobile-learning-card-head>a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;gap:5px;flex:0 0 auto;color:#225b47;font-size:.875rem;line-height:1.4;text-decoration:none}
 [data-mobile-learning-role] .mobile-learning-card-head svg{width:18px;height:18px}
 [data-mobile-learning-role] .mobile-learning-plan{list-style:none;margin:0;padding:0;display:grid;gap:0}
 [data-mobile-learning-role] .mobile-learning-plan li{display:flex;gap:12px;min-height:76px;padding:14px 0;border-top:1px solid #edf0e7;align-items:center}
 [data-mobile-learning-role] .mobile-learning-plan-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#eff2e6;color:#416153}
 [data-mobile-learning-role] .mobile-learning-plan-icon svg{width:20px;height:20px}
 [data-mobile-learning-role] .mobile-learning-plan li>div{min-width:0}
 [data-mobile-learning-role] .mobile-learning-plan a,[data-mobile-learning-role] .mobile-learning-plan strong{display:flex;align-items:center;min-height:44px;color:var(--ml-ink);font-size:1rem;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
 [data-mobile-learning-role] .mobile-learning-plan small{display:block;font-size:.875rem;line-height:1.5;color:var(--ml-muted)}
 [data-mobile-learning-role] .mobile-learning-personal{display:grid;gap:10px;min-width:0}
 [data-mobile-learning-role] .mobile-learning-personal>a,[data-mobile-learning-role] .mobile-learning-permission{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px;border:1px solid var(--ml-line);border-radius:18px;background:#fff;color:var(--ml-ink);text-decoration:none;font-size:1rem;line-height:1.4;font-weight:650;box-sizing:border-box}
 [data-mobile-learning-role] .mobile-learning-personal>a>svg:first-child,[data-mobile-learning-role] .mobile-learning-permission>svg:first-child{width:24px;height:24px;flex:0 0 auto;color:#416153}
 [data-mobile-learning-role] .mobile-learning-personal>a>span,[data-mobile-learning-role] .mobile-learning-permission>span{flex:1;min-width:0;overflow-wrap:anywhere}
 [data-mobile-learning-role] .mobile-learning-personal>a>svg:last-child,[data-mobile-learning-role] .mobile-learning-permission>svg:last-child{width:18px;height:18px;flex:0 0 auto}
 [data-mobile-learning-role] .mobile-learning-personal small,[data-mobile-learning-role] .mobile-learning-permission small{display:block;margin-top:4px;font-size:.875rem;line-height:1.4;font-weight:400;color:var(--ml-muted)}
 [data-mobile-learning-role] .mobile-learning-section-intro{margin:0;font-size:.9375rem;line-height:1.5;color:var(--ml-muted)}
 [data-mobile-learning-role] .mobile-learning-students{list-style:none;padding:0;margin:0;display:grid;gap:10px}
 [data-mobile-learning-role] .mobile-learning-students a{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid #e5e9dc;border-radius:16px;background:#f9faf6;color:var(--ml-ink);text-decoration:none}
 [data-mobile-learning-role] .mobile-learning-students a>span:nth-child(2){min-width:0;flex:1}
 [data-mobile-learning-role] .mobile-learning-students strong{display:block;font-size:1rem;line-height:1.4;overflow-wrap:anywhere}
 [data-mobile-learning-role] .mobile-learning-students small{display:block;font-size:.875rem;line-height:1.4;color:var(--ml-muted);margin-top:4px}
 [data-mobile-learning-role] .mobile-learning-students svg{width:18px;height:18px;flex:0 0 auto}
 [data-mobile-learning-role] .mobile-learning-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:15px;background:#e7edd9;font-size:1.125rem;font-weight:750;color:#3d5b49}
 [data-mobile-learning-role] .mobile-learning-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 [data-mobile-learning-role] .mobile-learning-overview a:focus-visible,[data-mobile-learning-role] .mobile-learning-overview button:focus-visible{outline:3px solid #147b6d;outline-offset:3px}
 [data-mobile-learning-role] .role-quick-actions{margin-top:16px}
 [data-mobile-learning-role] .student-center-card,[data-mobile-learning-role] .portal-card,[data-mobile-learning-role] .portal-weekly-overview{border-radius:20px;min-width:0}
 [data-mobile-learning-role] .student-center-card h2,[data-mobile-learning-role] .portal-card h2,[data-mobile-learning-role] .portal-weekly-overview h2{font-size:1.375rem;line-height:1.3;overflow-wrap:anywhere}
 [data-mobile-learning-role] .portal-form input:not([type=checkbox]):not([type=hidden]),[data-mobile-learning-role] .portal-form button,[data-mobile-learning-role] .permission-row button{min-height:48px;font-size:1rem}
 [data-mobile-learning-role] .portal-form label,[data-mobile-learning-role] .permission-row label{font-size:1rem;line-height:1.5}
 [data-mobile-learning-role] #guardian-account,[data-mobile-learning-role] #educator-account{scroll-margin-top:16px}
 [data-mobile-learning-role=student][data-mobile-learning-grade="1"] .mobile-learning-card h3,[data-mobile-learning-role=student][data-mobile-learning-grade="2"] .mobile-learning-card h3{font-size:1.375rem}
 [data-mobile-learning-role=student][data-mobile-learning-grade="1"] .mobile-learning-primary,[data-mobile-learning-role=student][data-mobile-learning-grade="2"] .mobile-learning-primary{min-height:56px;font-size:1.125rem}
 [data-mobile-learning-role=student][data-mobile-learning-grade="1"] .mobile-learning-starts a,[data-mobile-learning-role=student][data-mobile-learning-grade="2"] .mobile-learning-starts a{min-height:100px;font-size:1rem}
}
@media(max-width:359px){[data-mobile-learning-role] .mobile-learning-starts{gap:6px}[data-mobile-learning-role] .mobile-learning-card{padding:16px}[data-mobile-learning-role] .mobile-learning-card-head{flex-wrap:wrap}}