/* HF26 homepage: five visible pathways and accessible, native disclosure controls.
   All pre-existing course / exercise sections remain present inside their folds. */
.v18512-home-preview{background:#fff;padding:1.4rem 0 3rem;scroll-margin-top:110px}
.v18512-home-preview h2{font-family:var(--font-display,Georgia,serif);font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.12;color:#0b2545;margin:1rem 0 .6rem}
.v18512-home-preview>div>p{color:#37536a;max-width:780px}
.v18512-pathway-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.v18512-pathway-card{min-width:0;display:flex;flex-direction:column;padding:1rem;border-radius:13px;border:1px solid #d9e3ed;background:#eef6ff}
.v18512-business{background:#eafaf5}.v18512-certifications{background:#fff8ec}.v18512-employers{background:#f5f0ff}.v18512-teachers{background:#fff0f3}
.v18512-pathway-card h3{font-size:1.05rem;line-height:1.3;margin:.15rem 0 .65rem}
.v18512-pathway-card p{font-size:.91rem;line-height:1.5;color:#2e4c61;flex:1}
.v18512-pathway-card a{display:inline-flex;align-items:center;min-height:44px;font-weight:750;color:#065e76;text-decoration:underline;text-underline-offset:3px}
.v18512-steps{margin:1.3rem 0;padding:1rem;border:1px solid #e0e9f1;border-radius:12px}
.v18512-steps h2{margin-top:0}
.v18512-steps ol{list-style:none;counter-reset:el-steps;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0}
.v18512-steps li{counter-increment:el-steps;font-size:.91rem;line-height:1.5;border-left:2px solid #d7e6ed;padding:.2rem .5rem .2rem .75rem}
.v18512-steps li::before{content:counter(el-steps);display:inline-flex;border-radius:50%;width:26px;height:26px;align-items:center;justify-content:center;background:#dff1fa;margin-right:.55rem;color:#034c6b;font-weight:800}
.v18512-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:start}
.v18512-disclosure{border:1px solid #c9dce9;border-radius:12px;background:#f8fbfd;min-width:0}
.v18512-disclosure[open]{grid-column:1/-1;background:#fff}
.v18512-disclosure summary{cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:1rem;min-height:76px;color:#103654}
.v18512-disclosure summary strong{font-size:1rem}
.v18512-disclosure summary span{font-size:.87rem;color:#496273}
.v18512-disclosure[open] summary{border-bottom:1px solid #d7e6ed}
.v18512-disclosure-body{padding:.7rem 0}
.v18512-disclosure-body>.section{max-width:100%}
.v18512-end-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin:1.3rem 0}
.v18512-end-actions a{border-radius:8px;border:1px solid #196978;min-height:45px;padding:.7rem 1.1rem;background:#ebf6f8;color:#12485b;font-weight:750}
.v18512-home-preview a:focus-visible,.v18512-home-preview summary:focus-visible{outline:3px solid #08759d;outline-offset:3px}
@media(max-width:960px){.v18512-pathway-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.v18512-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.v18512-pathway-cards,.v18512-more{grid-template-columns:1fr}.v18512-steps ol{grid-template-columns:1fr}.v18512-home-preview{padding-top:.8rem}}

/* The user-approved summary-first home keeps long legacy sections reachable through the
   focused hash destinations, without forcing them into the default vertical scroll.
   The original DOM, handlers, accessible focused routes and course tools are intact. */
body[data-el-homepage-view="home"] #app > #start,
body[data-el-homepage-view="home"] #app > #learning-pathways,
body[data-el-homepage-view="home"] #app > #courses,
body[data-el-homepage-view="home"] #app > #smartteacher,
body[data-el-homepage-view="home"] #app > #teachers,
body[data-el-homepage-view="home"] #app > #trust {display:none!important}
.v18512-disclosure-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:.6rem 0;padding-left:1.25rem}
.v18512-disclosure-body li{line-height:1.5}
.v18512-disclosure-body a{display:inline-block;min-height:40px;padding:.4rem .15rem;text-decoration:underline;text-underline-offset:3px;color:#086277}
.v18512-disclosure-body p{color:#476678;font-size:.87rem}
@media(max-width:650px){.v18512-disclosure-body ul{grid-template-columns:1fr}}

/* HF28 approved complete homepage composition: preserve all legacy focus routes. */
.v18528-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-el-homepage-view="home"] #live-classes{background:#eef5fb;padding-top:1.1rem;padding-bottom:1.1rem}
body[data-el-homepage-view="home"] #live-classes .v1780-studio{grid-template-columns:minmax(0,1.4fr) minmax(310px,.85fr);gap:0;align-items:stretch;border-radius:20px;overflow:hidden;box-shadow:0 15px 38px rgba(17,48,75,.14)}
body[data-el-homepage-view="home"] #live-classes .v1780-room-preview,body[data-el-homepage-view="home"] #live-classes .v1780-scheduler{border-radius:0!important;margin:0!important}
body[data-el-homepage-view="home"] #live-classes .v1780-room-preview{background:#15344f!important;padding:0!important}
body[data-el-homepage-view="home"] #live-classes .v1780-room-bar{margin:0!important;border-radius:0}
body[data-el-homepage-view="home"] #live-classes .v1780-room-stage{border-radius:0;min-height:420px;height:calc(100% - 43px);padding:clamp(1.3rem,3.8vw,3rem);background-position:center}
body[data-el-homepage-view="home"] #live-classes .v1780-room-stage h3{font-family:var(--font-display,Georgia,serif);font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.02;max-width:17ch;text-shadow:0 2px 14px rgba(0,0,0,.35)}
body[data-el-homepage-view="home"] #live-classes .v1780-room-stage p{font-size:clamp(.95rem,1.2vw,1.15rem);max-width:45ch}
body[data-el-homepage-view="home"] #live-classes .v1780-scheduler{background:#fff!important;padding:clamp(1rem,2.2vw,1.65rem)!important}
.v18512-home-preview{background:#f5f8fc;padding:1.1rem 0 3.3rem}
.v18512-pathway-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin:0 0 1.5rem}
.v18512-pathway-card{display:block;border:1px solid #e1e7f1;box-shadow:0 7px 20px rgba(25,61,92,.065);border-radius:18px;padding:1.15rem;min-height:215px;background:#eaf4ff}
.v18512-pathway-card>div{display:flex;flex-direction:column;height:calc(100% - 65px)}
.v18528-card-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:.6rem;background:#fff9;border-radius:16px;color:#135178;font-size:1.8rem;font-weight:700}
.v18512-legal{background:#e7f2ff}.v18512-business{background:#e8f8f3}.v18512-certifications{background:#fff5db}.v18512-employers{background:#f2ecff}.v18512-teachers{background:#ffeef2}
.v18512-pathway-card h3{color:#143451;font-size:1.09rem;margin:.12rem 0 .55rem}
.v18512-pathway-card p{color:#3c5368;font-size:.85rem;line-height:1.46}
.v18512-pathway-card a{margin-top:auto;color:#0d6483;font-size:.86rem;text-decoration:none}
.v18512-pathway-card a:hover{text-decoration:underline}
.v18512-steps{background:transparent;border:0;margin:1.4rem 0;padding:0;text-align:center}
.v18512-steps h2{font-size:clamp(1.7rem,2.8vw,2.4rem)}
.v18512-steps>p{color:#536b7c;margin:.35rem 0 1.5rem}
.v18512-steps ol{gap:1.1rem}
.v18512-steps li{position:relative;text-align:center;border:0;padding:4.5rem .5rem .4rem;color:#29475d;font-weight:550}
.v18512-steps li::before{position:absolute;top:.4rem;left:50%;transform:translateX(-50%);width:56px;height:56px;font-size:1.3rem;background:#e2eefa;box-shadow:0 0 0 5px #fff}
.v18512-steps li:not(:last-child)::after{content:"";position:absolute;top:2.1rem;left:calc(50% + 36px);width:calc(100% - 58px);height:2px;background:#bfd6e6}
.v18512-more{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;align-items:start}
.v18512-disclosure{border-radius:16px;background:#e5f1fb;border-color:#d6e6f0;box-shadow:0 4px 16px rgba(20,57,86,.06)}
.v18512-disclosure:nth-child(2){background:#fff3db}.v18512-disclosure:nth-child(3){background:#e9f7e9}.v18512-disclosure:nth-child(4){background:#efeaff}.v18512-disclosure:nth-child(5){background:#fcecf1}
.v18512-disclosure[open]{grid-column:span 2;background:#fff}
.v18512-disclosure summary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;min-height:158px;padding:1rem .7rem}
.v18512-disclosure summary>span:last-child{display:flex;flex-direction:column;gap:.45rem}
.v18528-disclosure-icon{display:flex;align-items:center;justify-content:center;background:#fff9;border-radius:50%;width:48px;height:48px;font-size:1.5rem;color:#204967}
.v18512-disclosure summary strong{font-size:1rem}
.v18512-disclosure summary span{font-size:.82rem}
.v18512-disclosure-body{padding:.55rem .9rem}
.v18512-disclosure-body ul{grid-template-columns:1fr}
@media(max-width:1100px){.v18512-pathway-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.v18512-more{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){body[data-el-homepage-view="home"] #live-classes .v1780-studio{grid-template-columns:1fr}body[data-el-homepage-view="home"] #live-classes .v1780-room-stage{min-height:340px}body[data-el-homepage-view="home"] #live-classes .v1780-scheduler{padding:1.4rem!important}.v18512-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}.v18512-steps li::after{display:none}}
@media(max-width:650px){.v18512-pathway-cards,.v18512-more,.v18512-steps ol{grid-template-columns:1fr}.v18512-disclosure[open]{grid-column:auto}.v18512-pathway-card{min-height:175px}.v18512-disclosure summary{min-height:112px}.v18512-steps li{padding-top:3.9rem}}

/* HF28 tablet regression: the teacher preview has a wide intrinsic minimum; stack before 900px tablets. */
@media(max-width:1199px){body[data-el-homepage-view="home"] #live-classes .v1780-studio{grid-template-columns:minmax(0,1fr)}body[data-el-homepage-view="home"] #live-classes .v1780-room-preview,body[data-el-homepage-view="home"] #live-classes .v1780-scheduler{min-width:0;max-width:100%;box-sizing:border-box}body[data-el-homepage-view="home"] #live-classes .v1780-room-stage{height:auto;min-height:340px}body[data-el-homepage-view="home"] #live-classes .v1780-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* HF28: unshown legacy toast must not expand tablet document width. Visible toasts retain their existing behavior. */
#toast:not(.show){display:none!important}
#toast.show{box-sizing:border-box;max-width:min(380px,calc(100vw - 32px))}

/* HF28 precise diagnosis: connector pseudo-elements escape 2-column learning-step grid at 900px. Keep decorative connectors only for the full 4-column desktop layout. */
@media(max-width:1100px){.v18512-steps li::after{display:none!important}}

/* HF29 owner-approved correction: restore the prior compact classroom preview,
   preserving the locked photo, independent DOM overlay and working class planner. */
body[data-el-homepage-view="home"] #live-classes .v1780-studio{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:1rem;align-items:start;overflow:visible;border-radius:0;box-shadow:none;
}
body[data-el-homepage-view="home"] #live-classes .v1780-room-preview{
  border-radius:12px!important;padding:1.2rem!important;
}
body[data-el-homepage-view="home"] #live-classes .v1780-room-bar{
  margin:-1.2rem -1.2rem 1.2rem!important;border-radius:12px 12px 0 0;
}
body[data-el-homepage-view="home"] #live-classes .v1780-room-stage{
  height:auto;min-height:280px;padding:1.4rem;border-radius:12px;
}
body[data-el-homepage-view="home"] #live-classes .v1780-room-stage h3{
  font-size:1.43rem;line-height:1.15;max-width:none;
}
body[data-el-homepage-view="home"] #live-classes .v1780-room-stage p{font-size:.94rem}
body[data-el-homepage-view="home"] #live-classes .v1780-scheduler{
  border-radius:12px!important;padding:1.2rem!important;
}
@media(max-width:1199px){
 body[data-el-homepage-view="home"] #live-classes .v1780-studio{grid-template-columns:1fr}
 body[data-el-homepage-view="home"] #live-classes .v1780-room-stage{min-height:280px}
}

/* HF29 full conversation visual audit: short default home, full details on focus routes.
   These rules never delete learning content or planner forms. */
html[data-v18529-compact-home="yes"] #live-classes > .container > :not(.v1780-studio):not(#v1790-class-prep){display:none!important}
body[data-el-homepage-view="home"] #live-classes{padding-top:1rem!important;padding-bottom:1.1rem!important}
body[data-el-homepage-view="home"] #home .hero-grid{align-items:center}
body[data-el-homepage-view="home"] #home .hero-copy{min-width:0}
body[data-el-homepage-view="home"] #home .hero-copy h1{font-size:clamp(1.9rem,3vw,3.15rem);line-height:1.07}
body[data-el-homepage-view="home"] #home .v18529-short-intro{font-size:1.03rem;line-height:1.5;max-width:58ch;color:#345a6b}
body[data-el-homepage-view="home"] #home .v18529-about-method{font-size:.88rem;margin:.6rem 0 1rem;border-radius:10px;border:1px solid #dce8ee;background:#fff;padding:.75rem 1rem;max-width:60ch}
body[data-el-homepage-view="home"] #home .v18529-about-method summary{cursor:pointer;font-weight:750;color:#086277;line-height:1.4}
body[data-el-homepage-view="home"] #home .v18529-about-method[open] .lead,
body[data-el-homepage-view="home"] #home .v18529-about-method[open] .v1760-method-note,
body[data-el-homepage-view="home"] #home .v18529-about-method[open] .v18510-cert-hero{font-size:.9rem;line-height:1.6;margin:.85rem 0;color:#37566c}
body[data-el-homepage-view="home"] #live-classes .v1780-room-preview .v1780-fine{color:#d6e6ed}

/* HF29 original, editable line icons — no raster mockup elements or emoji. */
.v18528-card-icon svg{width:36px;height:36px;display:block}
.v18528-disclosure-icon svg{width:28px;height:28px;display:block}

body[data-el-homepage-view="home"] #home .v18529-short-cert{font-size:.9rem;line-height:1.48;max-width:60ch;color:#315a6c;margin:.65rem 0}
body[data-el-homepage-view="home"] #home .v18529-short-cert a{color:#086277;font-weight:750;text-underline-offset:3px}

/* HF29 visual acceptance: compress TWO stacked legacy hero rows, not their content.
   The compact classroom photograph remains a real editable panel, never a new image. */
@media(min-width:1200px){
 body[data-el-homepage-view="home"] #home{padding-top:22px;padding-bottom:17px}
 body[data-el-homepage-view="home"] #home .hero-grid{gap:24px}
 body[data-el-homepage-view="home"] #home .hero-copy h1{font-size:clamp(1.9rem,2.45vw,2.75rem);line-height:1.08;max-width:22ch}
 body[data-el-homepage-view="home"] #home .hero-actions{margin:14px 0;gap:8px}
 body[data-el-homepage-view="home"] #home .hero-card{padding:16px}
 body[data-el-homepage-view="home"] #live-classes .v1780-room-stage{min-height:230px;padding:1.05rem}
 body[data-el-homepage-view="home"] #live-classes .v1780-provider-pills{display:none}
 body[data-el-homepage-view="home"] #live-classes .v1780-room-preview{padding:1rem!important}
 body[data-el-homepage-view="home"] #live-classes .v1780-room-bar{margin:-1rem -1rem 1rem!important;padding:.5rem .75rem}
 body[data-el-homepage-view="home"] #live-classes .v1780-scheduler{padding:1rem!important}
 body[data-el-homepage-view="home"] #live-classes .v1780-scheduler h3{font-size:1.35rem}
 body[data-el-homepage-view="home"] #live-classes .v1780-class-controls{margin:.5rem 0}
 body[data-el-homepage-view="home"] #live-classes .v1780-form-grid{gap:.55rem}
 body[data-el-homepage-view="home"] #live-classes .v1780-field input,
 body[data-el-homepage-view="home"] #live-classes .v1780-field select{min-height:40px;padding:.4rem .6rem}
 body[data-el-homepage-view="home"] #live-classes .v1780-room-preview>.v1780-fine{margin:.45rem 0 0;font-size:.76rem}
}

/* HF29 final visual gate: remove accumulated padding from the old separate
   introduction, comparison and planner, keeping all content/buttons functional. */
@media(min-width:1200px){
 body[data-el-homepage-view="home"] #home{padding-top:12px;padding-bottom:8px}
 body[data-el-homepage-view="home"] #home .hero-grid{gap:16px}
 body[data-el-homepage-view="home"] #home .hero-copy h1{font-size:clamp(1.65rem,2.15vw,2.4rem);line-height:1.06;margin-bottom:.55rem}
 body[data-el-homepage-view="home"] #home .v18529-short-intro,
 body[data-el-homepage-view="home"] #home .v18529-short-cert{margin:.3rem 0;font-size:.86rem;line-height:1.35}
 body[data-el-homepage-view="home"] #home .v18529-about-method{margin:.35rem 0;padding:.45rem .65rem;font-size:.78rem}
 body[data-el-homepage-view="home"] #home .hero-actions{margin:.55rem 0;gap:.35rem;flex-wrap:nowrap}
 body[data-el-homepage-view="home"] #home .hero-actions .btn{padding:.55rem .7rem;font-size:.8rem;line-height:1.2;min-width:0}
 body[data-el-homepage-view="home"] #home .hero-secondary{margin:.35rem 0;font-size:.82rem}
 body[data-el-homepage-view="home"] #home .trust-row{margin-top:.45rem;gap:.35rem}
 body[data-el-homepage-view="home"] #home .trust-item{padding:.4rem .45rem;border-radius:9px;font-size:.69rem}
 body[data-el-homepage-view="home"] #home .hero-card{padding:12px}
 body[data-el-homepage-view="home"] #home .hero-example{padding:.55rem .65rem;margin:.4rem 0}
 body[data-el-homepage-view="home"] #home .hero-language{margin-top:.35rem}
 body[data-el-homepage-view="home"] #live-classes .v1780-scheduler .v1780-fine{font-size:.8rem;line-height:1.35;margin:.25rem 0}
 body[data-el-homepage-view="home"] #live-classes .v1780-room-stage{min-height:205px}
 body[data-el-homepage-view="home"] #live-classes .v1780-form-grid{gap:.35rem .5rem}
 body[data-el-homepage-view="home"] #live-classes .v1780-class-status{font-size:.8rem;line-height:1.3}
 body[data-el-homepage-view="home"] #live-classes .v1780-class-controls button{min-height:40px;padding:.45rem .7rem}
 body[data-el-homepage-view="home"] #live-classes #v1790-class-prep{margin:.4rem 0;padding:.5rem .8rem}
}

/* HF29 precedence correction: legacy visual-v1610.css sets !important hero
   font and gap, so ordinary compressed CSS had no effect on the real page. */
@media(min-width:1200px){
 body[data-el-homepage-view="home"] #home.hero .hero-grid{
  grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)!important;
  gap:18px!important;
 }
 body[data-el-homepage-view="home"] #home.hero .hero-copy h1{
  font-size:clamp(2.15rem,2.8vw,2.6rem)!important;
  line-height:1.07!important;
  max-width:35ch!important;
  margin:0 0 .65rem!important;
 }
}

/* HF29 rendered-screenshot correction: use actual desktop pixels and a forced
   single CTA row so the older prose hero no longer crowds out course pathways. */
@media(min-width:1200px){
 #home.hero{padding-top:10px!important;padding-bottom:8px!important}
 #home .hero-grid{gap:16px!important}
 #home .hero-copy h1{font-size:clamp(32px,2.4vw,38px)!important;line-height:1.04!important;margin:0 0 8px!important}
 #home .hero-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;margin:8px 0!important}
 #home .hero-actions .btn{flex:0 1 auto!important;white-space:nowrap;font-size:12px!important;padding:9px 11px!important}
 #home .trust-row{margin-top:5px!important;gap:4px!important}
 #home .trust-item{padding:5px!important;font-size:11px!important}
 #home .hero-card{padding:11px!important}
 #home .hero-example{margin:4px 0!important;padding:7px 10px!important}
 #home .hero-language{margin-top:5px!important}
}

/* HF31: ACTUAL owner-approved image-led first screen, replacing the stacked
   text-first home hierarchy. All form/button text remains DOM-editable.
   Photo bytes stay locked in assets/teacher-classroom-photo-locked-hf26.svg. */
body[data-el-homepage-view="home"] #home.hero{
 padding:0!important;background:#fff!important;border-bottom:0!important;
}
#home .v18531-integrated-hero{
 display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.9fr);
 align-items:center;gap:1.1rem;
 min-height:410px;padding:16px clamp(18px,2.4vw,40px);
 background-image:linear-gradient(90deg,rgba(7,24,37,.76) 0%,rgba(7,24,37,.25) 57%,rgba(7,24,37,.12)),url('/assets/teacher-classroom-photo-locked-hf26.svg');
 background-size:cover;background-position:center;
 box-sizing:border-box;
}
#home .v18531-teacher-copy{align-self:center;color:#fff;padding:1.3rem 1rem 1.3rem clamp(.5rem,2vw,1.8rem);min-width:0;max-width:760px}
#home .v18531-image-heading{font-family:var(--font-display,Georgia,serif)!important;color:#fff!important;font-size:clamp(2.5rem,5vw,4.5rem)!important;line-height:1.02!important;letter-spacing:-.02em!important;max-width:15ch;margin:0 0 1rem!important;text-shadow:0 3px 14px rgba(0,0,0,.3)}
#home .v18531-image-lead{color:#fff;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;max-width:55ch;margin:0 0 1.1rem;text-shadow:0 1px 6px rgba(0,0,0,.35)}
#home .v18531-image-caveat{font-size:.78rem;color:#e7f2f7;line-height:1.4;max-width:70ch;margin:1rem 0 0}
#home .v18531-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
#home .v18531-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:.6rem 1.2rem;text-decoration:none;font-weight:800;border-radius:9px;box-sizing:border-box}
#home .v18531-blue-action{color:#fff!important;background:#0964d9;border:1px solid #87b9ed}
#home .v18531-white-action{color:#095397!important;background:#fff;border:1px solid #b5d2ee}
#home .v18531-hero-actions a:focus-visible,#home .v18531-form-actions a:focus-visible,#home .v18531-form-actions button:focus-visible{outline:3px solid #f4c760;outline-offset:3px}
#home .v18531-hero-planner{
 background:#fff;color:#102f49;border:1px solid #e4edf4;border-radius:15px;
 padding:clamp(1rem,1.7vw,1.5rem);box-shadow:0 13px 30px rgba(0,0,0,.22);
 max-width:500px;min-width:0;box-sizing:border-box;margin:0 0 0 auto;width:100%;
}
#home .v18531-planner-eyebrow{font-size:.73rem;letter-spacing:.055em;font-weight:800;color:#11676b;margin:0 0 .45rem}
#home .v18531-hero-planner h3{font-family:var(--font-display,Georgia,serif);font-size:clamp(1.5rem,2.1vw,2rem);color:#0d3151;margin:0 0 .55rem;line-height:1.1}
#home .v18531-planner-intro{font-size:.8rem;line-height:1.5;margin:0 0 .8rem;color:#375069}
#home .v18531-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
#home .v18531-field{display:flex;flex-direction:column;gap:.25rem;min-width:0;font-size:.74rem;font-weight:800;color:#173d60;line-height:1.3}
#home .v18531-field select,#home .v18531-field input{font:inherit;font-weight:500;background:#fff;color:#183c59;border:1px solid #b9cddd;border-radius:6px;min-height:39px;padding:.45rem .5rem;min-width:0;width:100%;box-sizing:border-box}
#home .v18531-plan-note{font-size:.72rem;line-height:1.45;color:#526a7c;margin:.65rem 0}
#home .v18531-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
#home .v18531-form-actions>*{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:40px;padding:.45rem .5rem;font-size:.78rem;font-weight:750;border-radius:7px;box-sizing:border-box;cursor:pointer;text-decoration:none}
#home .v18531-plan-button{border:1px solid #086f77;background:#177278;color:#fff}
#home .v18531-topic-button{border:1px solid #8ab5bc;background:#fff;color:#156e79}
#home .v18531-form-status{margin:.6rem 0 0;font-size:.73rem;color:#1d616e;line-height:1.35}
#home .v18531-plan-result{margin:.55rem 0 0;background:#eff8f8;color:#1e4e60;border:1px solid #b6d6d7;border-radius:8px;padding:.55rem .75rem;font-size:.74rem;line-height:1.45}
#home .v18531-plan-result p{margin:.3rem 0}
#home .v18512-home-preview{padding:1rem 0 2rem;background:#fff}
#home .v18512-pathway-cards{margin:.4rem 0 1.2rem}
#home .v18512-pathway-card{min-height:175px}
#home .v18512-steps{margin:1.1rem 0}
#home .v18512-disclosure summary{min-height:135px}
#home > .hero-grid{border-top:1px solid #e3eaf0;padding-top:1rem;padding-bottom:1rem;margin-top:1rem;opacity:.98}
#home > .hero-grid:before{content:'Additional learning guidance';grid-column:1/-1;font-family:var(--font-display,Georgia,serif);font-size:1.35rem;color:#153d5c;font-weight:700}
@media(max-width:1050px){
 #home .v18531-integrated-hero{grid-template-columns:minmax(0,1fr);background-position:center;gap:.6rem}
 #home .v18531-teacher-copy{padding:.5rem 1rem;max-width:740px}
 #home .v18531-hero-planner{max-width:630px;margin:.3rem auto 1rem;width:100%}
}
@media(max-width:600px){
 #home .v18531-integrated-hero{padding:.75rem;background-image:linear-gradient(90deg,rgba(7,24,37,.84),rgba(7,24,37,.5)),url('/assets/teacher-classroom-photo-locked-hf26.svg');background-position:60% center}
 #home .v18531-image-heading{font-size:clamp(2.25rem,8vw,3.25rem)!important}
 #home .v18531-teacher-copy{padding:.7rem}
 #home .v18531-hero-actions a{flex:1 1 42%;padding:.55rem .7rem;font-size:.82rem}
 #home .v18531-form-fields{grid-template-columns:1fr}
 #home .v18531-hero-planner{padding:.85rem}
 #home .v18531-form-actions{grid-template-columns:1fr}
}

/* HF31 finish approved visual proportions: icon alongside each pathway,
   inline numbered/icon learning steps, compact horizontal disclosures. */
#home .v18512-pathway-card{
 display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:.75rem;
 align-items:start;min-height:155px;padding:.95rem;
}
#home .v18512-pathway-card>.v18528-card-icon{margin:0;width:48px;height:48px;grid-column:1}
#home .v18512-pathway-card>div{grid-column:2;height:auto;min-width:0;display:flex;flex-direction:column;align-self:stretch}
#home .v18512-pathway-card h3{font-family:var(--font-display,Georgia,serif);font-size:1.19rem;line-height:1.15;margin:0 0 .4rem}
#home .v18512-pathway-card p{margin:0 0 .55rem;font-size:.82rem;line-height:1.45}
#home .v18512-pathway-card a{font-size:.82rem;line-height:1.45;margin-top:auto}
#home .v18512-steps h2{text-align:left;font-size:1.85rem;margin:0}
#home .v18512-steps>p{text-align:left;margin:.3rem 0 1rem}
#home .v18512-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
#home .v18512-steps li.v18531-step{
 display:flex;align-items:center;justify-content:flex-start;gap:.6rem;position:relative;
 min-width:0;margin:0;padding:.3rem .7rem .3rem 3rem;text-align:left;
 border-right:1px solid #d7e4ec;font-size:.78rem;font-weight:650;line-height:1.45;
}
#home .v18512-steps li.v18531-step:last-child{border-right:0}
#home .v18512-steps li.v18531-step::before{
 content:attr(data-step);display:flex;align-items:center;justify-content:center;
 width:38px;height:38px;left:0;top:50%;transform:translateY(-50%);
 background:#e4f0ff;border:1px solid #cbdef2;border-radius:50%;font-size:1.2rem;color:#07569c;box-shadow:none;
}
#home .v18512-steps li.v18531-step::after{display:none!important}
#home .v18531-step-icon{flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#edf6f6;color:#086f77;width:36px;height:36px}
#home .v18531-step-icon svg{width:25px;height:25px}
#home .v18531-step-copy{min-width:0}
#home .v18512-disclosure summary{
 display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
 gap:.65rem;text-align:left;min-height:87px;padding:.7rem .6rem;
}
#home .v18512-disclosure summary .v18528-disclosure-icon{flex:0 0 42px;width:42px;height:42px}
#home .v18512-disclosure summary>span:last-child{align-items:flex-start;text-align:left;min-width:0}
#home .v18512-disclosure summary strong{font-family:var(--font-display,Georgia,serif);font-size:1rem;line-height:1.2}
#home .v18512-disclosure summary span{line-height:1.35}
@media(max-width:1100px){
 #home .v18512-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 #home .v18512-steps li.v18531-step:nth-child(even){border-right:0}
}
@media(max-width:650px){
 #home .v18512-steps ol{grid-template-columns:1fr}
 #home .v18512-steps li.v18531-step{border-right:0;border-bottom:1px solid #d7e4ec;min-height:65px}
 #home .v18512-pathway-card{min-height:130px}
 #home .v18512-disclosure summary{min-height:78px}
}

/* HF31 image-quality acceptance: the protected photo is intentionally a
   900x348 SVG frame of a small embedded source. Do not enlarge it to the
   full 1440px hero (the actual screenshot showed visible blocky pixels).
   Preserve its original bytes; restrict only the background image's drawn
   area, keeping the approved first-screen copy + live form composition. */
@media(min-width:1051px){
 #home .v18531-integrated-hero{
  background-color:#213d4c;
  background-image:
   linear-gradient(90deg,rgba(8,25,38,.93) 0%,rgba(8,25,38,.68) 28%,rgba(8,25,38,.13) 61%,rgba(8,25,38,.03) 100%),
   url('/assets/teacher-classroom-photo-locked-hf26.svg');
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%,min(940px,72vw) auto;
  background-position:center,54% center;
 }
}
@media(min-width:601px) and (max-width:1050px){
 #home .v18531-integrated-hero{
  background-color:#1b394a;
  background-image:
    linear-gradient(180deg,rgba(8,24,37,.75),rgba(8,24,37,.35) 42%,rgba(8,24,37,.85)),
    url('/assets/teacher-classroom-photo-locked-hf26.svg');
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%,min(900px,100vw) auto;
  background-position:center,center 15%;
 }
}
@media(max-width:600px){
 #home .v18531-integrated-hero{
  background-color:#142c3b;
  background-image:
    linear-gradient(180deg,rgba(8,24,37,.84),rgba(8,24,37,.84)),
    url('/assets/teacher-classroom-photo-locked-hf26.svg');
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%,min(620px,130vw) auto;
  background-position:center,center top;
 }
}

/* HF31 final visual-artifact correction. The source photo is a small locked
   raster within SVG, so retain its bounded CSS display and feather its hard
   rectangle into the surrounding dark hero, rather than enlarging its pixels
   or altering the protected asset. Interactive text/form remain above overlay. */
#home .v18531-integrated-hero{position:relative;isolation:isolate;overflow:hidden}
#home .v18531-integrated-hero::before{
 content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:
  linear-gradient(90deg,#102e3e 0%,rgba(16,46,62,.95) 11%,rgba(16,46,62,.3) 34%,rgba(16,46,62,.14) 60%,rgba(16,46,62,.68) 76%,#102e3e 90%),
  linear-gradient(180deg,#102e3e 0%,rgba(16,46,62,.16) 22%,rgba(16,46,62,.12) 70%,#102e3e 100%);
}
#home .v18531-integrated-hero>.v18531-teacher-copy,
#home .v18531-integrated-hero>.v18531-hero-planner{position:relative;z-index:1}
@media(max-width:1050px){
 #home .v18531-integrated-hero::before{
  background-image:linear-gradient(180deg,#102e3e 0%,rgba(16,46,62,.35) 18%,rgba(16,46,62,.2) 38%,rgba(16,46,62,.62) 62%,#102e3e 83%);
 }
}