[hidden]{display:none!important}
body{background:#f5f8ff}
.learner-main{width:min(980px,calc(100% - 32px));margin:36px auto 72px}
.learner-main h1{font-size:clamp(2rem,5vw,3.5rem);margin:8px 0 20px}
.learner-section-title{font-size:1.6rem;margin:28px 0 12px}
.learner-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.learner-nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #d8e1f3;border-radius:12px;background:#fff;color:#263f70;text-decoration:none;font-weight:700}
.learner-nav a:focus-visible,.learner-row a:focus-visible,.learner-row button:focus-visible{outline:3px solid #3454bd;outline-offset:2px}
.learner-account{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.learner-card{background:#fff;border:1px solid #e0e6eb;border-radius:20px;padding:24px;margin:16px 0;box-shadow:0 8px 25px #1025360a;scroll-margin-top:14px;min-width:0}
.learner-card h2,.learner-card h3{margin:0 0 16px}
.learner-card h2{font-size:1.5rem}.learner-card h3{font-size:1.2rem}
.learner-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.learner-home-grid .learner-card{margin:0}
.learner-row{padding:18px 0;border-top:1px solid #e0e6eb;min-width:0;overflow-wrap:anywhere}
.learner-row:first-child{border-top:0;padding-top:0}
.learner-row h4{font-size:1.05rem;margin:0 0 8px;line-height:1.4}
.learner-row p{margin:6px 0;line-height:1.5}
.learner-muted{color:#526472;line-height:1.5}
.learner-teacher{font-weight:650;color:#263f70}
.learner-badge{display:block!important;color:#3454bd;font-size:.9rem;font-weight:700}
.learner-next{border:0;padding:0}
.learner-join,.learner-action{display:inline-flex;justify-content:center;align-items:center;min-height:46px;margin-top:14px}
.learner-join{min-width:210px}
.learner-group{margin:12px 0 26px}.learner-group:last-child{margin-bottom:0}
.learner-group h3{font-size:1.1rem;padding-bottom:8px;border-bottom:1px solid #e0e6eb}
.learner-more{display:inline-block;margin-top:12px;color:#3454bd;font-weight:700}
.learner-row summary{color:#3454bd;font-weight:700;cursor:pointer;padding:8px 0;min-height:44px}
.learner-content{white-space:pre-wrap}
#learner-status:empty{display:none}
@media(max-width:700px){.learner-home-grid{grid-template-columns:1fr}.learner-main{margin:24px auto 48px}.learner-card{padding:18px}.learner-account{gap:8px;font-size:.9rem}}
@media(max-width:480px){.learner-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.learner-nav a{justify-content:center;text-align:center;padding:8px 6px;font-size:.88rem}.learner-row .button{width:100%}.learner-account #learner-name{display:none}.learner-card{border-radius:16px}.learner-main{width:calc(100% - 24px)}}

/* The learner area uses the same surfaces and type scale as the teacher area. */
body{background:var(--canvas,#f7f9fc)}
.learner-main{width:min(1000px,calc(100% - 40px));margin:40px auto 76px}
.learner-main h1{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.045em;margin:12px 0 20px}
.learner-section-title{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.035em}
.learner-nav{gap:7px;margin-bottom:24px}
.learner-nav a{min-height:44px;border:1px solid transparent;background:#ecf1f8;color:#405775;font-weight:690;border-radius:10px;transition:background-color .16s ease,color .16s ease}
.learner-nav a:hover{background:#e0eaff;color:#244daa}
.learner-card{border:1px solid #ebeff5;border-radius:18px;box-shadow:0 9px 28px #2236530a;padding:25px}
.learner-feature{background:#f9fbff;border-color:#dbe6fa;box-shadow:0 12px 30px #315fe80d}
.learner-card h2,.learner-card h3{letter-spacing:-.025em;color:#23334b}
.learner-row{border-color:#e9eef5}
.learner-teacher{color:#385683}.learner-badge{color:#3156ac}
.learner-more,.learner-row summary{color:#3156ac}
.learner-join{box-shadow:0 7px 16px #315fe823}
@media(max-width:700px){.learner-main{margin:27px auto 52px;width:calc(100% - 30px)}.learner-card{padding:20px}}
@media(max-width:480px){.learner-main{width:calc(100% - 24px)}.learner-nav{gap:7px}.learner-nav a{font-size:13px}.learner-card{padding:18px}}