/* HelioLearn shared presentation. Opt-in only; learning activity layouts remain independent. */
body.hl-mentora{
  --hl-ink:#202725;--hl-muted:#565e59;--hl-paper:#fff;--hl-cream:#f7f8f5;
  --hl-accent:#ff654f;--hl-line:#dce1d8;--hl-dark:#202725;--hl-sage:#e5efde;
  --hl-sky:#e7f4fa;--hl-yellow:#f6d763;--hl-teal:#125e57;--hl-footer:#f0f3ed;
  --ink:var(--hl-ink);--muted:var(--hl-muted);--paper:var(--hl-paper);--bg:var(--hl-paper);
  --surface:#fff;--line:var(--hl-line);--cream:var(--hl-cream);--green:var(--hl-teal);
  --soft:var(--hl-sage);--green-soft:var(--hl-sage);--accent:var(--hl-yellow);
  background:var(--hl-paper);color:var(--hl-ink);font-family:"DM Sans",system-ui,sans-serif;
  line-height:1.65;overflow-wrap:break-word;color-scheme:light
}
.hl-mentora *, .hl-mentora *::before,.hl-mentora *::after{box-sizing:border-box}
.hl-mentora [hidden]{display:none!important}
.hl-mentora img{max-width:100%;height:auto}
.hl-mentora :is(h1,h2,h3,h4){color:inherit;font-family:"Outfit","DM Sans",system-ui,sans-serif;letter-spacing:-.025em;text-wrap:balance;font-weight:600}
.hl-mentora h1{line-height:1.08}
.hl-mentora :is(h2,h3){line-height:1.2}
.hl-mentora a{text-underline-offset:.22em}
.hl-mentora a:hover{color:var(--hl-ink)}
.hl-mentora :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #125e57;outline-offset:4px;box-shadow:0 0 0 2px #fff}
.hl-mentora :is(button,.button,.small-button){min-height:46px;border-radius:3px;font-family:inherit}
.hl-mentora :is(input,select,textarea){font:inherit;max-width:100%;font-size:16px;border-radius:3px;color:var(--hl-ink)}
.hl-mentora :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-color:#7d8982}
.hl-mentora :is(.muted,.intro,.deck,.lead,.help){color:var(--hl-muted)}
.hl-mentora .eyebrow{color:#375b50;letter-spacing:.11em;font-weight:600}
.hl-mentora :is(.button.primary:not(.danger),.button:not(.secondary):not(.light):not(.danger),button[type=submit]:not(.danger)){background:var(--hl-accent);border:1px solid var(--hl-accent);color:var(--hl-ink);font-weight:600}
.hl-mentora :is(.button.primary:not(.danger),.button:not(.secondary):not(.light):not(.danger),button[type=submit]:not(.danger)):hover{background:#ff806d;border-color:#ff806d;color:var(--hl-ink)}
.hl-mentora :is(.button.secondary,.button.light){background:#fff;border:1px solid #6f7972;color:var(--hl-ink)}
.hl-mentora :is(.button.secondary,.button.light):hover{background:var(--hl-sage);color:var(--hl-ink)}
.hl-mentora :is(.card,.course-card,.grade-card,.lesson-card,.panel,.data-card,.auth-panel,.receipt){background:#fff;border:1px solid var(--hl-line);border-radius:6px;box-shadow:none;min-width:0}
.hl-mentora :is(.card,.grade-card):nth-child(3n+2){background:var(--hl-sage)}
.hl-mentora :is(.card,.grade-card):nth-child(3n+3){background:var(--hl-sky)}
.hl-mentora :is(.grade-four,.cream,.feature,.resources){background:var(--hl-cream)}
.hl-mentora :is(.feature,.resources,.hero-map,.hero-path,.family-strip){border-radius:6px;box-shadow:none}
.hl-mentora :is(.grade-number,.number,.pill,.journey-steps li>span){color:var(--hl-ink);background:var(--hl-yellow);border-color:var(--hl-line);border-radius:3px}
.hl-mentora .count-strip>div>span{color:var(--hl-ink)}
.hl-mentora .tag{border-radius:3px}
.hl-mentora :is(.grade-card>p,.journey-steps p,.section-heading>p){color:var(--hl-muted)}
.hl-mentora :is(.grade-grid,.course-grid,.two-grid,.four-grid,.cards,.auth-grid)>*{min-width:0}
.hl-mentora .subject-chips li{background:#fff;border-radius:3px;color:var(--hl-ink)}
.hl-mentora :is(.hero-path,.hero-map){background:var(--hl-sage);color:var(--hl-ink);border:0}
.hl-mentora :is(.hero-path,.hero-map) :is(p,h2,h3,small){color:var(--hl-ink)}
.hl-mentora .hero-path .path-row>span{color:var(--hl-teal);font-family:"Outfit",sans-serif}
.hl-mentora .hero-map>div>span{font-family:"Outfit",sans-serif}
.hl-mentora .green{background:var(--hl-sage)!important;color:var(--hl-ink)}
.hl-mentora .green :is(h2,p){color:var(--hl-ink)}
.hl-mentora .family-strip{background:var(--hl-sage);color:var(--hl-ink);padding:clamp(28px,4vw,56px)}
.hl-mentora .family-strip :is(p,.eyebrow,h2,h3){color:var(--hl-ink)}
.hl-mentora :is(.site-footer,body.hl-mentora>footer){padding-block:38px;flex-wrap:wrap;border-top:1px solid var(--hl-line);background:var(--hl-footer);color:var(--hl-ink)}
.hl-mentora>footer{max-width:none;padding-inline:max(24px,calc((100vw - 1200px)/2))}
.hl-mentora :is(.site-footer,body.hl-mentora>footer) nav{flex-wrap:wrap}
.hl-mentora .site-footer p{color:var(--hl-muted)}
.hl-mentora .hl-header{position:relative;display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:wrap;gap:16px;background:#fff;color:var(--hl-ink);max-width:none;width:100%;min-height:92px;padding:20px max(24px,calc((100vw - 1200px)/2));border:0;border-bottom:1px solid var(--hl-line)}
.hl-mentora .hl-header :is(.wordmark,.brand){color:var(--hl-ink);font-family:"Outfit","DM Sans",sans-serif;font-weight:600;letter-spacing:-.035em}
.hl-mentora .hl-header .brand small{color:var(--hl-muted);font-family:"DM Sans",sans-serif}
.hl-mentora .hl-header :is(span.sun,span.brand-icon)[aria-hidden="true"]{display:inline-block;vertical-align:middle;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:3px;background:transparent url("/assets/brand/heliolearn-logo.svg?v=20261015-coral") center/contain no-repeat;font-size:0;color:transparent}
.hl-mentora .hl-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0}
.hl-mentora .hl-header nav>a{color:var(--hl-ink);display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}
.hl-mentora .hl-header nav>a:hover{text-decoration:underline}
.hl-mentora .hl-header nav>a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}
.hl-mentora .hl-header nav>.small-button{border:1px solid var(--hl-ink);padding:9px 18px;background:var(--hl-accent)}
.hl-mentora .hl-menu-toggle{display:none;background:#fff;border:1px solid #6f7972;color:var(--hl-ink);padding:8px 18px;font:inherit;cursor:pointer}
.hl-announcement{padding:10px 24px;text-align:center;background:var(--hl-sage);font-size:13px;line-height:1.55;color:var(--hl-ink)}
.hl-announcement a{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;color:inherit;font-weight:600;text-decoration-thickness:1px}
.hl-announcement a span{flex:none}
.hl-home .hero{max-width:none;padding:68px max(24px,calc((100vw - 1280px)/2)) 64px;background:var(--hl-sky);color:var(--hl-ink);gap:52px;grid-template-columns:1fr 1.18fr;min-height:570px}
.hl-home .hero :is(.intro,.quiet-points,.eyebrow,h1 em){color:var(--hl-ink)}
.hl-home .hero .eyebrow span,.hl-home .quiet-points li::before{color:var(--hl-teal)}
.hl-home .hero h1{max-width:640px;font-size:clamp(2.7rem,4.4vw,4.65rem);font-weight:600}
.hl-home .hero .intro{max-width:530px;line-height:1.7}
.hl-home .hero-art img{border-radius:3px;aspect-ratio:1.5;object-fit:cover;width:100%}
.hl-home .hero-art figcaption{border:0;border-radius:0;background:transparent;color:var(--hl-ink);box-shadow:none;margin:0;max-width:none;width:100%;text-align:left;padding:15px 0 0;font-size:13px}
.hl-home .hero-art figcaption span{color:var(--hl-teal)}
.hl-home .hero-actions .button{background:var(--hl-accent);color:var(--hl-ink);font-weight:600;border:1px solid var(--hl-accent);padding:15px 24px}
.hl-home .hero-actions .button:hover{background:#ff806d;border-color:#ff806d;color:var(--hl-ink)}
.hl-home .quiet-points{font-size:12px}
.hl-home .grade-section{border:0;padding-block:76px 84px}
.hl-home h2{font-size:clamp(1.9rem,3vw,2.85rem)}
.hl-home .grade-card{padding:34px;background:var(--hl-cream)}
.hl-home .grade-card.grade-four{background:var(--hl-sage)}
.hl-home .grade-number{font-family:"Outfit",sans-serif}
.hl-home .journey-section{padding-block:30px 84px}
.hl-home .journey-art img{border-radius:3px}
.hl-picker{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding-block:42px;background:var(--hl-yellow);border-bottom:0}
.hl-home .hl-picker.wrap{max-width:none;padding-inline:max(24px,calc((100vw - 1200px)/2))}
.hl-picker h2{margin:0 0 12px}
.hl-picker p{color:var(--hl-ink);margin:0}
.hl-picker .eyebrow{margin-bottom:12px;color:var(--hl-ink)}
.hl-picker-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}
.hl-picker-controls label{grid-column:1/-1;font-size:14px;font-weight:600}
.hl-picker-controls select{grid-column:1/-1;background:#fff;color:var(--hl-ink);padding:12px 16px;border:1px solid #6f7972;border-radius:3px;width:100%}
.hl-picker-controls .button{justify-content:center;text-align:center;gap:10px;font-size:14px;padding:12px 16px}
.hl-live{padding-block:70px 76px;border-top:1px solid var(--hl-line)}
.hl-live-heading{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-bottom:30px}
.hl-live-heading p{color:var(--hl-muted);max-width:500px;margin:12px 0 0}
.hl-live-heading .eyebrow{margin:0 0 12px}
.hl-live-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hl-live-tools label{font-size:14px}
.hl-live-tools select{padding:10px 14px;background:#fff;color:var(--hl-ink);border:1px solid #6f7972;border-radius:3px;min-height:46px}
.hl-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hl-live-card{border:1px solid var(--hl-line);padding:28px;border-radius:6px;background:#fff;display:flex;flex-direction:column;align-items:start;gap:14px;min-width:0}
.hl-live-card h3{font-size:23px;line-height:1.3;margin:0}
.hl-live-card p{margin:0;color:var(--hl-muted)}
.hl-live-card .button{margin-top:auto}
.hl-live-status{grid-column:1/-1;padding:32px;background:var(--hl-sage);border:0;border-radius:6px}
.hl-live-status h3{font-size:23px;margin-bottom:12px}
.hl-live-status p{margin:0 0 18px;max-width:700px}
.hl-live-status .button{margin:8px 12px 0 0}
.hl-live-note{font-size:13px;color:var(--hl-muted);margin-top:20px}
.hl-faq{padding-block:20px 76px;max-width:1050px}
.hl-faq h2{margin-bottom:26px}
.hl-faq details{border-top:1px solid var(--hl-line);padding:20px 0}
.hl-faq summary{cursor:pointer;font-size:19px;font-weight:600;min-height:44px;padding:6px 4px}
.hl-faq details p{max-width:760px;color:var(--hl-muted);margin:12px 0 0}
/* Account workspaces: retain status colors and selected-navigation semantics. */
.hl-mentora .table-wrap{max-width:100%;overflow-x:auto;border-radius:3px}
.hl-mentora :is(.workspace-body,.workspace-layout,.workspace-head,.family-auth,.auth-panel){min-width:0;max-width:100%}
.hl-mentora .workspace-nav button{border-radius:3px;color:var(--hl-ink)}
.hl-mentora .workspace-nav button[aria-current=page]{background:var(--hl-sage);border-color:#6f7972;color:var(--hl-ink);font-weight:600}
.hl-mentora :is(.metric,.empty,.notice,.data-card,.receipt,.download-details,.learning-downloads details){border-radius:6px}
.hl-mentora .metric{background:var(--hl-sage)}
.hl-mentora :is(.price,.price-card h3,.metric span,.receipt .receipt-total){font-family:"Outfit",sans-serif}
.hl-mentora th{background:var(--hl-footer);color:var(--hl-ink)}
.hl-mentora .auth-visual{background:var(--hl-sky)}
.hl-mentora .auth-visual::before{background:var(--hl-sage);border:0;border-radius:50%}
.hl-mentora .auth-visual>div{background:var(--hl-sage);color:var(--hl-ink);box-shadow:none}
.hl-mentora .family-sidebar{background:var(--hl-footer)}
.hl-mentora .app-download{border-color:var(--hl-line);border-radius:6px}
.hl-mentora .download-benefits{background:var(--hl-sage);border-radius:3px}
.hl-mentora :is(.download-meta,.small-note,.resource-list span){color:var(--hl-muted)}
/* Public information and platform overview share the same visual language. */
.hl-mentora :is(.privacy-note,.access-card,.grade-detail,.cards>div,section.help){border-radius:6px;box-shadow:none;border-color:var(--hl-line)}
.hl-mentora :is(.privacy-note,section.help){background:var(--hl-sage)}
.hl-mentora .signin{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:3px;background:var(--hl-accent);color:var(--hl-ink);font-weight:600}
.hl-mentora .signin:hover{background:#ff806d;color:var(--hl-ink)}
.hl-mentora .policy-nav a{border-radius:3px}
@media(min-width:1600px){.hl-home .hero{min-height:650px}.hl-home .hero-art img{max-height:480px}}
@media(max-width:1100px){
  .hl-mentora .hl-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .hl-mentora .hl-header nav{width:100%;flex-direction:column;align-items:stretch;gap:4px}
  .hl-mentora .hl-header nav>a{padding:8px 12px}
  .hl-mentora .hl-header .hl-nav-collapsed{display:none}
  .hl-mentora .hl-header nav>a:first-child{display:flex}
  .hl-mentora .hl-header nav:not(#hl-main-navigation){flex-direction:row;align-items:center;gap:2px 14px}
  .hl-mentora .hl-header nav:not(#hl-main-navigation)>a{padding:6px 0}
  .hl-home .hero{gap:30px;min-height:0;padding-block:45px 55px}
  .hl-mentora .hl-header{min-height:80px}
  .hl-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .hl-mentora .family-auth{grid-template-columns:minmax(0,1fr);min-height:0}
  .hl-mentora .family-auth .auth-visual{display:none}
  .hl-mentora .family-auth .auth-panel{width:100%;max-width:640px;margin-inline:auto;padding:40px 28px;border:0;border-radius:0;min-height:0}
  .hl-mentora .family-auth .auth-copy{margin:32px 0 28px}
}
@media(max-width:760px){
  .hl-home .hero{grid-template-columns:1fr;padding:38px 24px 42px;gap:34px}
  .hl-home .hero h1{font-size:clamp(2.5rem,8vw,3.5rem)}
  .hl-home .hero-art{max-width:640px;width:100%;margin:auto}
  .hl-home .hero-art img{aspect-ratio:1.5}
  .hl-picker{grid-template-columns:1fr;gap:24px}
  .hl-live-heading{display:block}.hl-live-tools{margin-top:22px}
  .hl-mentora :is(.two-grid,.four-grid,.auth-grid){grid-template-columns:1fr}
  .hl-mentora .workspace-layout{grid-template-columns:1fr}
  .hl-mentora .workspace-nav{position:static;display:flex;flex-wrap:wrap;gap:6px}
  .hl-mentora .workspace-nav>*{flex:1 1 140px}
  .hl-mentora .section-head{flex-wrap:wrap}
  .hl-mentora .hl-header .small-button{display:flex}
  .hl-mentora .family-strip{margin-inline:20px}
  .hl-live{padding-block:45px}.hl-mentora .hl-header .brand{font-size:23px}
  .hl-home .grade-section{padding-block:48px}.hl-home .journey-section{padding-block:16px 48px}
}
@media(max-width:480px){
  .hl-mentora .hl-header{padding-inline:18px;gap:12px}
  .hl-mentora .wrap{padding-inline:20px}
  .hl-live-grid{grid-template-columns:1fr}
  .hl-picker-controls{grid-template-columns:1fr}.hl-picker-controls>*{grid-column:1!important}
  .hl-live-tools{align-items:stretch;flex-direction:column}
  .hl-mentora .grade-grid,.hl-mentora .course-grid{grid-template-columns:1fr}
  .hl-mentora .site-footer nav{width:100%;gap:14px}
  .hl-mentora .hero-actions .button{width:100%;justify-content:center}
  .hl-mentora .hl-header .brand small{font-size:10px}
  .hl-live-card,.hl-home .grade-card{padding:24px}.hl-mentora .auth-grid .card{padding:20px}
  .hl-announcement{font-size:12px;padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){.hl-mentora{scroll-behavior:auto}.hl-mentora *{animation:none!important;transition:none!important}}
@media print{.hl-announcement,.hl-menu-toggle,.hl-header nav,.hl-live-tools{display:none!important}.hl-mentora,.hl-home .hero{background:white!important;color:black!important}.hl-home .hero :is(.intro,.eyebrow,h1 em){color:black!important}}