/* Lani English · V4 Cute & Mobile Safe · scoped to Home and My Learning.
   Applied after the existing dashboard styles; no lesson/Teacher Studio selectors. */
.ref-dashboard,.ml26{
  --v4-ink:#163d68;--v4-sub:#456780;--v4-line:#dceaf4;
  font-family:"Nunito",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--v4-ink);
}
.ref-dashboard h1,.ref-dashboard h2,.ref-dashboard h3,.ml26 h1,.ml26 h2{
  font-family:"Baloo 2","Nunito",system-ui,"Segoe UI",sans-serif;
  line-height:1.2;overflow-wrap:break-word;
}
.ref-dashboard small,.ml26 small{color:#466680}
.ref-dashboard .ref-sky h1{color:#0b3268}
.ref-dashboard .ref-sky-copy p{color:#144674;text-shadow:0 1px 0 #ffffff88}
.ref-dashboard .joy-greeting-vi{color:#174d81!important;line-height:1.45}
.ref-dashboard .ref-lessons-panel .lani-current-caption{font-size:.94rem;font-weight:760;color:#466987;margin:-5px 0 15px}
.ref-dashboard .ref-lesson-grid.lani-only-active-course{grid-template-columns:minmax(0,1fr);max-width:740px}
.ref-dashboard .lani-current-course{
  display:flex;align-items:stretch;gap:18px;background:#fff;border:1px solid var(--v4-line);
  border-radius:22px;padding:13px;box-shadow:0 8px 24px #286a9b0b;min-height:156px;
}
.ref-dashboard .lani-course-art{
  flex:0 0 180px;position:relative;display:grid;place-items:center;min-height:132px;
  border-radius:17px;overflow:hidden;
  background:linear-gradient(160deg,#daf1ff 0%,#f0faff 65%,#dff2d7 100%);
}
.ref-dashboard .lani-course-art:before{content:"";position:absolute;inset:auto 0 0;height:31px;border-radius:50% 50% 0 0;background:#b9e2af}
.ref-dashboard .lani-course-art img{width:105px;height:105px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 4px 4px #6c9eae24)}
.ref-dashboard .lani-course-art .lani-flower{position:absolute;bottom:13px;right:13px;font-size:27px;z-index:2}
.ref-dashboard .lani-course-content{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1;padding:5px 7px 6px 0}
.ref-dashboard .lani-course-pill{align-self:flex-start;border-radius:99px;padding:3px 12px;background:#eaf4ff;color:#145c9f;font-weight:850;font-size:.79rem}
.ref-dashboard .lani-course-content h3{font-size:clamp(1.26rem,2vw,1.65rem);color:#143f71;margin:2px 0 0}
.ref-dashboard .lani-course-content p{font-size:.94rem;font-weight:650;color:#456780;line-height:1.5;margin:0 0 8px}
.ref-dashboard .lani-course-content .button{align-self:flex-start;border-radius:999px;min-height:44px;background:#106bc5;font-weight:850}
.ref-dashboard .lani-course-content .button:hover{background:#095ba8}
.ref-dashboard .lani-course-empty{background:#f7fcff;border:1px dashed #aacde6;border-radius:18px;padding:21px 22px;line-height:1.55}
.ref-dashboard .lani-course-empty h3{font-size:1.23rem;margin:0 0 5px}
.ref-dashboard .lani-course-empty p{font-size:.96rem;margin:0 0 12px;color:#476883}
.ref-dashboard .lani-course-empty .button{border-radius:999px}
/* Garden illustration: independent scene on solid pastel surface, no overlay text. */
.ref-dashboard .joy-garden{background:#fffdf6;border-color:#eee9d8;border-radius:26px;gap:21px}
.ref-dashboard .joy-garden-art{
  padding:0!important;border-radius:23px;overflow:hidden;min-height:0!important;
  background:#e4f6ff!important;display:block!important;aspect-ratio:580 / 342;
}
.ref-dashboard .joy-garden-art>.lani-v4-scene,
.ml26 .ml26-garden-visual>.lani-v4-scene{
  width:100%;height:100%;display:block;object-fit:contain;overflow:hidden;
}
.ref-dashboard .joy-garden-art .joy-watering-can{display:none}
.ref-dashboard .joy-garden-copy{min-width:0}
.ref-dashboard .joy-garden h2{color:#16406c}
.ref-dashboard .joy-garden-message{background:#fff3cb;color:#654a20;font-weight:850;line-height:1.5}
.ref-dashboard .joy-waterline small,.ref-dashboard .joy-garden-foot,.ref-dashboard .joy-garden-details{color:#46687b}
.ref-dashboard .joy-garden .joy-milestones li b{color:#42627c}
.ref-dashboard .joy-today,.ref-dashboard .ref-lessons-panel{border-color:var(--v4-line)}
.ml26 .ml26-garden{background:linear-gradient(115deg,#fff8e8,#fffcf2 55%,#f0fcf7);border-radius:26px;border-color:#f0e4c3}
.ml26 .ml26-garden-inner{grid-template-columns:minmax(0,1.13fr) minmax(270px,.87fr);gap:19px;align-items:center}
.ml26 .ml26-garden-visual{position:relative;min-height:0!important;height:auto!important;max-width:none!important;aspect-ratio:580 / 342;overflow:hidden!important;border-radius:23px;background:#e1f6ff;order:0}
.ml26 .ml26-garden-visual:before,.ml26 .ml26-garden-visual:after{display:none!important;content:none!important}
.ml26 .ml26-main-plant,.ml26 .ml26-watering-can{display:none}
.ml26 .ml26-garden-description{color:#4c6e77;font-size:.98rem;font-weight:600}
.ml26 .ml26-garden-status>small,.ml26 .ml26-garden-rail-head small{color:#4b697d}
.ml26 .ml26-lesson{min-height:82px;border-radius:18px}
.ml26 .ml26-lesson-copy strong{font-size:1rem;color:#184a77}
.ml26 .ml26-lesson-copy small{color:#4c6c86;font-size:.88rem;line-height:1.45}
.ml26 .ml26-list .lani-empty-learning{padding:17px;background:#f4fbff;border:1px dashed #b4d3e8;border-radius:15px;color:#365c7c;font-weight:700;line-height:1.55}
.ml26 .ml26-list .lani-empty-learning p{margin:0 0 9px}
.ml26 .ml26-list .lani-empty-learning a{display:inline-block;color:#1268b7;font-weight:850;min-height:44px;padding:9px 0}
.ml26 .ml26-section-header h2,.ml26 .ml26-tools-title{font-family:"Baloo 2","Nunito",system-ui,sans-serif}
.ml26 .ml26-stat-label,.ml26 .ml26-course-meta{color:#486a84}
.ml26 .ml26-section-header a,.ref-dashboard .ref-all-lessons{font-weight:850;color:#1766af}
.ref-dashboard a:focus-visible,.ml26 a:focus-visible{outline:3px solid #ffb62f;outline-offset:3px}
/* Mobile: text remains independent from illustration, readable without downloaded fonts. */
@media(max-width:980px){
 .ml26 .ml26-garden-inner{grid-template-columns:1fr}
 .ml26 .ml26-garden-visual{grid-row:1;width:100%;max-width:550px;margin:0 auto 4px}
 .ml26 .ml26-garden-copy{grid-row:2}
 .ref-dashboard .joy-garden{grid-template-columns:1fr}
 .ref-dashboard .joy-garden-art{max-width:550px;width:100%;margin:auto}
}
@media(max-width:760px){
 .ref-dashboard,.ml26{font-size:16px;line-height:1.55}
 .ref-dashboard .ref-sky-copy{z-index:4;position:relative;background:#fffffff0;border:1px solid #fff;border-radius:17px;
    width:65%;max-width:65%;margin:68px 0 0 12px;padding:13px!important;text-align:left;box-shadow:0 5px 17px #2168a012}
 .ref-dashboard .ref-sky h1{font-size:clamp(1.36rem,4.7vw,1.72rem);line-height:1.14;margin:0 0 5px}
 .ref-dashboard .ref-sky-copy p{font-size:.88rem;line-height:1.43;color:#164a76}
 .ref-dashboard .ref-sky-copy p.joy-greeting-vi{display:none}
 .ref-dashboard .ref-bird-hero{width:36%;top:76px;right:2%;opacity:1}
 .ref-dashboard .ref-handwriting{display:none}
 .ref-dashboard .joy-garden{padding:15px}
 .ref-dashboard .joy-garden h2{font-size:1.5rem}
 .ref-dashboard .joy-garden-art{min-height:180px}
 .ref-dashboard .lani-current-course{gap:11px}
 .ref-dashboard .lani-course-art{flex-basis:125px;min-height:142px}
 .ref-dashboard .lani-course-art img{width:83px;height:83px}
 .ref-dashboard .lani-course-content h3{font-size:1.2rem}
 .ref-dashboard .lani-course-content p{font-size:.9rem}
 .ml26 .ml26-garden{padding:17px;border-radius:22px}
 .ml26 .ml26-garden-visual{width:100%;height:auto!important;min-height:0!important}
 .ml26 .ml26-garden h2{font-size:1.48rem}
 .ml26 .ml26-section-header h2{font-size:1.24rem;line-height:1.27}
 .ml26 .ml26-garden-status small{font-size:.83rem}
}
@media(max-width:480px){
 .ref-dashboard .ref-sky{height:250px}
 .ref-dashboard .ref-sky-copy{max-width:64%;width:64%;margin:65px 0 0 10px;padding:12px 11px!important}
 .ref-dashboard .ref-sky h1{font-size:1.39rem}
 .ref-dashboard .ref-sky-copy p{font-size:.82rem}
 .ref-dashboard .ref-bird-hero{width:37%;height:128px;top:88px}
 .ref-dashboard .ref-body{padding:0 10px 70px}
 .ref-dashboard .joy-today{padding:15px;gap:12px}
 .ref-dashboard .lani-current-course{flex-direction:column;padding:10px}
 .ref-dashboard .lani-course-art{flex:0 0 auto;min-height:105px}
 .ref-dashboard .lani-course-art img{width:90px;height:90px}
 .ref-dashboard .lani-course-content{padding:5px 5px 8px}
 .ref-dashboard .lani-course-content h3{font-size:1.3rem}
 .ref-dashboard .joy-garden{gap:13px}
 .ref-dashboard .joy-garden-art{min-height:0}
 .ml26 .ml26-garden-visual{aspect-ratio:580/342;min-height:0!important}
 .ml26 .ml26-garden-description{font-size:.95rem;line-height:1.55}
 .ml26 .ml26-lesson-copy small{font-size:.87rem}
 .ml26 .ml26-stats .ml26-stat small{color:#496882}
}
@media(prefers-reduced-motion:reduce){
 .ref-dashboard .ref-bird-hero{animation:none!important}
 .ref-dashboard .lani-current-course,.ml26 .ml26-lesson{transition:none!important}
}


/* Learner-first experience · 2026-10-31
   Keep course discovery public; focus enrolled learners on their next lesson.
   Separate scoped styles from lessons, auth and Teacher Studio. */
.lani-visitor-home,.lani-course-catalog{
 --lani-ink:#163d68;--lani-muted:#456881;--lani-blue:#126bc4;
 color:var(--lani-ink);font-family:"Nunito",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
.lani-visitor-home h1,.lani-visitor-home h2,.lani-course-catalog h1,
.lani-course-catalog h2,.lani-course-catalog h3,.lani-focus h2,.lani-more-courses h2,
.lani-explore-entry h2{font-family:"Baloo 2","Nunito",system-ui,sans-serif;line-height:1.2;overflow-wrap:anywhere}
.lani-visitor-kicker,.lani-focus-eyebrow{
 display:inline-block;color:#215d91;font-size:.76rem;font-weight:900;letter-spacing:.07em;
}
.lani-visitor-hero{
 display:grid;grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);
 align-items:center;gap:clamp(16px,3vw,40px);position:relative;isolation:isolate;overflow:hidden;
 padding:clamp(63px,5.3vw,74px) clamp(24px,5vw,65px) clamp(24px,3vw,36px);
 border:1px solid #d4e9f8;border-radius:26px;
 background:radial-gradient(circle at 90% 18%,#fff3c7 0%,transparent 28%),linear-gradient(130deg,#e1f3ff,#f3fbff 56%,#fff9e7);
}
.lani-visitor-copy{position:relative;z-index:2;min-width:0;max-width:720px}
.lani-visitor-hero h1{font-size:clamp(2rem,3.45vw,2.7rem);line-height:1.13;letter-spacing:-.025em;color:#113d73;margin:7px 0 11px}
.lani-visitor-hero h1 span{display:block}
.lani-visitor-hero p{font-size:clamp(.97rem,1.25vw,1.08rem);line-height:1.55;color:#365f80;max-width:610px;margin:0 0 11px}
.lani-visitor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:13px 0 6px}
.lani-visitor-actions .button{border-radius:999px;min-height:44px;padding:10px 20px;font-weight:850}
.lani-visitor-hint{display:block;font-size:.82rem;line-height:1.4;color:#456881;margin-top:7px}
.lani-visitor-cloud{display:block;justify-self:center;width:min(100%,220px);max-height:205px;object-fit:contain;filter:drop-shadow(0 10px 16px #2e81ac24)}
/* Keep the discovery heading and its three cards away from the viewport edge. */
.lani-visitor-section{
 margin:27px 0 0;
 padding-inline:clamp(18px,2.5vw,32px);
}
@media(max-width:760px){
 .lani-visitor-section{margin-top:21px;padding-inline:16px}
}
@media(max-width:380px){
 .lani-visitor-section{padding-inline:13px}
}
.lani-section-heading{margin:0 0 14px;min-width:0}
.lani-section-heading h2{font-size:clamp(1.35rem,2.2vw,1.85rem);margin:3px 0 3px;color:#173f72}
.lani-section-heading p{margin:4px 0 0;font-size:.94rem;line-height:1.55;color:#4c6f85}
.lani-discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lani-discover-card{
 display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px;min-width:0;min-height:207px;
 border:1px solid #dce9f5;border-radius:21px;background:#fff;color:#193f70;text-decoration:none;
 box-shadow:0 8px 22px #286f9b0b;transition:transform .15s ease,box-shadow .15s ease;
}
.lani-discover-card:nth-child(2){background:#fff9ec}
.lani-discover-card:nth-child(3){background:#f0fbf5}
.lani-discover-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #286f9b1b;color:#103c70}
.lani-discover-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e4f2fe;font-size:1.6rem}
.lani-discover-card strong{font-size:1.12rem;line-height:1.3;color:#153e73}
.lani-discover-card>span:not(.lani-discover-icon){font-size:.92rem;line-height:1.5;color:#426783}
.lani-discover-card em{font-style:normal;color:#0a65b3;font-weight:900;font-size:.92rem;margin-top:auto}
.lani-method-preview{margin:20px 0;padding:22px 26px;border-radius:22px;background:#eaf7fb;border:1px solid #cfe6e9}
.lani-method-preview h2{font-size:1.7rem;margin:4px 0;color:#123e72}
.lani-method-preview p{color:#3f6680;max-width:690px;margin:0 0 10px;line-height:1.6}
.lani-method-preview a{font-weight:850;color:#0968b7}
.lani-visitor-home .ef-getting-started{margin-top:24px}
.lani-course-catalog>h1{font-size:clamp(1.8rem,3.5vw,2.6rem);color:#153e72}
.lani-course-catalog>.lead{max-width:850px;color:#476981}
.lani-catalog-section{margin:25px 0}
.lani-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px}
.lani-catalog-card{display:flex;gap:14px;align-items:flex-start;min-width:0;padding:19px;background:#fff;border:1px solid #dde9f4;border-radius:20px;box-shadow:0 6px 20px #226a950b}
.lani-catalog-card.is-owned{border-color:#abd4e9;background:#f5fbff}
.lani-catalog-icon{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:15px;background:#e3f3fe;font-size:1.5rem}
.lani-catalog-info{min-width:0;flex:1}
.lani-catalog-state{display:inline-block;border-radius:999px;background:#eff3f8;color:#49657b;padding:4px 10px;font-size:.78rem;font-weight:850}
.lani-catalog-card.is-owned .lani-catalog-state{background:#e4f6e8;color:#2c7048}
.lani-catalog-info h3{font-size:1.35rem;margin:8px 0 6px;color:#143b70}
.lani-catalog-info p{margin:0 0 9px;color:#476783;line-height:1.55;font-size:.94rem}
.lani-catalog-info small{font-size:.86rem;color:#365c73;line-height:1.5;display:block}
.lani-catalog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px}
.lani-catalog-actions .button{min-height:43px;border-radius:999px;display:inline-flex;align-items:center;text-align:center;justify-content:center;white-space:normal}
.lani-inline-link{font-size:.91rem;font-weight:850;color:#0b65b3;min-height:43px;display:inline-flex;align-items:center}
.lani-course-next{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:23px;border-radius:20px;background:#fff8e6;border:1px solid #efdfba}
.lani-course-next h2{font-size:1.5rem;margin:0 0 5px;color:#634c1c}
.lani-course-next p{margin:0;color:#725d3e;font-size:.94rem;line-height:1.6}
.lani-course-next .lani-catalog-actions{margin:0}
.lani-course-next .ef-course-contacts{margin:0}
.lani-catalog-note{font-size:.87rem;color:#4a6c81;margin:12px 0}
/* The first item below the enrolled learner's sky is always the next learning action. */
.ref-dashboard.lani-enrolled-home .ref-sky{height:204px}
.ref-dashboard.lani-enrolled-home .ref-sky-copy{padding-top:64px;padding-left:28px;text-align:left;width:75%}
.ref-dashboard.lani-enrolled-home .ref-sky h1{font-size:clamp(1.65rem,2.6vw,2.35rem);margin:0 0 4px}
.ref-dashboard.lani-enrolled-home .ref-sky-copy p{margin:0;line-height:1.45;font-size:.96rem}
.ref-dashboard.lani-enrolled-home .ref-bird-hero{width:19%;top:32px;right:8%}
.ref-dashboard.lani-enrolled-home .ref-landscape{height:68px}
.ref-dashboard.lani-enrolled-home .ref-handwriting{display:none}
.ref-dashboard .lani-focus{display:flex;align-items:stretch;gap:19px;position:relative;z-index:6;margin:-24px 0 17px;padding:15px;
 background:#fff;border:1px solid #badced;border-radius:23px;box-shadow:0 12px 30px #2365a21e}
.ref-dashboard .lani-focus-art{flex:0 0 176px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:18px;
 background:linear-gradient(155deg,#d3edff,#eefbff 70%,#e2f2d4)}
.ref-dashboard .lani-focus-art:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:40px;border-radius:50% 50% 0 0;background:#bfe4b5}
.ref-dashboard .lani-focus-art img{width:112px;height:112px;object-fit:contain;position:relative;z-index:1}
.ref-dashboard .lani-focus-art span{position:absolute;bottom:13px;right:17px;font-size:1.65rem;z-index:2}
.ref-dashboard .lani-focus-copy{flex:1;min-width:0;display:flex;flex-direction:column;padding:7px 5px}
.ref-dashboard .lani-focus h2{font-size:clamp(1.36rem,2.5vw,1.92rem);color:#123d70;margin:5px 0 2px}
.ref-dashboard .lani-focus-lesson{font-weight:750;font-size:.96rem;line-height:1.5;color:#365e7a;margin:0 0 8px}
.ref-dashboard .lani-focus-progress{color:#486c82;font-size:.83rem;margin:0 0 5px}
.ref-dashboard .lani-focus-meter,.ref-dashboard .lani-more-meter{display:block;height:8px;max-width:380px;background:#e3edf5;border-radius:999px;overflow:hidden}
.ref-dashboard .lani-focus-meter>span,.ref-dashboard .lani-more-meter>span{display:block;height:100%;background:#1788ce;border-radius:inherit}
.ref-dashboard .lani-focus-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.ref-dashboard .lani-focus-actions .button{border-radius:999px;min-height:46px;font-weight:850}
.ref-dashboard .lani-focus-actions>a:not(.button){font-size:.91rem;font-weight:850;color:#0e66af}
.ref-dashboard .lani-more-courses{margin:18px 0}
.ref-dashboard .lani-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ref-dashboard .lani-more-course{display:flex;align-items:center;gap:12px;min-width:0;min-height:94px;
 padding:13px;border:1px solid #deebf4;border-radius:18px;background:#fff;text-decoration:none;color:#164273}
.ref-dashboard .lani-more-course:hover{background:#f4faff}
.ref-dashboard .lani-more-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:#e9f6ff;font-size:1.45rem}
.ref-dashboard .lani-more-info{flex:1;min-width:0;display:grid;gap:4px}
.ref-dashboard .lani-more-info strong{font-weight:850;font-size:1rem;line-height:1.3}
.ref-dashboard .lani-more-info small{font-size:.81rem;line-height:1.45;color:#4d6e85}
.ref-dashboard .lani-more-arrow{color:#126bc4;font-size:1.3rem}
.ref-dashboard .lani-explore-entry{background:#f7fcff;border:1px solid #d7e8f5;border-radius:23px;position:relative;z-index:4;padding:22px;margin:-25px 0 15px}
.ref-dashboard .lani-explore-entry h2{font-size:clamp(1.35rem,2.6vw,1.85rem);margin:7px 0;color:#163e71}
.ref-dashboard .lani-explore-entry>p{font-size:.96rem;color:#496c84;line-height:1.6;margin:0 0 16px}
.ref-dashboard .lani-explore-entry .lani-discover-card{min-height:190px}
.ref-dashboard .joy-today{margin-top:17px;box-shadow:0 6px 19px #1d65a519}
.ref-dashboard .joy-today-cta{background:#eff7ff;color:#0d61a9;box-shadow:none;border:1px solid #c5e3f5}
.ref-dashboard .joy-today-cta:hover{background:#e0f1ff;color:#0e5797}
.ref-dashboard .joy-garden{margin-top:16px}
.ref-dashboard .ref-stats{margin-top:15px}
@media(max-width:900px){
 .lani-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lani-visitor-hero{grid-template-columns:minmax(0,1fr) minmax(140px,.45fr);gap:18px;padding-top:76px}
 .lani-visitor-hero h1{font-size:clamp(1.85rem,3.6vw,2.35rem)}
 .lani-visitor-cloud{width:min(100%,180px)}
}
@media(max-width:760px){
 .lani-visitor-hero{display:block;padding:94px 20px 23px;border-radius:21px}
 .lani-visitor-copy{max-width:100%}
 .lani-visitor-copy .lani-visitor-kicker{display:block;max-width:calc(100% - 75px);line-height:1.45}
 .lani-visitor-cloud{position:absolute;right:17px;top:83px;width:64px;max-height:64px;opacity:1}
 .lani-visitor-hero h1{font-size:clamp(1.65rem,5vw,2.1rem);line-height:1.18;max-width:100%}
 .lani-visitor-actions{gap:8px}
 .lani-visitor-actions .button{padding:10px 15px}
 .lani-catalog-card{padding:15px;gap:10px}
 .lani-course-next{padding:18px}
 .ref-dashboard.lani-enrolled-home .ref-sky{height:206px}
 .ref-dashboard.lani-enrolled-home .ref-sky-copy{
  position:relative;z-index:4;background:#fffffff1;border:1px solid #fff;border-radius:16px;
  width:68%;max-width:68%;margin:58px 0 0 10px;padding:12px!important;text-align:left;
 }
 .ref-dashboard.lani-enrolled-home .ref-sky h1{font-size:clamp(1.27rem,4.5vw,1.58rem)}
 .ref-dashboard.lani-enrolled-home .ref-sky-copy p{font-size:.82rem}
 .ref-dashboard.lani-enrolled-home .ref-bird-hero{width:31%;top:74px;right:1%}
 .ref-dashboard .lani-focus{gap:12px;padding:12px}
 .ref-dashboard .lani-focus-art{flex-basis:124px}
 .ref-dashboard .lani-focus-art img{width:90px;height:90px}
 .ref-dashboard .lani-focus-copy{padding:3px}
 .ref-dashboard .lani-focus h2{font-size:1.35rem}
 .ref-dashboard .lani-more-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 .lani-visitor-hero{padding:93px 17px 20px}
 .lani-visitor-hero h1{font-size:clamp(1.6rem,6vw,1.94rem);line-height:1.18;padding-right:0}
 .lani-visitor-hero h1 span{display:inline}
 .lani-visitor-hero p{max-width:100%;font-size:.94rem;line-height:1.55}
 .lani-visitor-copy .lani-visitor-kicker{max-width:calc(100% - 67px);font-size:.71rem}
 .lani-visitor-cloud{width:54px;max-height:54px;top:81px;right:12px}
 .lani-discover-grid{grid-template-columns:1fr;gap:10px}
 .lani-discover-card{min-height:0;padding:15px;gap:6px}
 .lani-discover-icon{width:41px;height:41px;font-size:1.3rem}
 .lani-visitor-hero .button{flex:1 1 190px}
 .lani-method-preview{padding:17px}
 .lani-catalog-grid{grid-template-columns:1fr}
 .lani-catalog-actions .button{flex:1 1 135px}
 .ref-dashboard.lani-enrolled-home .ref-sky{height:201px}
 .ref-dashboard .lani-focus{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;margin-top:-18px}
 .ref-dashboard .lani-focus-art{width:78px;min-height:108px;align-self:start}
 .ref-dashboard .lani-focus-art img{width:72px;height:72px}
 .ref-dashboard .lani-focus-art span{font-size:1.1rem;right:4px;bottom:9px}
 .ref-dashboard .lani-focus-eyebrow{font-size:.67rem;line-height:1.35;letter-spacing:.035em}
 .ref-dashboard .lani-focus h2{font-size:1.24rem;line-height:1.2}
 .ref-dashboard .lani-focus-lesson{font-size:.86rem}
 .ref-dashboard .lani-focus-actions{gap:8px;margin-top:9px}
 .ref-dashboard .lani-focus-actions .button{width:100%;min-height:44px;text-align:center}
 .ref-dashboard .lani-focus-actions>a:not(.button){padding:5px 0;min-height:30px}
 .ref-dashboard .lani-explore-entry{padding:15px;margin-top:-17px}
 .ref-dashboard .lani-explore-entry .lani-discover-grid{grid-template-columns:1fr}
 .ref-dashboard .lani-explore-entry .lani-discover-card{min-height:0}
 .ref-dashboard .joy-today-cta{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .lani-discover-card{transition:none}
 .lani-discover-card:hover{transform:none}
}

/* One tiny, optional interaction for visitors: discover a useful expression. */
.lani-curiosity{display:flex;gap:19px;align-items:flex-start;margin:18px 0 22px;padding:23px;
 border:1px solid #e8e0bb;border-radius:23px;background:linear-gradient(120deg,#fff9e9,#fffef8)}
.lani-curiosity-icon{display:grid;place-items:center;flex:0 0 60px;height:60px;border-radius:19px;background:#fff0c9;font-size:2rem}
.lani-curiosity-copy{flex:1;min-width:0}
.lani-curiosity h2{font-size:clamp(1.25rem,2.2vw,1.65rem);margin:4px 0 5px;color:#6b511f}
.lani-curiosity p{font-size:.94rem;line-height:1.55;color:#6e5b41;margin:5px 0}
.lani-curiosity details{margin-top:12px}
.lani-curiosity summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;
 border:1px solid #eac87c;border-radius:999px;padding:9px 15px;background:#fff;color:#6f501a;font-weight:850}
.lani-curiosity details[open] summary{background:#fff3cd}
.lani-curiosity-answer{margin-top:13px!important;padding:12px 14px;border-radius:12px;background:#fff}
.lani-curiosity-answer strong{display:block;font-size:1.17rem;color:#183f73}
.lani-curiosity-answer span{font-size:.89rem}
.lani-curiosity details a{display:inline-flex;min-height:44px;align-items:center;font-weight:850;color:#0d66b1}
@media(max-width:520px){.lani-curiosity{padding:16px;gap:10px}.lani-curiosity-icon{flex-basis:41px;height:41px;font-size:1.35rem}.lani-curiosity h2{font-size:1.18rem}}


/* Mobile bottom navigation: Vietnamese labels need two readable lines, not clipped text. */
@media(max-width:760px){
 .mobile-nav a{min-width:0;overflow:hidden;white-space:normal;min-height:60px;padding:4px 1px 5px}
 .mobile-nav small{display:block;width:100%;min-height:2.4em;text-align:center;white-space:normal;
   overflow-wrap:normal;word-break:normal;line-height:1.2;font-size:clamp(10px,2.45vw,12px);letter-spacing:0}
}


/* 2026-10-31 · Lani identity clarity
   Sidebar flowers and motto have separate, non-overlapping regions.
   Learner hero mantra is legible above the sky landscape, on desktop and mobile. */
.layout .sidebar .side-quote.lani-side-motto{
 display:flex;
 flex-direction:column;
 position:relative;
 flex:0 0 auto;
 width:calc(100% - 12px);
 height:auto;
 min-height:0;
 max-height:none;
 margin:10px 6px 13px;
 padding:0;
 border:1px solid #d8e8e7;
 border-radius:19px;
 background:#fffaf1;
 box-shadow:0 7px 19px rgba(28,83,116,.09);
 overflow:hidden;
 isolation:isolate;
}
.layout .sidebar .side-quote.lani-side-motto::before,
.layout .sidebar .side-quote.lani-side-motto::after{
 content:none;
 display:none;
}
.layout .side-quote.lani-side-motto .lani-side-motto-art{
 display:flex;
 justify-content:center;
 align-items:center;
 height:116px;
 min-height:116px;
 width:100%;
 padding:5px 12px 0;
 background:linear-gradient(180deg,#eff9ff 0%,#eaf7f8 72%,#e8f6df 100%);
 overflow:hidden;
}
.layout .side-quote.lani-side-motto .lani-side-motto-art img{
 display:block;
 position:static;
 width:auto;
 height:110px;
 max-width:100%;
 max-height:110px;
 margin:0 auto;
 object-fit:contain;
 object-position:center bottom;
 filter:drop-shadow(0 3px 3px rgba(73,126,82,.13));
}
.layout .side-quote.lani-side-motto .lani-side-motto-copy{
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:7px;
 padding:11px 8px 12px;
 min-width:0;
 background:linear-gradient(180deg,#fffef9,#fff8e7);
 text-align:center;
}
.layout .side-quote.lani-side-motto .lani-side-motto-kicker{
 font:900 .68rem/1.25 "Nunito",system-ui,sans-serif;
 letter-spacing:.11em;
 color:#7a681f;
}
.layout .side-quote.lani-side-motto .lani-side-motto-values{
 width:100%;
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:4px;
}
.layout .side-quote.lani-side-motto .lani-side-motto-values strong{
 min-width:0;
 padding:6px 2px;
 border:1px solid #dcebf4;
 border-radius:9px;
 background:#fff;
 color:#174879;
 font:850 clamp(.68rem,.8vw,.81rem)/1.25 "Nunito",system-ui,sans-serif;
 letter-spacing:0;
 white-space:nowrap;
}
.layout .side-quote.lani-side-motto .lani-side-motto-copy small{
 color:#607284;
 font-size:.73rem;
 font-weight:750;
 line-height:1.4;
}
.layout .side-quote.lani-side-motto .lani-side-motto-copy small span{color:#e19532}

/* Student dashboard: give the motto a readable surface instead of
   placing tiny blue text over the meadow and clouds. */
.ref-dashboard.lani-enrolled-home .ref-sky{
 height:222px;
}
.ref-dashboard.lani-enrolled-home .ref-sky-copy{
 position:relative;
 z-index:5;
 padding-top:56px;
}
.ref-dashboard.lani-enrolled-home .ref-landscape{height:51px}
.ref-dashboard.lani-enrolled-home .ref-sky-copy p.lani-hero-mantra{
 display:inline-flex;
 align-items:center;
 gap:8px;
 width:auto;
 max-width:min(100%,600px);
 margin:10px 0 0;
 padding:8px 13px;
 border:1px solid rgba(195,219,233,.96);
 border-radius:14px;
 background:rgba(255,253,244,.97);
 color:#194a78!important;
 box-shadow:0 4px 15px rgba(22,83,135,.12);
 font-weight:850;
 font-size:clamp(.84rem,1.2vw,.98rem);
 line-height:1.42;
 text-shadow:none;
 white-space:normal;
 overflow-wrap:break-word;
}
.ref-dashboard.lani-enrolled-home .lani-hero-mantra span:first-child{
 flex:0 0 auto;
 font-size:1.05em;
 line-height:1;
}
.ref-dashboard.lani-enrolled-home .lani-hero-mantra span:last-child{min-width:0}
@media(max-width:760px){
 .ref-dashboard.lani-enrolled-home .ref-sky{height:238px}
 .ref-dashboard.lani-enrolled-home .ref-sky-copy{
  background:transparent;
  border:0;
  box-shadow:none;
  width:70%;
  max-width:70%;
  margin:58px 0 0 12px;
  padding:8px 0 0!important;
 }
 .ref-dashboard.lani-enrolled-home .ref-sky-copy p:not(.lani-hero-mantra){display:none}
 .ref-dashboard.lani-enrolled-home .ref-sky h1{
  font-size:clamp(1.25rem,4.4vw,1.55rem);
  line-height:1.14;
  margin-bottom:7px;
 }
 .ref-dashboard.lani-enrolled-home .ref-sky-copy p.lani-hero-mantra{
  display:inline-flex;
  max-width:100%;
  margin-top:3px;
  padding:7px 9px;
  border-radius:11px;
  font-size:.78rem;
  line-height:1.35;
 }
 .ref-dashboard.lani-enrolled-home .ref-landscape{height:47px}
 .ref-dashboard.lani-enrolled-home .ref-bird-hero{top:84px}
}
@media(max-width:440px){
 .ref-dashboard.lani-enrolled-home .ref-sky{height:243px}
 .ref-dashboard.lani-enrolled-home .ref-sky-copy{
  width:71%;
  max-width:71%;
  margin-top:59px;
 }
 .ref-dashboard.lani-enrolled-home .ref-sky h1{font-size:1.25rem}
 .ref-dashboard.lani-enrolled-home .ref-sky-copy p.lani-hero-mantra{
  gap:5px;
  font-size:.74rem;
  padding:7px 8px;
 }
}