/* ---- styles.css ---- */
:root{
  --ink:#173329;--ink-2:#40554d;--muted:#697871;--paper:#f4f0e8;--surface:#fbf8f2;--surface-2:#ece7dd;--green:#1f4c3a;--green-soft:#dfe9e2;--clay:#d98b57;--clay-soft:#f0e2d6;--line:#d8d2c8;--success:#256746;--error:#9b463a;--focus:#5a75ff;
  --serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:7rem;
  --r1:8px;--r2:14px;--r3:22px;--shadow:0 18px 50px rgba(23,51,41,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--ink);color:white;padding:10px 14px;border-radius:8px}.skip-link:focus{top:16px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,240,232,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,210,200,.8)}.header-inner{height:74px;width:min(1240px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:760;letter-spacing:-.03em}.brand-symbol{width:36px;height:36px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;position:relative}.brand-symbol span{font-size:18px;line-height:1}.brand-symbol i{position:absolute;width:6px;height:6px;background:var(--clay);border-radius:50%;right:6px;top:6px}.brand-word{font-size:17px}.nav{display:flex;align-items:center;gap:4px}.nav a{text-decoration:none;color:var(--ink-2);font-size:14px;font-weight:650;padding:9px 12px;border-radius:9px}.nav a:hover,.nav a[aria-current="page"]{background:var(--surface-2);color:var(--ink)}.saved-nav{display:flex!important;gap:6px;align-items:center}.saved-count{min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:10px}.saved-count:empty{display:none}.menu-btn{display:none;border:0;background:none;width:44px;height:44px}.menu-btn span{display:block;width:20px;height:2px;background:var(--ink);margin:5px auto}
.hero{padding:var(--s9) 0 var(--s8)}.hero-eyebrow,.page-label,.course-kicker,.step-label,.band-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--green)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--s8);align-items:end;margin-top:var(--s4)}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(58px,8.6vw,122px);line-height:.91;letter-spacing:-.06em;margin:0}.hero h1 em{font-weight:400;color:var(--green)}.hero-aside{padding-bottom:14px}.hero-aside p{font-size:20px;line-height:1.5;color:var(--ink-2);max-width:32rem;margin:0 0 24px}.text-link{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-weight:750;border-bottom:1px solid var(--ink);padding-bottom:3px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.continue-band{background:var(--ink);color:white;padding:32px 0}.continue-band .band-label{color:#d6e2dc;margin-bottom:14px}.continue-band .course-row{border-color:rgba(255,255,255,.18)}.continue-band .course-kicker,.continue-band .course-row p,.continue-band .course-meta,.continue-band .row-progress{color:#c9d4cf}.continue-band .course-actions .save-button,.continue-band .arrow-link{color:white;border-color:rgba(255,255,255,.3)}.start-section,.library-preview{padding:var(--s8) 0}.editorial-heading{display:grid;grid-template-columns:180px minmax(0,1fr) 280px;gap:24px;align-items:start;margin-bottom:36px}.editorial-heading>span{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--green)}.editorial-heading h2{font-family:var(--serif);font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:0}.editorial-heading p{margin:4px 0 0;color:var(--ink-2)}
.course-row{display:grid;grid-template-columns:110px minmax(0,1fr) 160px;gap:28px;padding:28px 0;border-top:1px solid var(--line);position:relative}.course-row:last-child{border-bottom:1px solid var(--line)}.course-row.featured{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--green);padding:34px;border-radius:var(--r2);box-shadow:var(--shadow)}.course-index{display:flex;flex-direction:column;align-items:flex-start}.course-index span{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--muted)}.course-index strong{font-family:var(--serif);font-size:44px;font-weight:400;line-height:1;margin-top:8px}.course-index small{font-size:12px;color:var(--muted)}.course-copy h3{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.035em;margin:5px 0 12px}.course-copy h3 a{text-decoration:none}.course-copy p{margin:0 0 16px;max-width:760px;color:var(--ink-2)}.course-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px}.course-meta span+span:before{content:'·';margin-right:16px}.course-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:20px}.save-button{border:1px solid var(--line);background:transparent;color:var(--ink-2);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.save-button.saved{background:var(--green-soft);border-color:var(--green-soft);color:var(--green)}.arrow-link{text-decoration:none;font-weight:750;white-space:nowrap}.row-progress{margin-top:17px;color:var(--muted);font-size:12px;max-width:360px}.row-progress .progress{margin-top:7px}.progress{height:4px;background:var(--surface-2);overflow:hidden;border-radius:99px}.progress span{display:block;height:100%;background:var(--green);transition:width .35s ease}.progress.compact{height:3px}.continue-band .progress{background:rgba(255,255,255,.2)}.continue-band .progress span{background:#d7eadf}
.philosophy{background:var(--green);color:#f7f1e8;padding:var(--s8) 0}.philosophy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s8)}.philosophy-lead{font-family:var(--serif);font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.04em;margin:0;max-width:580px}.principle-stack>div{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:22px 0;border-top:1px solid rgba(255,255,255,.22)}.principle-stack span{font-size:11px;letter-spacing:.14em;color:#c6d8cf}.principle-stack h3{margin:0;font-size:19px}.principle-stack p{grid-column:2;margin:2px 0 0;color:#d5dfda;max-width:560px}
.page-top{padding:var(--s8) 0 var(--s9)}.page-intro{max-width:820px;margin-bottom:var(--s7)}.page-intro h1{font-family:var(--serif);font-size:clamp(52px,7vw,92px);font-weight:400;line-height:.95;letter-spacing:-.055em;margin:8px 0 18px}.page-intro p{font-size:20px;color:var(--ink-2);max-width:640px}.filter-strip{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:22px}.filter-strip span{font-size:12px;font-weight:700;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.explore-list{margin-top:10px}.learning-group{margin-top:50px}.learning-group>h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.empty-state{text-align:center;padding:var(--s8) 20px var(--s9);max-width:700px}.empty-state .empty-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:28px;margin:0 auto 20px}.empty-state h1,.empty-state h2{font-family:var(--serif);font-size:48px;font-weight:400;letter-spacing:-.04em;margin:0 0 12px}.empty-state p{color:var(--ink-2);max-width:520px;margin:0 auto 25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 17px;border-radius:10px;border:1px solid var(--line);text-decoration:none;font-weight:750;font-size:14px;cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.primary:hover{background:#173f30}.btn.quiet{background:transparent;color:var(--ink)}
.course-landing{padding:38px 0 var(--s9)}.course-back a{font-size:13px;color:var(--muted);text-decoration:none}.course-opening{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s7);padding:var(--s7) 0}.course-opening-main h1{font-family:var(--serif);font-size:clamp(48px,7vw,88px);font-weight:400;line-height:.96;letter-spacing:-.055em;margin:8px 0 18px;max-width:900px}.course-opening-main>p{font-size:20px;color:var(--ink-2);max-width:760px}.landing-actions{display:flex;gap:10px;margin-top:28px}.course-facts{align-self:end;border-left:1px solid var(--line);padding-left:28px}.course-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.course-facts span{font-size:12px;color:var(--muted)}.course-facts strong{font-size:14px}.course-purpose{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s8);padding:var(--s8) 0}.course-purpose h2{font-family:var(--serif);font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:8px 0}.course-purpose>div:last-child>p{font-size:19px;color:var(--ink-2);margin-top:0}.principles-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.principles-line span{padding:8px 11px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:700}.journey{padding-top:20px}.journey-head{display:grid;grid-template-columns:180px 1fr;margin-bottom:22px}.journey-head h2{font-family:var(--serif);font-size:40px;font-weight:400;letter-spacing:-.04em;margin:0}.journey-row{display:grid;grid-template-columns:70px minmax(0,1fr) 30px;gap:14px;align-items:center;padding:21px 0;border-top:1px solid var(--line);text-decoration:none}.journey-row:last-child{border-bottom:1px solid var(--line)}.journey-num{font-family:var(--serif);font-size:24px;color:var(--green)}.journey-row strong{display:block;font-size:18px}.journey-row small{display:block;color:var(--muted);margin-top:4px}.journey-row>span:last-child{transition:transform .2s}.journey-row:hover>span:last-child{transform:translateX(4px)}
.lesson-shell{min-height:100vh}.lesson-top{position:sticky;top:74px;z-index:30;background:rgba(251,248,242,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px;color:var(--muted)}.lesson-course{font-weight:750;text-decoration:none;color:var(--ink)}.lesson-layout{width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:0}.course-sidebar{position:sticky;top:124px;align-self:start;height:calc(100vh - 124px);overflow:auto;padding:30px 24px 40px;border-right:1px solid var(--line)}.sidebar-head{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.section-list{margin-top:20px}.section-row{width:100%;display:grid;grid-template-columns:30px 1fr;text-align:left;gap:8px;border:0;background:transparent;color:var(--ink-2);padding:11px 7px;border-radius:8px;cursor:pointer;font-size:13px}.section-row:hover,.section-row.current{background:var(--surface-2);color:var(--ink)}.section-row.complete>span:first-child{color:var(--success);font-weight:800}.sidebar-exit{display:block;margin-top:26px;font-size:12px;color:var(--muted);text-decoration:none}.contents-toggle{display:none}.lesson-article{width:min(760px,calc(100% - 48px));margin:0 auto;padding:var(--s7) 0 var(--s9)}.lesson-heading{margin-bottom:34px}.lesson-heading h1{font-family:var(--serif);font-size:clamp(42px,5vw,66px);font-weight:400;line-height:1;letter-spacing:-.045em;margin:8px 0 16px}.lesson-heading>p{font-size:20px;color:var(--ink-2);line-height:1.5}.prose{font-size:18px;line-height:1.72;color:#263c34}.prose p{margin:0 0 1.2em}.prose ul{padding-left:1.2em}.prose li{margin:.45em 0}.learning-note{margin:34px 0;padding:24px 0;border-top:2px solid var(--green);border-bottom:1px solid var(--line)}.learning-note>span,.reflection>span,.takeaway>span,.section-complete>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--green);margin-bottom:8px}.learning-note strong{font-family:var(--serif);font-size:28px;font-weight:400;display:block;margin-bottom:7px}.learning-note p{font-size:17px;margin:0}.learning-note.example{border-top-color:var(--clay)}.learning-note.example>span{color:#9a5d37}.reflection{margin:42px 0;padding:30px;background:var(--green-soft);border-radius:var(--r2)}.reflection h2{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.15;margin:8px 0 20px}.reflection textarea{width:100%;min-height:120px;border:1px solid #bfcfc5;background:#f9fbf9;border-radius:10px;padding:14px;color:var(--ink);resize:vertical}.reflection small{display:block;margin-top:8px;color:var(--muted)}.takeaway{margin:38px 0;padding:26px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.takeaway p{font-family:var(--serif);font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:0}.lesson-nav{display:flex;justify-content:space-between;gap:12px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.learning-visual{margin:0 0 34px}.learning-visual img{display:block;width:100%;height:auto;border-radius:var(--r2);background:white}.learning-visual figcaption{font-size:12px;color:var(--muted);margin-top:8px}.landing-visual{margin-top:28px}.resource-note{margin:36px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.resource-note>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--green)}.resource-note h2{font-family:var(--serif);font-size:30px;font-weight:400;margin:6px 0}.resource-note p{color:var(--ink-2)}.resource-links{display:flex;gap:16px;flex-wrap:wrap}.resource-links a{font-weight:750;text-decoration:none;border-bottom:1px solid var(--ink)}
.quiz-progress{padding:18px 0 28px}.quiz-progress>span{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.question-card{padding:30px 0;border-top:1px solid var(--line)}.question-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.scenario-line{margin:22px 0;padding-left:15px;border-left:3px solid var(--clay)}.scenario-line span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#945b37}.scenario-line p{margin:4px 0;color:var(--ink-2)}.question-card h2{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.18;letter-spacing:-.02em}.options{display:grid;gap:10px}.option{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;text-align:left;border:1px solid var(--line);background:var(--surface);padding:16px;border-radius:10px;color:var(--ink);cursor:pointer}.option>span:first-child{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:800}.option:hover{border-color:#9baa9f;background:#fff}.option.correct{border-color:#7cab8e;background:#edf6ef}.option.incorrect{border-color:#c88b83;background:#fbefed}.option:disabled{cursor:default}.feedback{margin-top:12px;padding:16px 18px;border-radius:10px}.feedback strong{display:block}.feedback p{margin:4px 0 0}.feedback.correct{background:#e7f1e9;color:#214f36}.feedback.incorrect{background:#f7e8e5;color:#7b3d35}.section-complete{margin-top:30px;padding:28px;background:var(--ink);color:white;border-radius:var(--r2)}.section-complete>span{color:#cce0d5}.section-complete h2{font-family:var(--serif);font-weight:400;font-size:34px;margin:4px 0}.section-complete p{color:#d8e0dc}.section-complete .btn{background:white;color:var(--ink);border-color:white;margin-top:10px}
.complete-page{padding:var(--s9) 0;text-align:center;max-width:820px}.complete-mark{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:30px;margin:0 auto 25px}.complete-page h1{font-family:var(--serif);font-size:clamp(48px,7vw,82px);font-weight:400;line-height:1;letter-spacing:-.05em;margin:8px 0 20px}.complete-page>p{font-size:20px;color:var(--ink-2);max-width:650px;margin:0 auto}.complete-reflection{margin:34px auto;max-width:580px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px}.complete-reflection span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--green)}.complete-reflection p{margin:8px 0}.complete-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.footer{border-top:1px solid var(--line);padding:44px 0 56px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-brand{font-weight:800;letter-spacing:-.03em}.footer p{color:var(--muted);max-width:360px;font-size:13px}.footer-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--green)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:white;padding:10px 14px;border-radius:10px;font-size:13px;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:900px){.hero-grid,.philosophy-grid,.course-purpose,.course-opening{grid-template-columns:1fr}.hero{padding-top:70px}.hero-grid{gap:30px}.editorial-heading{grid-template-columns:1fr}.course-row{grid-template-columns:80px 1fr}.course-actions{grid-column:2;flex-direction:row;align-items:center}.course-opening{gap:20px}.course-facts{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr}.course-facts>div{display:block}.course-facts strong{display:block;margin-top:3px}.journey-head{grid-template-columns:1fr;gap:8px}.lesson-layout{display:block}.course-sidebar{position:fixed;left:16px;right:16px;top:136px;height:auto;max-height:70vh;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:none;padding:20px}.course-sidebar.mobile-open{display:block}.contents-toggle{display:flex;width:calc(100% - 32px);margin:16px auto 0;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:11px 13px;justify-content:space-between}.lesson-article{width:min(760px,calc(100% - 36px));padding-top:36px}.lesson-top{top:74px}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.container{width:min(100% - 28px,1180px)}.header-inner{width:calc(100% - 24px);height:66px}.site-header{height:66px}.brand-word{font-size:15px}.nav{position:fixed;left:12px;right:12px;top:74px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.menu-btn{display:block}.hero{padding:58px 0 50px}.hero h1{font-size:clamp(54px,17vw,78px)}.hero-aside p{font-size:18px}.course-row,.course-row.featured{grid-template-columns:1fr;padding:24px 0;gap:14px;background:transparent;border-left:0;border-right:0;border-radius:0;box-shadow:none}.course-index{display:none}.course-actions{grid-column:auto;flex-direction:row;align-items:center}.course-copy h3{font-size:31px}.editorial-heading{margin-bottom:24px}.editorial-heading h2{font-size:40px}.philosophy{padding:52px 0}.philosophy-grid{gap:32px}.philosophy-lead{font-size:44px}.page-top{padding:58px 0 80px}.page-intro h1{font-size:56px}.page-intro p{font-size:18px}.course-landing{padding-top:24px}.course-opening{padding:34px 0}.course-opening-main h1{font-size:50px}.course-opening-main>p{font-size:18px}.landing-actions{flex-direction:column;align-items:stretch}.course-facts{grid-template-columns:1fr 1fr}.course-purpose{padding:48px 0;gap:24px}.course-purpose h2{font-size:38px}.journey-row{grid-template-columns:48px 1fr 20px}.journey-row small{font-size:12px}.lesson-top{top:66px;height:46px;padding:0 14px}.lesson-top span{display:none}.lesson-article{width:calc(100% - 28px);padding-bottom:70px}.lesson-heading h1{font-size:42px}.lesson-heading>p{font-size:18px}.prose{font-size:17px}.reflection{padding:22px;margin:32px 0}.takeaway p{font-size:24px}.lesson-nav{flex-direction:column-reverse}.lesson-nav .btn{width:100%}.question-card h2{font-size:27px}.option{grid-template-columns:30px 1fr;padding:14px}.footer-grid{grid-template-columns:1fr}.footer{padding-bottom:40px}.complete-page{padding:70px 18px}.complete-page h1{font-size:52px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ---- brand.css ---- */
:root{
  --ink:#152b24;
  --ink-2:#3f514a;
  --muted:#627069;
  --paper:#f6f3ec;
  --surface:#fcfaf6;
  --surface-2:#eee9df;
  --green:#1d4938;
  --green-soft:#e2ebe5;
  --clay:#c97848;
  --clay-soft:#f1e2d8;
  --line:#dad4c8;
  --success:#256746;
  --error:#9a4338;
  --focus:#4867e8;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Geist',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 18px 50px rgba(21,43,36,.075);
}

html{background:var(--paper)}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:400;
  letter-spacing:-.006em;
  text-rendering:optimizeLegibility;
}
button,input,textarea{font-family:var(--sans)}

.site-header{background:rgba(246,243,236,.93);border-bottom-color:rgba(218,212,200,.84)}
.lesson-top{background:rgba(252,250,246,.96)}

.brand,.nav a,.btn,.save-button,.arrow-link,.lesson-course,.journey-row strong,.principle-stack h3{font-family:var(--sans)}
.brand{font-weight:700;letter-spacing:-.025em}
.nav a,.btn{font-weight:650}

.hero h1,
.editorial-heading h2,
.course-index strong,
.course-copy h3,
.philosophy-lead,
.page-intro h1,
.empty-state h1,
.empty-state h2,
.course-opening-main h1,
.course-purpose h2,
.journey-head h2,
.journey-num,
.lesson-heading h1,
.application-preview-heading h2,
.apply-it-card h2{
  font-family:var(--serif);
  font-optical-sizing:auto;
  font-weight:500;
}

.hero h1{letter-spacing:-.038em;line-height:.92}
.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--green)}
.editorial-heading h2,.course-copy h3,.philosophy-lead{letter-spacing:-.025em}
.page-intro h1,.course-opening-main h1{letter-spacing:-.034em}
.course-purpose h2,.journey-head h2,.lesson-heading h1,.empty-state h1,.empty-state h2,.application-preview-heading h2,.apply-it-card h2{letter-spacing:-.022em}
.course-index strong,.journey-num{letter-spacing:-.015em}

.hero-aside p,.page-intro p,.course-opening-main>p,.course-purpose>div:last-child>p,.lesson-heading>p{letter-spacing:-.012em}
.prose{color:#294038;letter-spacing:-.004em}
.prose p,.prose li{font-weight:400}

.continue-band{background:var(--ink)}
.continue-band .band-label{color:#dce7e1}
.continue-band .course-kicker,.continue-band .course-row p,.continue-band .course-meta,.continue-band .row-progress{color:#ccd8d2}
.continue-band .progress span{background:#dcebe3}
.continue-band .course-tags span{border-color:rgba(255,255,255,.24);color:#e5eee9;background:rgba(255,255,255,.06)}

.philosophy{background:var(--green);color:#fbf7ef}
.principle-stack span{color:#cfddd5}
.principle-stack p{color:#e0e8e3}

.btn.primary{background:var(--green);border-color:var(--green)}
.btn.primary:hover{background:#163c2e}

.learning-note{border-top-color:var(--green)}
.save-button.saved,.principles-line span{background:var(--green-soft);border-color:var(--green-soft);color:var(--green)}

.strand-filter{padding:0 0 34px;border-bottom:1px solid var(--line);margin-bottom:12px}
.filter-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--muted);margin-bottom:12px}
.filter-strip{display:flex;gap:8px;flex-wrap:wrap;padding:0}
.filter-chip{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;min-height:40px;padding:8px 10px 8px 14px;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.filter-chip:hover{border-color:#b7c2bc;transform:translateY(-1px)}
.filter-chip>span{padding:0;border:0;border-radius:0;background:none;color:inherit;font-size:inherit;font-weight:inherit}
.filter-chip small{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:800}
.filter-chip.active{background:var(--green);border-color:var(--green);color:white}
.filter-chip.active small{background:rgba(255,255,255,.16);color:white}
.library-summary{margin-top:13px;color:var(--muted);font-size:12px}

.course-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.course-tags span{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(252,250,246,.65);color:var(--muted);font-size:10.5px;font-weight:650;letter-spacing:.01em}
.course-opening-main>.course-tags{margin-top:20px;max-width:700px}
.course-opening-main>.course-tags span{font-size:11px;background:var(--surface)}
.course-facts strong{max-width:170px;text-align:right}

.application-preview{margin:0 0 var(--s8);padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:var(--s7);align-items:start}
.application-preview-heading h2{font-size:clamp(32px,4vw,50px);line-height:1.02;margin:8px 0 0}
.application-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.application-preview-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:20px}
.application-preview-grid span,.apply-deliverable span,.apply-time span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--muted)}
.application-preview-grid strong{display:block;font-size:21px;margin:5px 0 7px;color:var(--green)}
.application-preview-grid p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}
.application-total{grid-column:2;margin:1px 0 0;color:var(--muted);font-size:12px}

.apply-it-card{margin:42px auto 30px;max-width:820px;text-align:left;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--clay);border-radius:var(--r2);padding:clamp(24px,4vw,38px);box-shadow:var(--shadow)}
.apply-it-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.apply-it-card h2{font-size:clamp(30px,4vw,46px);line-height:1.02;margin:7px 0 0}
.apply-time{text-align:right;min-width:110px}
.apply-time strong{display:block;margin-top:4px;font-size:20px;color:var(--green)}
.apply-prompt{font-size:18px;line-height:1.6;color:var(--ink-2);margin:24px 0 18px}
.apply-steps{margin:0 0 24px;padding-left:1.35rem;color:var(--ink-2)}
.apply-steps li{padding-left:6px;margin:10px 0;line-height:1.55}
.apply-deliverable{background:var(--clay-soft);border-radius:var(--r1);padding:16px 18px;margin:0 0 24px}
.apply-deliverable p{margin:4px 0 0;color:var(--ink);font-weight:650}
.apply-it-card label{display:block;font-size:12px;font-weight:750;margin:0 0 8px;color:var(--ink)}
.apply-it-card textarea{width:100%;min-height:118px;resize:vertical;border:1px solid var(--line);border-radius:var(--r1);background:#fffdfa;color:var(--ink);padding:14px 15px;line-height:1.55}
.apply-it-card textarea:focus{border-color:var(--green)}
.apply-it-card>small{display:block;color:var(--muted);margin-top:7px;font-size:11px}
.complete-page>.apply-it-card{width:min(820px,100%)}

::selection{background:var(--clay-soft);color:var(--ink)}

@media(max-width:900px){
  .application-preview{grid-template-columns:1fr;gap:24px}
  .application-total{grid-column:1}
}

@media(max-width:680px){
  .strand-filter{padding-bottom:26px}
  .filter-strip{gap:7px}
  .filter-chip{min-height:38px;padding:7px 9px 7px 12px}
  .course-tags{margin-top:12px}
  .course-facts strong{text-align:left;max-width:none}
  .application-preview{margin-bottom:var(--s7);padding:28px 0}
  .application-preview-grid{grid-template-columns:1fr}
  .apply-it-top{display:block}
  .apply-time{text-align:left;margin-top:18px}
  .apply-it-card{padding:22px 18px;margin-top:32px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .filter-chip{transition:none}
}


/* ---- product.css ---- */
/* LEARN product discovery + learning-flow layer
   Keeps the existing brand tokens and course data, but quiets inventory
   and puts questions, outcomes and next actions first. */

.header-inner{height:68px}
.nav a{padding:8px 11px}
.hero{padding:84px 0 64px}
.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hero-secondary{background:var(--surface);border-color:var(--line)}

.discovery-section,.strand-section,.start-section{padding:68px 0}
.compact-heading{grid-template-columns:150px minmax(0,1fr) 300px;margin-bottom:30px}
.compact-heading h2{font-size:clamp(34px,3.5vw,52px)}
.compact-heading p{font-size:15px;line-height:1.55}

.course-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:start;padding:30px 0;border-top:1px solid var(--line);position:relative}
.course-card:last-child{border-bottom:1px solid var(--line)}
.course-card-main{min-width:0}
.course-card-kicker{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10.5px;line-height:1.2;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.course-card-kicker span+span:before{content:'·';margin-right:9px;color:#9aa69f}
.course-card h3{font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(29px,3.1vw,44px);line-height:1.03;font-weight:500;letter-spacing:-.032em;margin:7px 0 11px;max-width:900px}
.course-card h3 a{text-decoration:none}
.course-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.course-card-description{max-width:760px;margin:0 0 16px;color:var(--ink-2);font-size:15.5px;line-height:1.6}
.course-card-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:2px;color:var(--muted);font-size:11.5px}
.pathway-time{display:inline-flex;align-items:baseline;gap:8px}
.pathway-time strong{color:var(--ink);font-size:12.5px;font-weight:750}
.pathway-time span{color:var(--muted)}
.section-count{display:inline-flex;align-items:center}
.section-count:before{content:'·';margin-right:13px;color:#a8b0ab}
.course-leave-with{display:grid;grid-template-columns:112px minmax(0,1fr);gap:15px;max-width:780px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(218,212,200,.75)}
.course-leave-with>span{color:var(--green);font-size:10px;line-height:1.45;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.course-leave-with p{margin:0;color:var(--ink);font-size:13.5px;line-height:1.5}
.course-card-actions{min-width:128px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;gap:20px}
.course-card .arrow-link{display:inline-flex;align-items:center;gap:8px}
.course-card .arrow-link span{transition:transform .18s ease}
.course-card .arrow-link:hover span{transform:translateX(3px)}

.course-card.featured{padding:34px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.course-card.featured h3{font-size:clamp(34px,4.3vw,58px)}
.course-card.featured .course-card-description{font-size:17px;max-width:800px}

.course-card.compact{padding:18px 0;grid-template-columns:minmax(0,1fr) auto;gap:24px}
.course-card.compact h3{font-size:clamp(23px,2.2vw,31px);margin:5px 0 9px}
.course-card.compact .course-card-meta{margin-top:0}
.course-card.compact .course-card-actions{min-width:auto;justify-content:center}
.course-card.compact .row-progress{max-width:300px;margin-top:12px}

.continue-band{padding:26px 0}
.continue-band .band-label{margin-bottom:4px}
.continue-band .course-card{border-color:rgba(255,255,255,.18);padding-bottom:4px}
.continue-band .course-card h3,.continue-band .pathway-time strong,.continue-band .course-card-kicker{color:#fff}
.continue-band .course-card-kicker,.continue-band .pathway-time span,.continue-band .section-count,.continue-band .row-progress{color:#cbd8d1}
.continue-band .arrow-link{color:#fff}
.continue-band .progress{background:rgba(255,255,255,.18)}
.continue-band .progress span{background:#dceae3}

.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.question-card-home{min-height:230px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.question-card-home h3{font-family:var(--serif);font-size:clamp(26px,2.6vw,36px);line-height:1.08;font-weight:500;letter-spacing:-.025em;margin:0 0 12px}
.question-card-home>p{color:var(--ink-2);margin:0 0 22px;max-width:520px}
.question-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.question-links a{display:inline-flex;gap:5px;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--ink-2);background:var(--paper);font-size:11px;font-weight:700}
.question-links a:hover{border-color:#aebbb4;color:var(--ink)}

.strand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.strand-card{appearance:none;min-height:205px;display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:14px;padding:20px;background:transparent;color:var(--ink);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.strand-card:hover{transform:translateY(-2px);background:var(--surface);border-color:#b8c2bc}
.strand-card>span{font-size:12px;font-weight:800;line-height:1.3}
.strand-card>strong{margin-top:8px;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
.strand-card p{margin:20px 0 18px;color:var(--ink-2);font-size:12.5px;line-height:1.5}
.strand-card i{margin-top:auto;font-style:normal;color:var(--green);font-size:12px;font-weight:750}

.explore-page .page-intro{margin-bottom:36px}
.library-tools{padding:0 0 30px;border-bottom:1px solid var(--line);margin-bottom:4px}
.course-search{width:min(760px,100%);min-height:54px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:0 12px 0 16px;margin-bottom:24px}
.course-search:focus-within{outline:3px solid rgba(72,103,232,.18);border-color:#98a4bf}
.course-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}
.course-search input::placeholder{color:#7b8982}
.search-hint{order:-1;color:var(--muted);font-size:20px;line-height:1}
.course-search button{appearance:none;border:0;background:var(--surface-2);color:var(--muted);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}
.library-tools .filter-label{margin-bottom:10px}
.library-tools .filter-strip{padding-bottom:0}
.library-summary{margin-top:13px}
.explore-list{margin-top:0}

.course-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.course-tags span{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(252,250,246,.58);color:var(--muted);font-size:10px;font-weight:650}
.course-tags .tag-more{background:transparent}
.course-opening-main>.course-tags{margin-top:18px}

.learning-focus{margin-bottom:52px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:14px}
.section-heading>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--green)}
.section-heading>p{margin:0;color:var(--muted);font-size:12px}
.compact-course-list{border-top:1px solid var(--line)}
.practice-workspace{padding:10px 0}
.practice-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.practice-note{display:flex;flex-direction:column;min-height:190px;text-decoration:none;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px}
.practice-note>span{font-size:11px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.08em}
.practice-note p{color:var(--ink-2);margin:14px 0 20px}
.practice-note strong{margin-top:auto;font-size:12px}

.course-opening{grid-template-columns:minmax(0,1fr) 340px}
.course-decision-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid var(--line);padding:24px 0 8px 30px}
.course-decision-panel>p{font-family:var(--serif);font-size:24px;line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin:9px 0 24px}
.course-facts{border-left:0;padding-left:0;align-self:auto}
.course-facts>div{padding:10px 0}
.course-facts strong{max-width:190px}
.journey-head{grid-template-columns:220px minmax(0,1fr);align-items:end}
.journey-head>div small{display:block;color:var(--muted);font-size:11px;margin-top:6px}
.journey-row{grid-template-columns:38px minmax(0,1fr) 24px}
.journey-num{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:var(--sans);font-size:10px;font-weight:750;color:var(--green)}
.journey-row strong{font-size:17px}
.journey-row small{font-size:12.5px}

.related-learning{margin:64px 0 24px;padding-top:30px;border-top:1px solid var(--line)}
.related-learning .compact-course-list{margin-top:6px}

.mobile-lesson-bar{display:none}

@media(max-width:1040px){
  .strand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .compact-heading{grid-template-columns:130px minmax(0,1fr);gap:20px}
  .compact-heading p{grid-column:2}
}

@media(max-width:820px){
  .header-inner{height:64px}
  .hero{padding:64px 0 48px}
  .hero-grid{gap:32px}
  .discovery-section,.strand-section,.start-section{padding:50px 0}
  .question-grid{grid-template-columns:1fr}
  .question-card-home{min-height:0}
  .strand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strand-card{min-height:180px}
  .course-card,.course-card.compact{grid-template-columns:1fr;gap:16px;padding:24px 0}
  .course-card.featured{padding:24px}
  .course-card-actions,.course-card.compact .course-card-actions{min-width:0;flex-direction:row;align-items:center;justify-content:space-between}
  .course-card h3{font-size:31px}
  .course-card.compact h3{font-size:25px}
  .course-leave-with{grid-template-columns:1fr;gap:5px}
  .course-card-meta{gap:9px}
  .section-count:before{margin-right:9px}
  .practice-note-grid{grid-template-columns:1fr}
  .course-opening{grid-template-columns:1fr}
  .course-decision-panel{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
  .journey-head{grid-template-columns:1fr;gap:9px}
  .journey-head h2{font-size:34px}
  .lesson-shell{padding-bottom:82px}
  .lesson-nav{display:none}
  .mobile-lesson-bar{position:fixed;z-index:80;left:0;right:0;bottom:0;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 14px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(252,250,246,.97);backdrop-filter:blur(18px);box-shadow:0 -8px 28px rgba(21,43,36,.07)}
  .mobile-lesson-bar>a{text-decoration:none;min-height:42px;display:flex;align-items:center;padding:0 10px;border-radius:9px;font-size:12px;font-weight:750}
  .mobile-lesson-bar>div{min-width:0;text-align:center}
  .mobile-lesson-bar>div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.07em}
  .mobile-lesson-bar>div strong{display:block;font-size:11px}
  .mobile-lesson-bar .mobile-next{background:var(--green);color:#fff}
  .mobile-lesson-bar .disabled{padding:10px;color:var(--muted);font-size:10px}
  .lesson-top{top:64px}
}

@media(max-width:620px){
  .container{width:min(100% - 28px,1180px)}
  .hero h1{font-size:clamp(52px,15vw,76px)}
  .hero-aside p{font-size:17px}
  .hero-actions{align-items:stretch}
  .hero-actions .btn{flex:1}
  .compact-heading{display:block}
  .compact-heading>span{display:block;margin-bottom:9px}
  .compact-heading p{margin-top:12px}
  .strand-grid{grid-template-columns:1fr}
  .strand-card{min-height:0}
  .question-card-home{padding:22px}
  .course-search{min-height:50px}
  .filter-strip{gap:7px}
  .filter-chip{min-height:37px}
  .course-card.featured{border-left-width:3px}
  .course-card h3{font-size:29px}
  .course-card.featured h3{font-size:34px}
  .course-card-description{font-size:14.5px}
  .pathway-time{display:flex;flex-direction:column;gap:1px}
  .section-count{width:100%}
  .section-count:before{content:'';margin:0}
  .course-card-actions{gap:10px}
  .course-opening-main h1{font-size:clamp(44px,13vw,64px)}
  .course-decision-panel>p{font-size:21px}
  .section-heading{display:block}
  .section-heading>p{margin-top:4px}
  .journey-row{grid-template-columns:32px minmax(0,1fr) 18px;gap:10px;padding:18px 0}
}

@media(prefers-reduced-motion:reduce){
  .course-card .arrow-link span,.strand-card{transition:none}
}


/* ---- brand-shell.css ---- */
/* LEARN master-brand + application shell layer */

.site-header{
  top:0;
  padding:10px 16px 0;
  border:0;
  background:linear-gradient(to bottom,rgba(246,243,236,.96),rgba(246,243,236,.72),transparent);
  backdrop-filter:none;
}
.header-inner{
  width:min(1320px,calc(100% - 8px));
  min-height:70px;
  height:auto;
  padding:8px 10px 8px 14px;
  border:1px solid rgba(218,212,200,.9);
  border-radius:19px;
  background:rgba(252,250,246,.96);
  box-shadow:0 12px 36px rgba(21,43,36,.07);
  backdrop-filter:blur(20px);
}
.brand{gap:12px;min-width:max-content}
.brand-symbol{width:38px;height:38px;border-radius:11px}
.brand-word{display:flex;flex-direction:column;gap:1px;line-height:1}
.brand-word strong{font-size:16px;letter-spacing:-.025em;font-weight:800}
.brand-word small{font-size:8.5px;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;color:var(--muted);font-weight:650}
.nav{margin-left:auto;margin-right:10px}
.nav a{font-size:12.5px;padding:8px 10px}
.learn-search-trigger{
  appearance:none;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-width:180px;
  min-height:48px;
  padding:6px 7px 6px 10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--paper);
  color:var(--ink);
  cursor:pointer;
  text-align:left;
}
.learn-search-trigger:hover{background:var(--surface);border-color:#bcc5c0}
.learn-search-icon{font-size:18px;line-height:1;color:var(--clay)}
.learn-search-copy{display:flex;flex-direction:column;min-width:0}
.learn-search-copy strong{font-size:11.5px;line-height:1.15}
.learn-search-copy small{font-size:9px;line-height:1.25;color:var(--muted);margin-top:2px}
.learn-search-trigger kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:7px;background:var(--surface);padding:4px 6px;color:var(--muted);font:700 9px/1 var(--sans)}

.learn-hero-v2{padding:86px 0 52px}
.learn-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.72fr);gap:68px;align-items:center}
.learn-hero-main h1{font-family:var(--serif);font-optical-sizing:auto;font-weight:500;font-size:clamp(60px,7.7vw,108px);line-height:.9;letter-spacing:-.048em;margin:16px 0 24px}
.learn-hero-main h1 em{font-weight:400;font-style:italic;color:var(--green)}
.learn-hero-lede{max-width:720px;margin:0;color:var(--ink-2);font-size:18px;line-height:1.58}
.learn-grammar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;color:var(--ink-2);font-size:13px;font-weight:750}
.learn-grammar i{font-style:normal;color:var(--clay);font-weight:500}
.learn-grammar span{white-space:nowrap}

.learn-hero-panel{
  min-height:350px;
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(252,250,246,.98),rgba(238,233,223,.62));
  box-shadow:0 20px 52px rgba(21,43,36,.07);
}
.learn-panel-top{display:flex;justify-content:space-between;gap:20px;align-items:center}
.learn-panel-top>span,.learn-course-brand{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--clay)}
.learn-panel-top small{font-size:10px;color:var(--muted);font-weight:750}
.learn-hero-panel h2{font-family:var(--serif);font-size:clamp(30px,3vw,42px);line-height:1.02;letter-spacing:-.03em;font-weight:500;margin:13px 0 22px;max-width:430px}
.learn-hero-panel>p{color:var(--ink-2);margin:0 0 24px;line-height:1.58}
.learn-current-course{margin-top:auto;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learn-current-course strong{display:block;font-size:17px;line-height:1.3;margin:7px 0 6px}
.learn-current-course p{margin:0 0 12px;color:var(--muted);font-size:11.5px}
.learn-current-course .progress{height:5px}
.learn-continue-btn{align-self:flex-start;margin-top:18px;min-width:132px}
.learn-panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}

.learn-focus-band{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  padding:0;
  margin-top:4px;
  margin-bottom:38px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 14px 40px rgba(21,43,36,.045);
}
.learn-focus-title{display:flex;flex-direction:column;justify-content:center;min-height:178px;padding:28px;background:var(--ink);color:#fff}
.learn-focus-title>span{font-size:9.5px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#bdd0c7}
.learn-focus-title>strong{font-family:var(--serif);font-size:30px;line-height:1.05;font-weight:500;margin-top:9px}
.learn-focus-title p{margin:8px 0 0;color:#cad8d2;font-size:11.5px}
.learn-focus-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 28px}
.learn-focus-label{display:block;color:var(--clay);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.learn-focus-content h2{font-family:var(--serif);font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.025em;font-weight:500;margin:7px 0 10px}
.learn-focus-content>div>p{margin:0;color:var(--muted);font-size:12px}
.learn-focus-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.learn-focus-pills a{display:inline-flex;align-items:center;gap:7px;max-width:260px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);text-decoration:none;color:var(--ink-2);font-size:10.5px;font-weight:700}
.learn-focus-pills a b{color:var(--clay);font-size:9px}
.learn-focus-pills a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.learn-focus-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}

.strand-card>span{font-size:13px;color:var(--green)}
.course-card-kicker span:first-child,.course-kicker{color:var(--green)}

.learn-footer-grid{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:48px;align-items:start}
.learn-footer-master>span{display:block;margin-top:10px;color:var(--muted);font-size:11px}
.learn-footer-family>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.learn-footer-family button{appearance:none;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-2);padding:6px 9px;font-size:10px;font-weight:700;cursor:pointer}
.learn-footer-family button:hover{background:var(--surface-2);color:var(--ink)}
.learn-footer-system p{margin:8px 0 0;color:var(--muted);font-size:11.5px;line-height:1.55}
.home .continue-band{display:none}
.lesson-top{top:80px}
.course-sidebar{top:130px;height:calc(100vh - 130px)}

@media(max-width:1080px){
  .learn-search-trigger{min-width:auto}
  .learn-search-copy small{display:none}
  .learn-hero-grid{grid-template-columns:minmax(0,1fr) 350px;gap:42px}
  .learn-focus-content{grid-template-columns:1fr}
  .learn-focus-actions{justify-content:flex-start}
  .learn-footer-grid{grid-template-columns:1fr 1fr}
  .learn-footer-system{grid-column:1/-1}
}

@media(max-width:880px){
  .site-header{padding:7px 9px 0}
  .header-inner{min-height:62px;border-radius:16px;padding:6px 8px 6px 10px}
  .brand-word small{display:none}
  .learn-search-trigger{display:none}
  .learn-hero-v2{padding:58px 0 40px}
  .learn-hero-grid{grid-template-columns:1fr;gap:28px}
  .learn-hero-panel{min-height:0}
  .learn-focus-band{grid-template-columns:1fr}
  .learn-focus-title{min-height:0;padding:22px 24px}
  .learn-focus-content{padding:22px 24px}
  .lesson-top{top:69px}
  .course-sidebar{top:119px;height:calc(100vh - 119px)}
}

@media(max-width:620px){
  .header-inner{width:100%}
  .brand-symbol{width:34px;height:34px}
  .brand-word strong{font-size:14px}
  .learn-hero-main h1{font-size:clamp(54px,16vw,76px)}
  .learn-hero-lede{font-size:16px}
  .learn-grammar{gap:7px;font-size:11.5px}
  .learn-hero-panel{padding:22px;border-radius:18px}
  .learn-panel-actions .btn{width:100%}
  .learn-focus-band{border-radius:16px}
  .learn-focus-pills{display:grid}
  .learn-focus-pills a{max-width:none}
  .learn-focus-actions{display:grid;grid-template-columns:1fr}
  .learn-footer-grid{grid-template-columns:1fr;gap:28px}
  .learn-footer-system{grid-column:auto}
}


/* ---- ai-area.css ---- */
/* LEARN AI learning-area layer */
.learn-ai-nav{font-weight:750!important;color:var(--green)!important}
.learn-ai-hub{padding-bottom:96px}
.ai-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr);gap:64px;align-items:center;padding:88px 0 72px}
.ai-brand-kicker,.ai-path-head>div>span,.ai-panel-top>span,.ai-section-label>span{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--green)}
.ai-hero h1{font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(54px,7.3vw,102px);font-weight:500;letter-spacing:-.052em;line-height:.9;margin:12px 0 24px;max-width:850px}
.ai-hero h1 em{font-style:italic;font-weight:400;color:var(--green)}
.ai-hero-copy>p{max-width:700px;font-size:19px;line-height:1.6;color:var(--ink-2);margin:0}
.ai-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.ai-rhythm{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px;color:var(--muted);font-size:12px;font-weight:750}
.ai-rhythm i{font-style:normal;color:var(--clay)}
.ai-start-panel{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:28px;box-shadow:var(--shadow)}
.ai-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.ai-panel-top>strong{font-size:12px;color:var(--ink)}
.ai-start-panel>h2,.ai-active-course h2{font-family:var(--serif);font-size:clamp(29px,3vw,40px);font-weight:500;line-height:1.02;letter-spacing:-.03em;margin:24px 0 12px}
.ai-start-panel>p,.ai-active-course>p{color:var(--ink-2);margin:0 0 22px}
.ai-start-route{display:grid;gap:0;border-top:1px solid var(--line);margin-top:22px}
.ai-start-route>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line)}
.ai-start-route>a>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:9px;font-weight:800;color:var(--green)}
.ai-start-route>a>strong{font-size:13px;line-height:1.3}
.ai-start-route>a>small{font-size:10px;color:var(--muted)}
.ai-active-course>small{text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-size:10px;font-weight:800}
.ai-active-course .btn{margin-top:20px}
.ai-progress{height:4px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.ai-progress span{display:block;height:100%;background:var(--green)}
.ai-status-line{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:750}

.ai-quick{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start}
.ai-section-label>p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.ai-quick-links{display:flex;flex-wrap:wrap;gap:8px}
.ai-quick-links a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:700;color:var(--ink-2)}
.ai-quick-links a:hover{border-color:#aeb9b2;color:var(--ink)}
.ai-quick-links a span{color:var(--green)}

.ai-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;padding:82px 0 70px}
.ai-intro h2,.ai-evidence h2{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.3vw,58px);line-height:1.02;letter-spacing:-.038em;margin:8px 0 0}
.ai-intro>div:last-child{font-size:17px;line-height:1.7;color:var(--ink-2)}
.ai-intro>div:last-child p{margin:0 0 18px}

.ai-pathway{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:64px 0 78px;border-top:1px solid var(--line)}
.ai-path-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:end;margin-bottom:26px}
.ai-path-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.5vw,58px);line-height:1.02;letter-spacing:-.038em;margin:8px 0 0;max-width:760px}
.ai-path-head>p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}
.ai-path-course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ai-course-tile{position:relative;min-height:365px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.ai-course-top{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:750}
.ai-course-tile h3{font-family:var(--serif);font-size:clamp(27px,2.8vw,38px);line-height:1.05;font-weight:500;letter-spacing:-.027em;margin:11px 0 11px}
.ai-course-tile h3 a{text-decoration:none}
.ai-course-tile h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.ai-course-tile>p{color:var(--ink-2);font-size:14px;line-height:1.55;margin:0 0 18px}
.ai-course-output{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);display:grid;grid-template-columns:100px 1fr;gap:12px}
.ai-course-output>span{font-size:9px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--green)}
.ai-course-output>p{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink)}
.ai-course-tile>.ai-progress{margin-top:16px}
.ai-course-action{align-self:flex-end;margin-top:18px;text-decoration:none;font-size:12px;font-weight:800;color:var(--green)}
.ai-course-action span{display:inline-block;transition:transform .18s ease}
.ai-course-action:hover span{transform:translateX(3px)}

.ai-evidence{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:78px 0 10px;border-top:1px solid var(--line)}
.ai-evidence-links{display:grid;border-top:1px solid var(--line)}
.ai-evidence-links a{display:grid;grid-template-columns:90px 1fr;gap:16px;text-decoration:none;padding:17px 0;border-bottom:1px solid var(--line)}
.ai-evidence-links strong{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--green)}
.ai-evidence-links span{font-size:13px;color:var(--ink-2)}
.ai-evidence-links a:hover span{color:var(--ink)}

@media(max-width:980px){
  .ai-hero{grid-template-columns:1fr;gap:36px;padding-top:68px}
  .ai-start-panel{max-width:680px}
  .ai-path-head{grid-template-columns:1fr;gap:14px}
  .ai-path-head>p{max-width:680px}
  .ai-intro,.ai-evidence{grid-template-columns:1fr;gap:28px}
}
@media(max-width:760px){
  .learn-ai-nav{color:var(--ink)!important}
  .ai-hero{padding:52px 0 48px}
  .ai-hero h1{font-size:clamp(49px,14vw,72px)}
  .ai-hero-copy>p{font-size:17px}
  .ai-quick{grid-template-columns:1fr;gap:16px}
  .ai-intro{padding:56px 0}
  .ai-pathway{width:min(100% - 28px,1180px);padding:50px 0 60px}
  .ai-path-course-list{grid-template-columns:1fr}
  .ai-course-tile{min-height:0}
  .ai-evidence{padding:58px 0 0}
}
@media(max-width:520px){
  .ai-start-panel{padding:22px}
  .ai-hero-actions{display:grid}
  .ai-rhythm{gap:8px}
  .ai-start-route>a{grid-template-columns:32px minmax(0,1fr)}
  .ai-start-route>a>small{grid-column:2}
  .ai-quick-links{display:grid}
  .ai-course-output{grid-template-columns:1fr;gap:4px}
  .ai-evidence-links a{grid-template-columns:1fr;gap:4px}
}


/* ---- integration-area.css ---- */
/* LEARN Integration learning-area layer */
.learn-integration-nav{font-weight:750!important;color:var(--green)!important}
.learn-integration-hub{padding-bottom:96px}
.integration-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr);gap:64px;align-items:center;padding:88px 0 72px}
.integration-brand-kicker,.integration-path-head>div>span,.integration-panel-top>span,.integration-section-label>span{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--green)}
.integration-hero h1{font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(54px,7.1vw,100px);font-weight:500;letter-spacing:-.052em;line-height:.9;margin:12px 0 24px;max-width:900px}
.integration-hero h1 em{font-style:italic;font-weight:400;color:var(--green)}
.integration-hero-copy>p{max-width:720px;font-size:19px;line-height:1.6;color:var(--ink-2);margin:0}
.integration-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.integration-rhythm{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px;color:var(--muted);font-size:12px;font-weight:750}
.integration-rhythm i{font-style:normal;color:var(--clay)}
.integration-start-panel{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:28px;box-shadow:var(--shadow)}
.integration-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.integration-panel-top>strong{font-size:12px;color:var(--ink)}
.integration-start-panel>h2,.integration-active-course h2{font-family:var(--serif);font-size:clamp(29px,3vw,40px);font-weight:500;line-height:1.02;letter-spacing:-.03em;margin:24px 0 12px}
.integration-start-panel>p,.integration-active-course>p{color:var(--ink-2);margin:0 0 22px}
.integration-start-route{display:grid;border-top:1px solid var(--line);margin-top:22px}
.integration-start-route>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line)}
.integration-start-route>a>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:9px;font-weight:800;color:var(--green)}
.integration-start-route>a>strong{font-size:13px;line-height:1.3}
.integration-start-route>a>small{font-size:10px;color:var(--muted)}
.integration-active-course>small{text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-size:10px;font-weight:800}
.integration-active-course .btn{margin-top:20px}
.integration-progress{height:4px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.integration-progress span{display:block;height:100%;background:var(--green)}
.integration-status-line{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:750}
.integration-quick{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start}
.integration-section-label>p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.integration-quick-links{display:flex;flex-wrap:wrap;gap:8px}
.integration-quick-links a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:700;color:var(--ink-2)}
.integration-quick-links a:hover{border-color:#aeb9b2;color:var(--ink)}
.integration-quick-links a span{color:var(--green)}
.integration-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;padding:82px 0 70px}
.integration-intro h2,.integration-evidence h2{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.3vw,58px);line-height:1.02;letter-spacing:-.038em;margin:8px 0 0}
.integration-intro>div:last-child{font-size:17px;line-height:1.7;color:var(--ink-2)}
.integration-intro>div:last-child p{margin:0 0 18px}
.integration-pathway{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:64px 0 78px;border-top:1px solid var(--line)}
.integration-path-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:end;margin-bottom:26px}
.integration-path-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.5vw,58px);line-height:1.02;letter-spacing:-.038em;margin:8px 0 0;max-width:780px}
.integration-path-head>p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}
.integration-course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.integration-course-tile{position:relative;min-height:365px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.integration-course-top{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:750}
.integration-course-tile h3{font-family:var(--serif);font-size:clamp(27px,2.8vw,38px);line-height:1.05;font-weight:500;letter-spacing:-.027em;margin:11px 0 11px}
.integration-course-tile h3 a{text-decoration:none}
.integration-course-tile h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.integration-course-tile>p{color:var(--ink-2);font-size:14px;line-height:1.55;margin:0 0 18px}
.integration-course-output{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);display:grid;grid-template-columns:100px 1fr;gap:12px}
.integration-course-output>span{font-size:9px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--green)}
.integration-course-output>p{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink)}
.integration-course-tile>.integration-progress{margin-top:16px}
.integration-course-action{align-self:flex-end;margin-top:18px;text-decoration:none;font-size:12px;font-weight:800;color:var(--green)}
.integration-course-action span{display:inline-block;transition:transform .18s ease}
.integration-course-action:hover span{transform:translateX(3px)}
.integration-evidence{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:78px 0 10px;border-top:1px solid var(--line)}
.integration-evidence-links{display:grid;border-top:1px solid var(--line)}
.integration-evidence-links a{display:grid;grid-template-columns:140px 1fr;gap:16px;text-decoration:none;padding:17px 0;border-bottom:1px solid var(--line)}
.integration-evidence-links strong{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--green)}
.integration-evidence-links span{font-size:13px;color:var(--ink-2)}
.integration-evidence-links a:hover span{color:var(--ink)}
@media(max-width:1160px){.nav a{padding-left:7px;padding-right:7px;font-size:11.5px}.learn-search-trigger{min-width:155px}}
@media(max-width:980px){.integration-hero{grid-template-columns:1fr;gap:36px;padding-top:68px}.integration-start-panel{max-width:680px}.integration-path-head{grid-template-columns:1fr;gap:14px}.integration-path-head>p{max-width:680px}.integration-intro,.integration-evidence{grid-template-columns:1fr;gap:28px}}
@media(max-width:760px){.learn-integration-nav{color:var(--ink)!important}.integration-hero{padding:52px 0 48px}.integration-hero h1{font-size:clamp(49px,14vw,72px)}.integration-hero-copy>p{font-size:17px}.integration-quick{grid-template-columns:1fr;gap:16px}.integration-intro{padding:56px 0}.integration-pathway{width:min(100% - 28px,1180px);padding:50px 0 60px}.integration-course-list{grid-template-columns:1fr}.integration-course-tile{min-height:0}.integration-evidence{padding:58px 0 0}}
@media(max-width:520px){.integration-start-panel{padding:22px}.integration-hero-actions{display:grid}.integration-rhythm{gap:8px}.integration-start-route>a{grid-template-columns:32px minmax(0,1fr)}.integration-start-route>a>small{grid-column:2}.integration-quick-links{display:grid}.integration-course-output{grid-template-columns:1fr;gap:4px}.integration-evidence-links a{grid-template-columns:1fr;gap:4px}}

/* ---- product-v2.css ---- */
/* LEARN product v2 — restraint, progressive disclosure, burgundy brand system */
:root{
  --ink:#281b20;
  --ink-2:#51464a;
  --muted:#746a6e;
  --paper:#f7f4f5;
  --surface:#fdfbfb;
  --surface-2:#eee9eb;
  --green:#6d2038; /* legacy semantic token now maps to LEARN burgundy */
  --green-soft:#ead7dd;
  --clay:#aa5b70;
  --clay-soft:#f2e4e8;
  --line:#dcd4d7;
  --success:#35644f;
  --error:#973e4d;
  --focus:#7c4664;
  --burgundy:#6d2038;
  --burgundy-deep:#4d1427;
  --burgundy-soft:#ead7dd;
  --baby-burgundy:#f0e1e6;
  --grey-soft:#eee9eb;
  --grey-cool:#e5e4e5;
  --serif:'Iowan Old Style','Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --shadow:0 18px 48px rgba(64,22,37,.075);
  --shadow-strong:0 26px 72px rgba(64,22,37,.12);
}

html,body{background:var(--paper);color:var(--ink)}
body{font-family:var(--sans);letter-spacing:-.008em}
button,input,textarea,select{font-family:var(--sans)}
::selection{background:var(--burgundy-soft);color:var(--ink)}

/* typography: reserve serif for editorial moments */
.course-card h3,
.course-card.compact h3,
.ai-course-tile h3,
.integration-course-tile h3,
.journey-row strong,
.practice-note>span{
  font-family:var(--sans)!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
.course-card h3{font-size:clamp(25px,2.25vw,34px)!important;line-height:1.08!important}
.course-card.featured h3{font-size:clamp(30px,3vw,42px)!important}
.course-card.compact h3{font-size:clamp(20px,1.8vw,26px)!important}
.ai-course-tile h3,.integration-course-tile h3{font-size:clamp(22px,2vw,28px)!important;line-height:1.1!important}
.learn-hero-main h1,.ai-hero h1,.integration-hero h1{font-size:clamp(56px,6.4vw,84px)!important;line-height:.94!important;letter-spacing:-.045em!important}
.page-label,.hero-eyebrow,.course-card-kicker,.filter-label,.ai-brand-kicker,.integration-brand-kicker,.ai-path-head>div>span,.integration-path-head>div>span{font-size:11.5px!important;letter-spacing:.105em!important}

/* shell */
.site-header{background:linear-gradient(to bottom,rgba(247,244,245,.97),rgba(247,244,245,.78),transparent)!important}
.header-inner{max-width:1240px;min-height:66px!important;border-color:rgba(220,212,215,.9)!important;border-radius:17px!important;box-shadow:0 10px 34px rgba(64,22,37,.055)!important}
.brand-symbol{background:var(--burgundy)!important}
.brand-symbol i{background:#d99aaa!important}
.brand-word small{color:var(--muted)!important}
.nav{gap:2px}
.nav a{font-size:12.5px!important;font-weight:650!important;border-radius:9px}
.nav a[aria-current="page"]{background:var(--baby-burgundy);color:var(--burgundy)!important}
.nav a:hover{background:var(--surface-2)}
.learn-search-trigger{min-height:44px!important;background:var(--surface)!important;border-color:var(--line)!important}
.learn-search-icon{color:var(--burgundy)!important}
.learn-search-trigger kbd{background:var(--grey-soft)!important}

/* Explore mega menu */
.learn-explore-menu{position:fixed;z-index:220;top:82px;left:50%;width:min(920px,calc(100% - 32px));transform:translateX(-50%) translateY(-8px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;border:1px solid var(--line);border-radius:20px;background:rgba(253,251,251,.985);box-shadow:var(--shadow-strong);padding:24px}
.learn-explore-menu.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.explore-menu-grid{display:grid;grid-template-columns:.72fr 1fr 1fr;gap:26px}
.explore-menu-brand{padding:20px;border-radius:15px;background:var(--burgundy);color:white}
.explore-menu-brand span,.explore-menu-group>span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.explore-menu-brand span{color:#e8cbd3}
.explore-menu-brand strong{display:block;font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.04;margin:9px 0 24px}
.explore-menu-brand a{display:inline-flex;color:white;text-decoration:none;font-size:12px;font-weight:750}
.explore-menu-group>span{color:var(--muted);margin:5px 0 9px}
.explore-menu-links{display:grid;border-top:1px solid var(--line)}
.explore-menu-links a,.explore-menu-links button{appearance:none;width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-decoration:none;text-align:left;font-size:12.5px;font-weight:650;cursor:pointer}
.explore-menu-links small{color:var(--muted);font-size:10px;font-weight:600}
.explore-menu-links a:hover,.explore-menu-links button:hover{color:var(--burgundy)}

/* home: fewer layers, stronger choices */
.home .learn-focus-band{display:none!important}
.learn-hero-v2{padding:70px 0 46px!important}
.learn-hero-grid{gap:54px!important}
.learn-hero-lede{font-size:17px!important;max-width:650px!important}
.learn-hero-panel{min-height:300px!important;border-radius:18px!important;background:linear-gradient(145deg,var(--surface),var(--baby-burgundy))!important;box-shadow:0 18px 46px rgba(64,22,37,.06)!important}
.learn-panel-top>span,.learn-course-brand{color:var(--burgundy)!important}
.learn-grammar i{color:var(--clay)!important}
.discovery-section,.strand-section,.start-section{padding:54px 0!important}
.compact-heading{margin-bottom:24px!important}
.question-grid{gap:10px!important}
.question-card-home{min-height:190px!important;padding:23px!important;border-radius:14px!important}
.question-card-home h3{font-size:clamp(23px,2.2vw,31px)!important}
.question-links a{background:transparent!important;border-color:var(--line)!important}
.strand-grid{gap:8px!important}
.strand-card{min-height:165px!important;padding:18px!important;border-radius:13px!important;background:rgba(253,251,251,.52)!important}
.strand-card>strong{display:none}
.strand-card p{margin:16px 0!important}
.strand-card[data-strand-jump="Technology Integration"]{background:linear-gradient(145deg,var(--surface),#efe7e9)!important}
.strand-card[data-strand-jump="AI & Judgement"]{background:linear-gradient(145deg,var(--surface),var(--baby-burgundy))!important}
.strand-card[data-strand-jump="Lesson Design"]{background:linear-gradient(145deg,var(--surface),#f1e8e6)!important}
.strand-card[data-strand-jump="Technology for Support"]{background:linear-gradient(145deg,var(--surface),#ede9e6)!important}
.strand-card[data-strand-jump="Digital Learning Environment"]{background:linear-gradient(145deg,var(--surface),#e9e9e9)!important}
.philosophy{background:var(--burgundy-deep)!important}

/* library: progressive disclosure */
.explore-page .page-intro{max-width:790px;margin-bottom:30px!important}
.course-search{background:var(--surface)!important;border-radius:12px!important}
.course-search:focus-within{outline:3px solid rgba(109,32,56,.13)!important;border-color:#b98d9a!important}
.filter-chip.active{background:var(--burgundy)!important;border-color:var(--burgundy)!important}
.explore-list .course-card.standard{padding:24px 0!important;gap:26px!important}
.explore-list .course-card.standard .course-card-description{max-width:720px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:11px!important;font-size:14px!important}
.explore-list .course-card.standard .course-leave-with{display:none}
.explore-list .course-card.standard .course-tags{margin-top:10px!important}
.explore-list .course-card.standard .course-card-actions{justify-content:center;min-width:116px!important}
.quick-view-btn{appearance:none;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;padding:5px 0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.quick-view-btn:hover{color:var(--burgundy);text-decoration-color:currentColor}

/* quick-view drawer */
.learn-drawer-scrim{position:fixed;z-index:260;inset:0;background:rgba(32,20,24,.26);opacity:0;pointer-events:none;transition:opacity .18s ease}
.learn-drawer-scrim.open{opacity:1;pointer-events:auto}
.learn-quick-drawer{position:absolute;top:0;right:0;width:min(520px,100%);height:100%;overflow:auto;background:var(--surface);border-left:1px solid var(--line);padding:28px 30px 40px;transform:translateX(100%);transition:transform .22s ease;box-shadow:-24px 0 64px rgba(64,22,37,.12)}
.learn-drawer-scrim.open .learn-quick-drawer{transform:translateX(0)}
.drawer-close{appearance:none;float:right;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:20px;cursor:pointer}
.drawer-kicker{display:block;padding-top:48px;color:var(--burgundy);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.learn-quick-drawer h2{font-family:var(--serif);font-size:clamp(34px,5vw,52px);font-weight:500;letter-spacing:-.035em;line-height:1.02;margin:9px 0 14px}
.drawer-description{color:var(--ink-2);font-size:16px;line-height:1.6}
.drawer-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.drawer-meta span{padding:7px 10px;border-radius:999px;background:var(--grey-soft);font-size:11px;font-weight:700;color:var(--ink-2)}
.drawer-outcome{margin:24px 0;padding:20px;border-radius:14px;background:var(--baby-burgundy)}
.drawer-outcome span{display:block;color:var(--burgundy);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.drawer-outcome p{margin:7px 0 0;line-height:1.5}
.drawer-principles{display:grid;border-top:1px solid var(--line);margin:24px 0}
.drawer-principles div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}
.drawer-principles b{color:var(--burgundy)}
.drawer-actions{display:flex;gap:9px;flex-wrap:wrap}

/* area hubs: one feature, quieter remainder */
.ai-hero,.integration-hero{padding:68px 0 54px!important;gap:52px!important}
.ai-start-panel,.integration-start-panel{border-radius:18px!important;background:linear-gradient(145deg,var(--surface),var(--baby-burgundy))!important}
.ai-intro,.integration-intro{padding:58px 0 52px!important;gap:52px!important}
.ai-pathway,.integration-pathway{padding:48px 0 58px!important}
.ai-path-course-list,.integration-course-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--line)}
.ai-course-tile,.integration-course-tile{min-height:0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:18px 4px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 24px!important}
.ai-course-tile.area-featured-course,.integration-course-tile.area-featured-course{margin:0 0 12px;padding:26px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:linear-gradient(145deg,var(--surface),var(--baby-burgundy))!important;grid-template-columns:minmax(0,1fr) 160px!important}
.ai-course-top,.integration-course-top{grid-column:1/-1}
.ai-course-tile h3,.integration-course-tile h3{grid-column:1;margin:5px 0!important}
.ai-course-tile>p,.integration-course-tile>p{grid-column:1;margin:0!important;max-width:760px;font-size:13px!important}
.ai-course-output,.integration-course-output{display:none!important}
.ai-course-tile>.ai-progress,.integration-course-tile>.integration-progress{grid-column:1;max-width:360px;margin-top:8px!important}
.ai-course-action,.integration-course-action{grid-column:2;grid-row:2/5;align-self:center!important;margin:0!important;white-space:nowrap}
.area-featured-course .ai-course-output,.area-featured-course .integration-course-output{display:grid!important;grid-column:1;margin-top:10px!important}
.ai-path-head,.integration-path-head{margin-bottom:20px!important}
.ai-path-head h2,.integration-path-head h2{font-size:clamp(31px,3.6vw,46px)!important}
.ai-quick,.integration-quick{padding:24px 0!important}

/* stronger My Learning workspace */
.my-learning-page .page-intro{max-width:760px}
.my-learning-page .learning-focus .course-card.featured{border-left:0!important;border-top:4px solid var(--burgundy)!important;background:linear-gradient(145deg,var(--surface),var(--baby-burgundy))!important}
.practice-workspace{margin:34px 0 48px;padding:28px!important;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.practice-note{background:var(--paper)!important}
.practice-note>span{color:var(--burgundy)!important}

/* course decision pages */
.course-opening{gap:38px!important}
.course-kicker{color:var(--burgundy)!important}
.course-opening-main h1{font-size:clamp(45px,5.7vw,72px)!important;line-height:.98!important}
.course-opening-main>p{max-width:720px;font-size:17px!important}
.course-decision-panel{border-left-color:var(--line)!important}
.course-decision-panel>p{font-size:22px!important}
.course-purpose{padding:54px 0!important}
.course-purpose h2{font-size:clamp(31px,3.4vw,46px)!important}
.principles-line{position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin-top:28px!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principles-line span{position:relative;border:0!important;border-radius:0!important;background:transparent!important;padding:18px 18px 18px 30px!important;color:var(--ink)!important;font-size:12px!important}
.principles-line span+span{border-left:1px solid var(--line)!important}
.principles-line span:before{content:'';position:absolute;left:13px;top:23px;width:7px;height:7px;border-radius:50%;background:var(--burgundy)}
.journey-row{padding:17px 0!important}
.journey-row strong{font-size:15.5px!important}
.journey-row small{font-size:12px!important}

/* focus mode */
.focus-mode .site-header{padding:8px 12px 0!important;background:linear-gradient(to bottom,rgba(247,244,245,.98),rgba(247,244,245,.84),transparent)!important}
.focus-mode .header-inner{max-width:1000px;min-height:58px!important}
.focus-mode .nav,.focus-mode .learn-search-trigger,.focus-mode .menu-btn{display:none!important}
.focus-course-title{min-width:0;margin-left:16px;padding-left:16px;border-left:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;color:var(--ink-2)}
.focus-exit{margin-left:auto;display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);text-decoration:none;font-size:11.5px;font-weight:700;background:var(--surface)}
.focus-mode .footer{display:none!important}
.focus-mode .lesson-top{top:66px!important;background:rgba(253,251,251,.97)!important}
.focus-mode .lesson-course{display:none!important}
.focus-mode .course-sidebar{top:116px!important;height:calc(100vh - 116px)!important}
.focus-mode .lesson-article{max-width:720px!important}
.focus-mode .prose{font-size:17px;line-height:1.72}
.focus-mode .lesson-heading h1{font-size:clamp(36px,4.3vw,54px)!important}

/* reusable confidence interaction */
.learn-confidence{margin:22px 0 0;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.learn-confidence>span{display:block;color:var(--burgundy);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.learn-confidence p{margin:6px 0 12px;color:var(--ink-2);font-size:13px}
.confidence-options{display:flex;gap:7px;flex-wrap:wrap}
.confidence-options button{appearance:none;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:7px 11px;color:var(--ink-2);font-size:11px;font-weight:700;cursor:pointer}
.confidence-options button.selected{background:var(--burgundy);border-color:var(--burgundy);color:white}

/* command palette */
.learn-command{position:fixed;z-index:320;inset:0;display:grid;place-items:start center;padding:10vh 16px;background:rgba(32,20,24,.32);opacity:0;pointer-events:none;transition:opacity .14s ease}
.learn-command.open{opacity:1;pointer-events:auto}
.command-panel{width:min(720px,100%);max-height:min(720px,78vh);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 34px 90px rgba(47,16,27,.22)}
.command-search{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}
.command-search span{font-size:22px;color:var(--burgundy)}
.command-search input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px}
.command-search kbd{border:1px solid var(--line);border-radius:7px;background:var(--grey-soft);padding:4px 7px;font-size:10px;color:var(--muted)}
.command-body{overflow:auto;padding:12px}
.command-section-label{display:block;padding:8px 9px 6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.command-results{display:grid}
.command-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border-radius:10px;text-decoration:none;color:var(--ink)}
.command-item:hover,.command-item:focus{outline:0;background:var(--baby-burgundy)}
.command-item strong{font-size:13px}
.command-item small{color:var(--muted);font-size:10.5px}
.command-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.command-area{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:700;background:var(--paper)}
.command-empty{padding:24px 12px;color:var(--muted);font-size:13px}

/* mobile product nav */
.learn-mobile-nav{display:none}

@media(max-width:980px){
  .explore-menu-grid{grid-template-columns:1fr 1fr}.explore-menu-brand{grid-column:1/-1}
  .learn-hero-grid{grid-template-columns:1fr!important}.learn-hero-panel{max-width:720px}
  .ai-course-tile.area-featured-course,.integration-course-tile.area-featured-course{grid-template-columns:1fr!important}
  .ai-course-action,.integration-course-action{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px!important}
}

@media(max-width:820px){
  body:not(.focus-mode){padding-bottom:64px}
  .site-header .nav{display:none!important}
  .learn-explore-menu{top:72px;width:calc(100% - 20px);padding:16px;max-height:calc(100vh - 92px);overflow:auto}
  .explore-menu-grid{grid-template-columns:1fr}.explore-menu-brand{grid-column:auto}
  .learn-mobile-nav{position:fixed;z-index:190;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;min-height:60px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(253,251,251,.97);backdrop-filter:blur(18px);box-shadow:0 -8px 26px rgba(64,22,37,.055)}
  .learn-mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:46px;border-radius:9px;text-decoration:none;color:var(--muted);font-size:9.5px;font-weight:700}
  .learn-mobile-nav a span{font-size:17px;line-height:1}
  .learn-mobile-nav a.active{background:var(--baby-burgundy);color:var(--burgundy)}
  .focus-mode{padding-bottom:0!important}
  .focus-mode .learn-mobile-nav{display:none!important}
  .focus-mode .lesson-top{top:61px!important}
  .practice-workspace{padding:20px!important}
}

@media(max-width:620px){
  .learn-hero-v2{padding-top:50px!important}
  .learn-hero-main h1,.ai-hero h1,.integration-hero h1{font-size:clamp(48px,14vw,66px)!important}
  .learn-hero-panel{padding:20px!important}
  .discovery-section,.strand-section,.start-section{padding:42px 0!important}
  .course-card h3{font-size:25px!important}
  .course-card.featured h3{font-size:30px!important}
  .course-card.standard .course-tags{display:none}
  .learn-quick-drawer{padding:22px 20px 34px}
  .principles-line{grid-template-columns:1fr}.principles-line span+span{border-left:0!important;border-top:1px solid var(--line)!important}
  .command-areas{grid-template-columns:1fr}
  .ai-path-head,.integration-path-head{display:block!important}
  .ai-path-head>p,.integration-path-head>p{margin-top:10px!important}
  .focus-course-title{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .learn-explore-menu,.learn-command,.learn-drawer-scrim,.learn-quick-drawer{transition:none}
}


/* ---- v3.css ---- */
/* LEARN V3 — scalable product, stronger accessibility, quieter burgundy */
:root{
  --brand:#6d2038;
  --brand-deep:#4d1427;
  --brand-soft:#ead7dd;
  --brand-baby:#f0e1e6;
  --ink:#281b20;
  --ink-2:#51464a;
  --muted:#6d6266;
  --paper:#f7f4f5;
  --surface:#fffdfd;
  --surface-2:#eee9eb;
  --line:#d8d0d3;
  --focus-ring:#8f4760;
  --green:var(--brand);
  --green-soft:var(--brand-soft);
  --clay:#8f4760;
  --clay-soft:#f1e5e8;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}

html{scroll-behavior:auto}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}
button,input,textarea,select{font:inherit}
a,button,input,textarea,summary{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 38%,transparent);outline-offset:3px}
.btn,.learn-search-trigger,.save-button,.filter-chip,.quick-view-btn,.dialog-close,.confidence-options button,.text-button{min-height:44px}
.page-label,.hero-eyebrow,.course-card-kicker,.filter-label,.footer-label,.step-label,.question-top,.drawer-outcome>span,.learn-confidence>span{font-size:12px!important;letter-spacing:.085em!important}

/* Product shell */
.site-header{padding:10px 14px 0;background:linear-gradient(to bottom,rgba(247,244,245,.98),rgba(247,244,245,.9),transparent)}
.header-inner{max-width:1220px;min-height:64px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,253,.96);box-shadow:0 10px 30px rgba(61,22,36,.045)}
.brand-word{font-weight:800;letter-spacing:.04em}
.brand-word small{display:block;margin-top:2px;font-size:9.5px;font-weight:650;letter-spacing:.04em;color:var(--muted)}
.brand-symbol{background:var(--brand)!important}
.brand-symbol i{background:#d99aaa!important}
.nav{gap:4px}
.nav a{font-size:13px!important;font-weight:650;border-radius:9px;padding:10px 12px}
.nav a[aria-current="page"]{background:var(--brand-baby);color:var(--brand)!important}
.learn-search-trigger{display:flex;align-items:center;gap:9px;padding:6px 9px 6px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);cursor:pointer}
.learn-search-trigger>span:nth-child(2){display:grid;text-align:left}
.learn-search-trigger strong{font-size:12px;line-height:1.15}
.learn-search-trigger small{font-size:10.5px;color:var(--muted)}
.learn-search-trigger kbd{margin-left:5px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);padding:3px 6px;font-size:10px;color:var(--muted)}
.learn-search-icon{font-size:19px;color:var(--brand)}

/* Home */
.v3-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.68fr);gap:64px;align-items:center;padding-top:78px;padding-bottom:70px}
.v3-hero-copy h1{max-width:820px;margin:10px 0 20px;font-family:var(--serif);font-size:clamp(58px,7vw,92px);font-weight:500;line-height:.95;letter-spacing:-.05em}
.v3-hero-copy h1 em{color:var(--brand);font-weight:500}
.v3-hero-copy>p{max-width:660px;color:var(--ink-2);font-size:18px;line-height:1.6}
.v3-hero.returning .v3-hero-copy h1{font-size:clamp(50px,5.8vw,76px)}
.v3-hero-next{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 18px 44px rgba(61,22,36,.045)}
.v3-hero-next h2{margin:9px 0 12px;font-family:var(--serif);font-size:clamp(29px,3.3vw,43px);font-weight:500;line-height:1.05}
.v3-hero-next p{color:var(--ink-2);line-height:1.58}
.next-meta{display:flex;justify-content:space-between;gap:14px;margin-top:9px;color:var(--muted);font-size:12px}
.v3-home-section{padding-top:58px;padding-bottom:58px}
.v3-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v3-question-card{padding:25px;border-top:2px solid var(--line);background:transparent}
.v3-question-card h3{margin:0 0 9px;font-family:var(--serif);font-size:clamp(25px,2.6vw,34px);font-weight:500;line-height:1.08}
.v3-question-card>p{max-width:620px;color:var(--ink-2);font-size:14px;line-height:1.55}
.v3-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v3-area-card{display:block;min-height:215px;padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);text-decoration:none}
.v3-area-card:hover{border-color:#b99aa5;transform:translateY(-1px)}
.v3-area-card>span{display:block;color:var(--brand);font-size:11.5px;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
.v3-area-card h3{margin:25px 0 8px;font-family:var(--sans);font-size:25px;font-weight:700;letter-spacing:-.025em}
.v3-area-card p{color:var(--ink-2);font-size:13.5px;line-height:1.5}
.v3-area-card strong{display:block;margin-top:18px;color:var(--brand);font-size:12.5px}
.philosophy{background:var(--brand-deep)!important}

/* Library */
.library-tools{padding-bottom:12px}
.course-search{background:var(--surface)!important}
.filter-label{color:var(--muted)}
.filter-strip{gap:7px!important;flex-wrap:wrap}
.filter-chip{min-height:40px!important;padding:0 13px!important;border-radius:999px!important;font-size:12.5px!important}
.filter-chip.active{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.library-summary{margin-top:14px;color:var(--muted);font-size:13px}
.v3-course-card.course-card.standard{padding:26px 0!important;gap:28px!important}
.v3-course-card.course-card.standard h3{font-size:clamp(23px,2.15vw,32px)!important;font-weight:650!important}
.v3-course-card.course-card.compact{padding:18px 0!important}
.v3-course-card.course-card.compact h3{font-size:22px!important;font-weight:650!important}
.v3-course-card .course-card-description{max-width:760px!important;font-size:14px!important;line-height:1.55!important}
.v3-course-card .course-card-meta{margin-top:12px!important}
.v3-course-card .pathway-time strong{font-size:12px!important}
.v3-course-card .pathway-time span,.v3-course-card .section-count{font-size:11.5px!important}
.quick-view-btn{padding:0 9px;border:0;background:transparent;color:var(--brand);font-size:12.5px;font-weight:700;cursor:pointer}
.save-button{font-size:12.5px!important}
.course-tags span{font-size:11.5px!important}

/* Generic learning areas */
.v3-area-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.68fr);gap:58px;align-items:center;padding-top:72px;padding-bottom:60px}
.v3-area-hero h1{max-width:850px;margin:10px 0 18px;font-family:var(--serif);font-size:clamp(52px,6.4vw,82px);font-weight:500;line-height:.96;letter-spacing:-.045em}
.v3-area-hero>div>p{max-width:680px;color:var(--ink-2);font-size:17px;line-height:1.58}
.v3-area-start{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.v3-area-start h2{margin:10px 0;font-family:var(--sans);font-size:27px;font-weight:700;letter-spacing:-.03em}
.v3-area-start>p{color:var(--ink-2);font-size:14px;line-height:1.55}
.area-start-meta{display:grid;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.v3-area-questions{padding-top:26px;padding-bottom:34px}
.v3-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.v3-quick-links a{display:flex;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:650;text-decoration:none}
.v3-quick-links a:hover{color:var(--brand)}
.v3-area-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding-top:58px;padding-bottom:48px;border-top:1px solid var(--line)}
.v3-area-intro h2{font-family:var(--serif);font-size:clamp(35px,4vw,52px);font-weight:500;line-height:1.05}
.v3-area-intro>p{color:var(--ink-2);font-size:16px;line-height:1.68}
.v3-pathway{padding:52px 0 60px;border-top:1px solid var(--line)}
.v3-pathway-head{display:grid;grid-template-columns:1fr .82fr;gap:48px;margin-bottom:24px}
.v3-pathway-head span{display:block;color:var(--brand);font-size:11.5px;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
.v3-pathway-head h2{margin:8px 0 0;font-family:var(--serif);font-size:clamp(33px,3.6vw,47px);font-weight:500;line-height:1.04}
.v3-pathway-head>p{color:var(--ink-2);font-size:14px;line-height:1.58}
.v3-pathway-feature .course-card.featured{padding:26px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--surface)!important;box-shadow:none!important}
.pathway-more{margin-top:4px;border-bottom:1px solid var(--line)}
.pathway-more summary{display:flex;align-items:center;min-height:48px;color:var(--brand);font-size:12.5px;font-weight:750;cursor:pointer;list-style:none}
.pathway-more summary::-webkit-details-marker{display:none}
.pathway-more summary:after{content:'+';margin-left:auto;font-size:18px}
.pathway-more[open] summary:after{content:'−'}

/* Course decision pages */
.course-opening{padding-top:68px!important;padding-bottom:54px!important}
.course-opening-main h1{font-size:clamp(46px,5.4vw,72px)!important}
.course-opening-main>p{font-size:17px!important;line-height:1.58}
.course-opening-meta{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:21px 0}
.course-decision-panel{background:var(--surface)!important;border:1px solid var(--line)!important;border-left:4px solid var(--brand)!important;border-radius:14px!important;padding:24px!important}
.course-decision-panel>span{color:var(--brand)!important}
.course-decision-panel>p{font-size:22px!important}
.landing-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.text-button{appearance:none;border:0;background:transparent;color:var(--muted);font-size:12.5px;font-weight:700;cursor:pointer;padding:0 9px}
.text-button:hover{color:var(--brand)}
.landing-progress{max-width:480px;margin-top:20px}
.course-purpose{padding-top:46px!important;padding-bottom:46px!important}
.course-purpose h2{max-width:900px;font-size:clamp(30px,3.4vw,45px)!important}
.journey-row{padding:17px 0!important}
.course-sources{padding-top:34px;padding-bottom:58px;border-top:1px solid var(--line)}
.course-sources>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.course-sources a{color:var(--brand);font-size:12.5px;font-weight:700}

/* Practice canvas */
.v3-practice-page{max-width:980px}
.v3-application-canvas{margin-top:34px!important;background:var(--surface)!important;border-color:var(--line)!important}
.v3-application-canvas .apply-time{max-width:320px}
.v3-application-canvas .apply-time strong{font-size:13px!important;line-height:1.45!important}
.application-fields{display:grid;gap:14px;margin:24px 0}
.application-field{display:grid;gap:7px;padding:15px 0;border-top:1px solid var(--line)}
.application-field>span{font-size:13px;font-weight:700;line-height:1.45}
.application-field textarea{width:100%;min-height:104px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.55;resize:vertical}
.application-field.summary textarea{min-height:125px;background:var(--brand-baby)}
.application-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}

/* Focus mode */
.focus-mode .site-header{padding-top:7px!important}
.focus-mode .header-inner{max-width:1020px;min-height:58px!important;background:rgba(255,253,253,.98)}
.focus-course-title{font-size:12.5px!important}
.focus-exit{font-size:12px!important}
.focus-mode .lesson-top{top:65px!important}
.focus-mode .lesson-article{max-width:720px!important}
.focus-mode .prose{font-size:17px!important;line-height:1.75!important}
.focus-mode .footer,.focus-mode .learn-mobile-nav{display:none!important}

/* Confidence: before + after only */
.learn-confidence{max-width:560px;margin:22px 0 0;padding:17px;border:1px solid var(--line);border-radius:12px;background:transparent}
.learn-confidence>span{color:var(--brand)}
.learn-confidence p{font-size:13px;color:var(--ink-2)}
.confidence-options button{font-size:12px!important;padding:8px 12px!important}
.confidence-options button.selected{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}

/* Native accessible dialogs */
.v3-dialog{width:min(720px,calc(100% - 28px));max-height:min(760px,84vh);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 34px 90px rgba(47,16,27,.22)}
.v3-dialog::backdrop{background:rgba(32,20,24,.34);backdrop-filter:blur(2px)}
.dialog-shell{padding:22px}
.dialog-head{display:flex;justify-content:space-between;gap:24px;align-items:start}
.dialog-head h2{margin:5px 0 0;font-family:var(--serif);font-size:clamp(32px,4.4vw,48px);font-weight:500;line-height:1.02}
.dialog-close{width:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:22px;cursor:pointer}
.search-dialog .command-search{margin:18px 0 6px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}
.search-dialog .command-search input{font-size:16px}
.dialog-results{max-height:52vh;overflow:auto;padding-top:8px}
.command-section-label{font-size:11.5px!important}
.command-item{min-height:48px;font-size:13px}
.command-item strong{font-size:13.5px!important}
.command-item small{font-size:11.5px!important}
.command-item.featured{background:var(--brand-baby)}
.command-areas{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.command-area{min-height:46px;font-size:12.5px!important}
.quick-dialog{width:min(590px,calc(100% - 28px))}
.drawer-description{font-size:15.5px!important}
.drawer-meta span{font-size:11.5px!important}
.drawer-actions{margin-top:20px}

/* About */
.about-page{max-width:1120px}
.about-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:48px 0 70px}
.about-grid section{padding:22px;border-top:2px solid var(--line)}
.about-grid section>span{color:var(--brand);font-size:12px;font-weight:800}
.about-grid h2{margin:18px 0 9px;font-family:var(--sans);font-size:24px;font-weight:700}
.about-grid p{color:var(--ink-2);font-size:13.5px;line-height:1.58}
.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:54px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-principles h2{margin-top:9px;font-family:var(--serif);font-size:clamp(35px,4vw,52px);font-weight:500;line-height:1.04}
.about-principles p{color:var(--ink-2);line-height:1.68}
.about-areas{padding:58px 0}

/* Footer */
.v3-footer-grid{display:grid;grid-template-columns:.75fr 1.5fr .85fr;gap:46px}
.footer-area-links{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:10px}
.footer-area-links a,.footer a{color:inherit;font-size:12.5px}

/* Loading / no JS */
.boot-state{min-height:55vh;padding-top:120px;padding-bottom:100px}
.boot-state h1{max-width:700px;font-family:var(--serif);font-size:clamp(38px,5vw,62px);font-weight:500}
.noscript{margin:30px;padding:20px;border:1px solid var(--line);background:var(--surface)}

/* Mobile */
.learn-mobile-nav a{font-size:11.5px!important}
.learn-mobile-nav a span{font-size:17px}

@media(max-width:980px){
  .v3-hero,.v3-area-hero{grid-template-columns:1fr;gap:34px}
  .v3-hero-next,.v3-area-start{max-width:760px}
  .v3-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
  body:not(.focus-mode){padding-bottom:68px}
  .site-header .nav{display:none}
  .header-inner{padding-right:10px}
  .learn-search-trigger{margin-left:auto}
  .learn-search-trigger>span:nth-child(2),.learn-search-trigger kbd{display:none}
  .learn-search-trigger{width:44px;justify-content:center;padding:0}
  .v3-hero{padding-top:52px;padding-bottom:48px}
  .v3-hero-copy h1{font-size:clamp(48px,12vw,70px)}
  .v3-question-grid,.v3-area-grid,.v3-quick-links{grid-template-columns:1fr}
  .v3-area-card{min-height:0}
  .v3-area-hero{padding-top:52px;padding-bottom:44px}
  .v3-area-hero h1{font-size:clamp(45px,11vw,66px)}
  .v3-area-intro,.v3-pathway-head,.about-principles{grid-template-columns:1fr;gap:18px}
  .course-opening{padding-top:50px!important}
  .v3-footer-grid{grid-template-columns:1fr;gap:26px}
  .learn-mobile-nav{min-height:64px!important}
  .learn-mobile-nav a{min-height:50px!important}
}

@media(max-width:620px){
  .brand-word small{display:none}
  .v3-home-section{padding-top:44px;padding-bottom:44px}
  .v3-question-card{padding:20px 2px}
  .v3-question-card h3{font-size:26px}
  .course-card.standard .course-tags{display:none}
  .v3-course-card.course-card.standard{grid-template-columns:1fr!important}
  .v3-course-card .course-card-actions{align-items:flex-start!important}
  .about-grid{grid-template-columns:1fr}
  .application-field textarea{min-height:118px}
  .command-areas{grid-template-columns:1fr!important}
  .dialog-shell{padding:18px}
  .v3-dialog{width:calc(100% - 16px)}
}

@media print{
  .site-header,.footer,.learn-mobile-nav,.landing-actions,.application-actions,.confidence-options,.mobile-lesson-bar,.lesson-nav,.course-sidebar,.contents-toggle{display:none!important}
  body{background:#fff!important;color:#111!important;padding:0!important}
  .v3-application-canvas{border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}
  .application-field textarea{border:1px solid #bbb!important;background:#fff!important;min-height:110px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}


/* ---- learning-v4.css ---- */
/* LEARN V4 — learning experience */
:root{--v4-wine:#6d2038;--v4-deep:#4d1427;--v4-blush:#f2e6ea;--v4-paper:#fbf8f9;--v4-grey:#eeeaec;--v4-ink:#281b20;--v4-muted:#74686d;--v4-line:#d9d0d4}
.v4-label{display:block;margin-bottom:8px;color:var(--v4-wine);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.v4-context,.v4-problem,.v4-diagram,.v4-examples,.v4-interaction,.v4-branch,.v4-connections,.v4-deep-dive{margin-top:42px;margin-bottom:42px}
.v4-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:20px 42px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v4-context h2,.v4-diagram h2,.v4-interaction h2,.v4-branch h2,.v4-connections h2{margin:0;font-family:var(--serif);font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.05;letter-spacing:-.03em}
.v4-context-options{display:flex;gap:7px;flex-wrap:wrap;align-content:start}.v4-context-options button,.v4-return-status button{appearance:none;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:9px 12px;color:var(--ink-2);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.v4-context-options button.selected,.v4-return-status button.selected{border-color:var(--burgundy);background:var(--burgundy);color:#fff}
.v4-context-scenario{grid-column:1/-1;margin:0;padding:18px 20px;border-left:3px solid var(--burgundy);background:var(--baby-burgundy);font-size:15px;line-height:1.6}
.v4-problem{padding:38px;border:1px solid var(--line);border-radius:20px;background:var(--ink);color:#fff}.v4-problem .v4-label{color:#e6bcc8}.v4-problem-copy{max-width:820px}.v4-problem h2{margin:0 0 10px;font-family:var(--serif);font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.05;letter-spacing:-.035em}.v4-problem p{max-width:680px;color:#e9dfe2;line-height:1.6}.v4-decision-options{display:grid;gap:8px;margin-top:24px}.v4-decision-options button{appearance:none;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;text-align:left;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.05);padding:14px 16px;color:#fff;font:inherit;font-size:14px;line-height:1.45;cursor:pointer}.v4-decision-options button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);font-size:11px;font-weight:800}.v4-decision-options button:hover,.v4-decision-options button.selected{background:#fff;color:var(--ink);border-color:#fff}.v4-problem small{display:block;margin-top:12px;color:#d8c7cc}
.v4-diagram{padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.v4-diagram-flow{display:grid;grid-template-columns:repeat(7,auto);align-items:center;justify-content:start;gap:12px;margin-top:24px;overflow:auto;padding-bottom:4px}.v4-diagram-node{min-width:150px;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.v4-diagram-node span{display:block;color:var(--burgundy);font-size:10px;font-weight:800}.v4-diagram-node strong{display:block;margin-top:4px;font-size:14px}.v4-diagram-flow>i{color:var(--burgundy);font-style:normal;font-size:20px}
.v4-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v4-example-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.v4-example-card>span{color:var(--burgundy);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.v4-example-card h3{margin:16px 0 5px;font-size:13px}.v4-example-card p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.6}.v4-example-card small{display:block;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.55}.v4-example-card.non{background:var(--paper)}
.v4-interaction,.v4-branch{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.v4-interaction>p,.v4-branch>p{max-width:760px;color:var(--ink-2);line-height:1.6}.v4-interaction blockquote{margin:20px 0;padding:18px 20px;border-left:3px solid var(--burgundy);background:var(--paper);font-size:15px;line-height:1.6}.v4-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.v4-choice,.v4-choice-row{appearance:none;text-align:left;border:1px solid var(--line);border-radius:13px;background:var(--paper);padding:16px;color:var(--ink);font:inherit;cursor:pointer}.v4-choice{display:grid;gap:8px}.v4-choice strong{font-size:12px;color:var(--burgundy)}.v4-choice span{font-size:14px;line-height:1.5}.v4-choice:hover,.v4-choice.selected,.v4-choice-row:hover,.v4-choice-row.selected{border-color:var(--burgundy);background:var(--baby-burgundy)}.v4-choice-list{display:grid;gap:8px;margin-top:18px}.v4-choice-row{font-size:14px;line-height:1.5}.v4-interaction-feedback{margin-top:16px;padding:16px 18px;border-radius:12px;background:#f5eded;border-left:3px solid #a46a79}.v4-interaction-feedback.correct{background:#eef3ef;border-left-color:#597465}.v4-interaction-feedback strong{display:block;margin-bottom:4px;font-size:13px}.v4-interaction-feedback p{margin:0;font-size:13px;line-height:1.55}.v4-rank-list{display:grid;gap:7px;margin:20px 0;padding:0;list-style:none;counter-reset:none}.v4-rank-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.v4-rank-list li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--baby-burgundy);color:var(--burgundy);font-size:11px;font-weight:800}.v4-rank-list strong{font-size:13px}.v4-rank-list div{display:flex;gap:4px}.v4-rank-list button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.v4-rank-list button:disabled{opacity:.3;cursor:default}.v4-classify-list{display:grid;gap:8px;margin:20px 0}.v4-classify-list label{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.v4-classify-list span{font-size:13px;line-height:1.45}.v4-classify-list select,.v4-project-controls select{min-height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 10px;color:var(--ink);font:inherit;font-size:12px}
.v4-branch-history{display:grid;gap:7px;margin:18px 0}.v4-branch-history div{padding:12px 14px;border-left:3px solid var(--line);background:var(--paper)}.v4-branch-history span{font-size:12px;font-weight:800}.v4-branch-history p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.v4-branch-step h3{margin:24px 0 8px;font-size:18px}.v4-branch-end{margin-top:20px;padding:18px;border-radius:12px;background:var(--baby-burgundy)}.v4-branch-end p{line-height:1.55}
.v4-connections{padding-top:34px;border-top:1px solid var(--line)}.v4-connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.v4-connection-grid a{display:block;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--ink)}.v4-connection-grid a:hover{border-color:var(--burgundy);transform:translateY(-1px)}.v4-connection-grid strong{font-size:14px}.v4-connection-grid p{color:var(--muted);font-size:12px;line-height:1.5}.v4-connection-grid span{color:var(--burgundy);font-size:12px;font-weight:800}
.v4-deep-dive{padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.v4-deep-dive summary,.v4-show-me summary{cursor:pointer;padding:16px 0;font-weight:750}.v4-deep-dive summary span{display:inline-block;margin-right:10px;color:var(--burgundy);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.v4-deep-dive p{max-width:780px;margin:0 0 20px;color:var(--ink-2);line-height:1.7}
.v4-trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px;margin-bottom:54px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.v4-trust span{display:grid;gap:2px}.v4-trust strong{color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.v4-retrieval{margin:8px 0 26px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.v4-retrieval>span{color:var(--burgundy);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.v4-retrieval h2{margin:6px 0 4px;font-family:var(--serif);font-size:25px;font-weight:500}.v4-retrieval>p{margin:0;color:var(--ink-2);font-size:13px}.v4-retrieval details{margin-top:13px}.v4-retrieval summary{cursor:pointer;color:var(--burgundy);font-size:12px;font-weight:800}.v4-retrieval details p{margin:9px 0 0;font-size:13px;line-height:1.55}.v4-show-me{margin:16px 0;padding:0 16px;border-left:3px solid var(--line);background:var(--paper)}.v4-show-me summary{font-size:13px}.v4-show-me p{margin:0;padding:0 0 16px;color:var(--ink-2);font-size:14px;line-height:1.65}.v4-show-me.deeper{border-left-color:var(--burgundy)}
.v4-feedback-lens{margin-top:10px;padding-top:10px;border-top:1px solid rgba(109,32,56,.16)}.v4-feedback-lens span{display:block;color:var(--burgundy);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.v4-feedback-lens p{margin:5px 0 0!important}.v4-feedback-lens p strong{display:inline!important;font-size:inherit!important}
.v4-practice-transfer{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.v4-transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v4-transfer-grid>div,.v4-return-plan{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.v4-transfer-grid h3,.v4-return-plan h3{margin:5px 0 7px;font-size:18px}.v4-transfer-grid p,.v4-return-plan p{color:var(--ink-2);font-size:13px;line-height:1.55}.v4-transfer-grid textarea,.v4-return-reflection textarea{width:100%;min-height:108px;resize:vertical;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:11px;color:var(--ink);font:inherit;font-size:13px;line-height:1.5}.v4-project-controls{display:flex;gap:7px}.v4-project-controls select{flex:1}.v4-new-project{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}.v4-new-project input{min-height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 10px;font:inherit;font-size:12px}.v4-return-plan{margin-top:12px;background:var(--surface)}.v4-return-status{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.v4-return-status button{font-size:11px}.v4-return-reflection{display:grid;gap:12px}.v4-return-reflection label{display:grid;gap:5px}.v4-return-reflection label>span{font-size:12px;font-weight:750}
.v4-reconsider{margin:26px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.v4-reconsider h2{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:500}.v4-reconsider blockquote{margin:15px 0;padding:14px 16px;border-left:3px solid var(--burgundy);background:var(--surface);font-size:14px;line-height:1.55}.v4-initial-choice,.v4-reconsider-result{font-size:13px;line-height:1.55}.v4-completed-title{margin:0 0 8px;color:var(--burgundy);font-size:14px;font-weight:800}
.v4-projects,.v4-return-workspace{margin-bottom:38px}.v4-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v4-project-grid article,.v4-return-list article{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.v4-project-grid article>span{color:var(--burgundy);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.v4-project-grid h3{margin:5px 0 8px;font-size:18px}.v4-project-grid p{color:var(--muted);font-size:12px}.v4-project-grid article div{display:grid;gap:5px}.v4-project-grid a{color:var(--burgundy);font-size:12px;font-weight:750;text-decoration:none}.v4-return-list{display:grid;gap:9px}.v4-return-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.v4-return-list article>div>span{font-size:13px;font-weight:800}.v4-return-list article>div>p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.v4-return-list .v4-return-reflection{grid-column:1/-1}.v4-return-about{border-color:var(--burgundy)!important}
@media(max-width:820px){.v4-context,.v4-transfer-grid{grid-template-columns:1fr}.v4-context-scenario{grid-column:auto}.v4-example-grid,.v4-compare-grid,.v4-project-grid,.v4-connection-grid{grid-template-columns:1fr}.v4-problem{padding:24px}.v4-diagram-flow{grid-template-columns:1fr}.v4-diagram-flow>i{transform:rotate(90deg);justify-self:center}.v4-classify-list label{grid-template-columns:1fr}.v4-return-list article{grid-template-columns:1fr}.v4-project-controls,.v4-new-project{grid-template-columns:1fr;display:grid}}
@media(max-width:620px){.v4-context,.v4-problem,.v4-diagram,.v4-examples,.v4-interaction,.v4-branch,.v4-connections,.v4-deep-dive{margin-top:30px;margin-bottom:30px}.v4-interaction,.v4-branch{padding:20px}.v4-problem h2{font-size:34px}.v4-context-options button,.v4-return-status button{min-height:42px}.v4-rank-list li{grid-template-columns:30px minmax(0,1fr)}.v4-rank-list li div{grid-column:2}.v4-trust{gap:14px}.v4-transfer-grid>div,.v4-return-plan{padding:16px}}
@media(prefers-reduced-motion:reduce){.v4-connection-grid a{transition:none!important;transform:none!important}}


/* ---- diagnostic-v4.css ---- */
/* LEARN V4 — optional challenge diagnostic */
.v4-context{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.v4-diagnostic{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.v4-diagnostic-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}
.v4-diagnostic-head h3{margin:2px 0 4px;font-size:18px}
.v4-diagnostic-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.v4-diagnostic-body{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.v4-diagnostic-body article{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.v4-diagnostic-body article>span{color:var(--burgundy);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.v4-diagnostic-body h4{margin:7px 0 9px;font-size:15px;line-height:1.4}
.v4-diagnostic-body article>p{margin:0 0 10px;color:var(--ink-2);font-size:12px;line-height:1.5}
.v4-diagnostic-body article>div{display:grid;gap:7px}
.v4-diagnostic-body article button{appearance:none;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:11px 12px;color:var(--ink);font:inherit;font-size:12.5px;line-height:1.45;cursor:pointer}
.v4-diagnostic-body article button:hover,.v4-diagnostic-body article button.selected{border-color:var(--burgundy);background:var(--baby-burgundy)}
.v4-diagnostic-result{padding:18px;border-radius:12px;background:var(--baby-burgundy)}
.v4-diagnostic-result strong{font-size:14px}
.v4-diagnostic-result p{margin:5px 0 12px;color:var(--ink-2);font-size:12.5px;line-height:1.55}
@media(max-width:620px){.v4-context{width:min(100% - 28px,1180px)}.v4-diagnostic-head{grid-template-columns:1fr}.v4-diagnostic-head>.btn{justify-self:start}}


/* ---- v5-audit.css ---- */
/* LEARN V5 — 2027 product redesign
   A calm, modern learning product built on the existing validated runtime.
   Burgundy remains the LEARN identity; structure, typography and interaction are deliberately restrained. */

:root{
  --brand:#7a1226;
  --brand-deep:#4a0917;
  --brand-mid:#931a32;
  --brand-soft:#ead9de;
  --brand-baby:#f6ecef;
  --burgundy:var(--brand);
  --burgundy-deep:var(--brand-deep);
  --burgundy-soft:var(--brand-soft);
  --baby-burgundy:var(--brand-baby);
  --charcoal:#343134;
  --ink:#1f1c1e;
  --ink-2:#565156;
  --muted:#777075;
  --paper:#f8f7f7;
  --surface:#ffffff;
  --surface-2:#f1eeee;
  --grey-soft:#f1eeee;
  --grey-cool:#e8e5e6;
  --line:#ded9db;
  --line-strong:#c9c2c5;
  --focus:#9c2440;
  --focus-ring:#9c2440;
  --success:#2f694f;
  --success-soft:#edf6f1;
  --error:#9c3948;
  --error-soft:#fbf0f2;
  --green:var(--brand);
  --green-soft:var(--brand-soft);
  --clay:#655d62;
  --clay-soft:#efebed;
  --sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --serif:ui-serif,"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  --max:1180px;
  --reading:720px;
  --radius:14px;
  --shadow:0 18px 48px rgba(48,20,29,.055);
  --shadow-strong:0 28px 80px rgba(48,20,29,.14);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;letter-spacing:-.009em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea,select{font:inherit}
img,svg,video,canvas{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,p,li,strong,span{overflow-wrap:break-word}
::selection{background:var(--brand-soft);color:var(--ink)}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:9999;top:10px;left:10px;transform:translateY(-180%);padding:10px 14px;border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700}
.skip-link:focus{transform:none}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 42%,transparent);outline-offset:3px}
.btn,.learn-search-trigger,.save-button,.filter-chip,.quick-view-btn,.dialog-close,.confidence-options button,.text-button,.option{min-height:44px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:-.005em;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
.btn.primary{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;box-shadow:none!important}
.btn.primary:hover{background:var(--brand-deep)!important;border-color:var(--brand-deep)!important;transform:translateY(-1px)}
.btn.quiet{background:transparent!important;color:var(--ink)!important;border-color:var(--line)!important}
.btn.quiet:hover{background:var(--surface-2)!important;border-color:var(--line-strong)!important}
.text-link,.arrow-link{color:var(--brand);font-weight:700;text-decoration:none}
.text-link:hover,.arrow-link:hover{text-decoration:underline;text-underline-offset:4px}
.page-label,.hero-eyebrow,.course-card-kicker,.filter-label,.footer-label,.step-label,.question-top,.drawer-outcome>span,.learn-confidence>span,.v4-label{font-family:var(--sans)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.11em!important;line-height:1.25!important;text-transform:uppercase;color:var(--brand)}

/* Product shell */
.site-header{position:sticky;top:0;z-index:180;padding:0!important;background:rgba(248,247,247,.88)!important;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);backdrop-filter:saturate(150%) blur(18px)}
.header-inner{display:flex;align-items:center;gap:22px;width:min(var(--max),calc(100% - 48px));max-width:none!important;min-height:70px!important;margin:0 auto;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.brand-symbol{display:grid;place-items:center!important;width:32px!important;height:32px!important;border-radius:8px!important;background:var(--brand)!important;color:#fff!important;box-shadow:none!important}
.brand-symbol>span{font-size:14px!important;font-weight:800!important}
.brand-symbol i{display:none!important}
.brand-word{font-family:var(--sans)!important;font-size:15px!important;font-weight:800!important;letter-spacing:.055em!important;line-height:1!important}
.brand-word small{display:block;margin-top:4px;color:var(--muted)!important;font-size:9px!important;font-weight:650!important;letter-spacing:.025em!important;line-height:1.1!important;text-transform:none!important}
.nav{display:flex;align-items:center;gap:3px;margin-left:auto}
.nav a{position:relative;padding:9px 11px!important;border-radius:8px!important;color:var(--muted)!important;font-family:var(--sans)!important;font-size:12.5px!important;font-weight:650!important;text-decoration:none;transition:background .14s ease,color .14s ease}
.nav a:hover{background:var(--surface-2);color:var(--ink)!important}
.nav a[aria-current="page"]{background:transparent!important;color:var(--ink)!important}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:2px;background:var(--brand)}
.learn-search-trigger{display:flex;align-items:center;gap:8px;padding:0 9px 0 11px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:rgba(255,255,255,.7)!important;color:var(--ink)!important;box-shadow:none!important;cursor:pointer}
.learn-search-trigger>span:nth-child(2){display:none!important}
.learn-search-icon{font-size:18px!important;color:var(--muted)!important}
.learn-search-trigger kbd{margin-left:2px;padding:3px 6px;border:0!important;border-radius:5px;background:var(--surface-2)!important;color:var(--muted);font-size:10.5px!important;line-height:1.2}

/* Home */
.v3-hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr)!important;gap:clamp(48px,6vw,86px)!important;align-items:center;padding-top:clamp(80px,9vw,126px)!important;padding-bottom:clamp(76px,8vw,112px)!important}
.v3-hero-copy{min-width:0}
.v3-hero-copy .hero-eyebrow{display:block;margin-bottom:18px}
.v3-hero-copy h1{max-width:820px;margin:0 0 25px!important;font-family:var(--sans)!important;font-size:clamp(56px,7.6vw,104px)!important;font-weight:760!important;line-height:.91!important;letter-spacing:-.065em!important;text-wrap:balance}
.v3-hero-copy h1 em{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;color:var(--brand)!important}
.v3-hero-copy>p{max-width:650px;margin:0;color:var(--ink-2)!important;font-size:clamp(17px,1.6vw,20px)!important;line-height:1.55!important;letter-spacing:-.015em}
.hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:30px}
.v3-hero.returning .v3-hero-copy h1{font-size:clamp(52px,6.4vw,86px)!important}
.v3-hero-next{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.v3-hero.returning .v3-hero-next{padding:28px!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important;box-shadow:var(--shadow)!important}
.v3-hero-next h2{margin:8px 0 10px!important;font-family:var(--sans)!important;font-size:clamp(26px,2.7vw,36px)!important;font-weight:720!important;line-height:1.08!important;letter-spacing:-.035em!important}
.v3-hero-next p{color:var(--ink-2)!important;line-height:1.58!important}
.next-meta{display:flex;justify-content:space-between;gap:14px;margin-top:12px;color:var(--muted);font-size:12px}

.learn-model-card{position:relative;overflow:hidden;padding:34px 34px 30px!important;border:0!important;border-radius:18px!important;background:var(--brand-deep)!important;color:#fff!important;box-shadow:0 28px 70px rgba(54,8,20,.18)!important}
.learn-model-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.10),transparent 42%);pointer-events:none}
.learn-model-copy,.learn-model-steps,.learn-model-link{position:relative}
.learn-model-copy .page-label{display:block;margin-bottom:12px;color:#e6bec8!important}
.learn-model-copy h2{margin:0 0 12px!important;color:#fff!important;font-family:var(--sans)!important;font-size:clamp(30px,2.8vw,39px)!important;font-weight:720!important;line-height:1.02!important;letter-spacing:-.04em!important}
.learn-model-copy p{margin:0!important;color:#e4dadd!important;font-size:14.5px!important;line-height:1.58!important}
.learn-model-steps{display:grid;gap:0;margin:24px 0 18px;padding:0;border-top:1px solid rgba(255,255,255,.17);list-style:none}
.learn-model-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.learn-model-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#f4dce2;font-size:10.5px;font-weight:800;letter-spacing:.04em}
.learn-model-step-copy{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:baseline;min-width:0}
.learn-model-step strong{color:#fff;font-family:var(--sans)!important;font-size:15.5px!important;font-weight:720!important;line-height:1.2;white-space:nowrap}
.learn-model-step small{color:#d8c9cd;font-size:13px!important;line-height:1.35}
.learn-model-link{display:inline-flex;margin-top:2px;color:#fff!important;font-size:13px!important}

.v3-home-section{padding-top:clamp(64px,7vw,92px)!important;padding-bottom:clamp(64px,7vw,92px)!important;border-top:1px solid var(--line)}
.editorial-heading,.section-heading{max-width:780px}
.editorial-heading>span,.section-heading>span{display:block;margin-bottom:8px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.editorial-heading h2{margin:0!important;font-family:var(--sans)!important;font-size:clamp(34px,4.2vw,56px)!important;font-weight:730!important;line-height:1!important;letter-spacing:-.048em!important;text-wrap:balance}
.editorial-heading p{max-width:660px;margin:13px 0 0!important;color:var(--ink-2)!important;font-size:15.5px!important;line-height:1.6!important}
.compact-heading{margin-bottom:34px!important}
.v3-question-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.v3-question-card{min-width:0;padding:30px 30px 32px!important;border:0!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;background:transparent!important;transition:background .15s ease}
.v3-question-card:hover{background:rgba(255,255,255,.55)!important}
.v3-question-card h3{margin:0 0 10px!important;font-family:var(--sans)!important;font-size:clamp(24px,2.5vw,34px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.035em!important}
.v3-question-card>p{max-width:580px;margin:0;color:var(--ink-2)!important;font-size:14px!important;line-height:1.55!important}
.question-links{display:flex!important;flex-wrap:wrap;gap:7px!important;margin-top:22px!important}
.question-links a{display:inline-flex!important;align-items:center;min-height:34px!important;padding:7px 10px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:var(--surface)!important;color:var(--ink)!important;font-size:11.5px!important;font-weight:700!important;text-decoration:none!important}
.question-links a:hover{border-color:var(--brand)!important;color:var(--brand)!important}
.v3-area-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.v3-area-card{position:relative;display:flex!important;min-height:230px!important;flex-direction:column;padding:24px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.62)!important;color:var(--ink)!important;text-decoration:none!important;box-shadow:none!important;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.v3-area-card:hover{transform:translateY(-2px)!important;border-color:#b89ea6!important;background:var(--surface)!important}
.v3-area-card>span{color:var(--brand)!important;font-size:10.5px!important}
.v3-area-card h3{margin:36px 0 9px!important;font-family:var(--sans)!important;font-size:25px!important;font-weight:720!important;letter-spacing:-.03em!important;line-height:1.05!important}
.v3-area-card p{margin:0;color:var(--ink-2)!important;font-size:13px!important;line-height:1.5!important}
.v3-area-card strong{margin-top:auto;padding-top:24px;color:var(--brand)!important;font-size:12px!important}
.philosophy{margin-top:30px;background:var(--ink)!important;color:#fff!important}
.philosophy-grid{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:70px!important;padding-top:84px!important;padding-bottom:84px!important}
.philosophy-lead{margin:0!important;color:#fff!important;font-family:var(--sans)!important;font-size:clamp(40px,5vw,68px)!important;font-weight:720!important;line-height:.98!important;letter-spacing:-.05em!important}
.principle-stack{display:grid;gap:0}
.principle-stack>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 15px;padding:20px 0;border-top:1px solid rgba(255,255,255,.16)}
.principle-stack span{grid-row:1/3;color:#c9b9be;font-size:11px;font-weight:800}
.principle-stack h3{margin:0;color:#fff;font-family:var(--sans)!important;font-size:17px!important;font-weight:700!important}
.principle-stack p{margin:5px 0 0;color:#cfc5c8;font-size:13.5px!important;line-height:1.55!important}

/* Page introductions */
.page-top{padding-top:74px!important;padding-bottom:88px!important}
.page-intro{max-width:820px;margin-bottom:42px!important}
.page-intro .page-label{display:block;margin-bottom:12px}
.page-intro h1{margin:0!important;font-family:var(--sans)!important;font-size:clamp(46px,5.9vw,76px)!important;font-weight:750!important;line-height:.98!important;letter-spacing:-.055em!important;text-wrap:balance}
.page-intro>p{max-width:690px;margin:17px 0 0!important;color:var(--ink-2)!important;font-size:17px!important;line-height:1.6!important}

/* Explore / discovery */
.library-tools{padding:0 0 30px!important;border-bottom:1px solid var(--line)}
.course-search{position:relative;display:block!important;max-width:760px;margin-bottom:22px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.course-search input{width:100%;height:58px;padding:0 48px 0 0!important;border:0!important;border-bottom:1px solid var(--line-strong)!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;font-size:21px!important;font-weight:620!important;letter-spacing:-.025em!important;outline:none!important}
.course-search input:focus{border-bottom-color:var(--brand)!important;box-shadow:0 1px 0 var(--brand)}
.course-search input::placeholder{color:#9a9297}
.search-hint{position:absolute;right:4px;top:13px;color:var(--muted);font-size:23px}
.filter-label{margin-bottom:10px!important;color:var(--muted)!important}
.filter-strip{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
.filter-chip{padding:0 12px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;font-size:12px!important;font-weight:650!important;cursor:pointer}
.filter-chip:hover{background:var(--surface)!important;color:var(--ink)!important}
.filter-chip.active{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.library-summary{margin-top:14px!important;color:var(--muted)!important;font-size:12.5px!important}
.explore-list{border-top:0!important}
.v3-course-card.course-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:28px!important;align-items:center!important;padding:28px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.v3-course-card.course-card:hover{background:transparent!important;transform:none!important}
.course-card-main{min-width:0}
.course-card-kicker{display:flex!important;gap:11px!important;flex-wrap:wrap!important;margin-bottom:9px!important;color:var(--muted)!important}
.course-card-kicker span:first-child{color:var(--brand)!important}
.v3-course-card h3{margin:0!important;font-family:var(--sans)!important;font-size:clamp(25px,2.6vw,36px)!important;font-weight:720!important;line-height:1.06!important;letter-spacing:-.04em!important}
.v3-course-card h3 a{text-decoration:none!important}
.v3-course-card h3 a:hover{color:var(--brand)!important}
.v3-course-card .course-card-description{max-width:760px!important;margin:10px 0 0!important;color:var(--ink-2)!important;font-size:13.5px!important;line-height:1.55!important}
.course-card-meta{display:flex!important;align-items:center!important;gap:13px!important;flex-wrap:wrap!important;margin-top:14px!important;color:var(--muted)!important}
.pathway-time{display:flex!important;gap:7px!important;align-items:baseline!important}
.pathway-time strong{font-size:12px!important;font-weight:700!important;color:var(--ink)!important}
.pathway-time span,.section-count{font-size:11.5px!important;color:var(--muted)!important}
.course-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px!important}
.course-tags span{padding:4px 7px!important;border:0!important;border-radius:5px!important;background:var(--surface-2)!important;color:var(--muted)!important;font-size:10.5px!important}
.course-card-actions{display:flex!important;align-items:center!important;gap:8px!important;min-width:170px!important;justify-content:flex-end!important}
.quick-view-btn,.save-button,.text-button{appearance:none;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:12px!important;font-weight:650!important;cursor:pointer;padding:0 7px!important}
.quick-view-btn:hover,.save-button:hover,.text-button:hover,.save-button.saved{color:var(--brand)!important}
.arrow-link{display:inline-flex;align-items:center;min-height:42px;padding:0 11px;border-radius:8px;background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--ink)!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important}
.arrow-link:hover{border-color:var(--brand)!important;color:var(--brand)!important}
.row-progress{display:grid!important;grid-template-columns:auto minmax(120px,240px)!important;gap:12px!important;align-items:center!important;margin-top:13px!important;color:var(--muted);font-size:11.5px}
.progress{height:3px!important;border-radius:999px!important;background:var(--surface-2)!important;overflow:hidden!important}
.progress>span{display:block;height:100%;background:var(--brand)!important;border-radius:inherit}

/* Area hubs */
.v3-area-hero{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(300px,.58fr)!important;gap:70px!important;align-items:end!important;padding-top:86px!important;padding-bottom:70px!important}
.v3-area-hero h1{max-width:820px;margin:10px 0 20px!important;font-family:var(--sans)!important;font-size:clamp(52px,6.7vw,88px)!important;font-weight:750!important;line-height:.93!important;letter-spacing:-.06em!important}
.v3-area-hero>div>p{max-width:700px;margin:0;color:var(--ink-2)!important;font-size:17px!important;line-height:1.6!important}
.v3-area-start{padding:0 0 5px!important;border:0!important;border-top:3px solid var(--brand)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.v3-area-start .page-label{display:block;margin:17px 0 7px}
.v3-area-start h2{margin:0 0 9px!important;font-family:var(--sans)!important;font-size:27px!important;font-weight:720!important;line-height:1.05!important;letter-spacing:-.035em!important}
.v3-area-start>p{margin:0;color:var(--ink-2)!important;font-size:13px!important;line-height:1.55!important}
.area-start-meta{display:grid!important;gap:8px!important;margin-top:17px!important;padding-top:15px!important;border-top:1px solid var(--line)!important;color:var(--muted)!important;font-size:11.5px!important}
.v3-area-questions{padding-top:28px!important;padding-bottom:56px!important}
.v3-quick-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid var(--line)!important}
.v3-quick-links a{display:flex!important;justify-content:space-between!important;gap:15px!important;padding:15px 4px!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important}
.v3-quick-links a:hover{color:var(--brand)!important}
.v3-area-intro{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:64px!important;padding-top:58px!important;padding-bottom:58px!important;border-top:1px solid var(--line)!important}
.v3-area-intro h2{margin:8px 0 0!important;font-family:var(--sans)!important;font-size:clamp(34px,3.9vw,52px)!important;font-weight:730!important;line-height:1!important;letter-spacing:-.045em!important}
.v3-area-intro>p{margin:0;color:var(--ink-2)!important;font-size:15.5px!important;line-height:1.7!important}
.v3-pathway{padding:58px 0!important;border-top:1px solid var(--line)!important}
.v3-pathway-head{display:grid!important;grid-template-columns:1fr .9fr!important;gap:58px!important;margin-bottom:28px!important}
.v3-pathway-head span{display:block;color:var(--brand)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.v3-pathway-head h2{margin:7px 0 0!important;font-family:var(--sans)!important;font-size:clamp(32px,3.8vw,50px)!important;font-weight:730!important;line-height:1!important;letter-spacing:-.045em!important}
.v3-pathway-head>p{margin:0;color:var(--ink-2)!important;font-size:14px!important;line-height:1.62!important}
.v3-pathway-feature .course-card.featured{padding:28px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;box-shadow:none!important}
.compact-course-list{border-top:1px solid var(--line)}
.compact-course-list .course-card{padding:20px 0!important}
.compact-course-list .course-card h3{font-size:22px!important}
.pathway-more{margin-top:0!important;border-bottom:1px solid var(--line)!important}
.pathway-more summary{display:flex;align-items:center;min-height:50px;color:var(--brand)!important;font-size:12px!important;font-weight:700!important;cursor:pointer;list-style:none}
.pathway-more summary::-webkit-details-marker{display:none}
.pathway-more summary::after{content:"+";margin-left:auto;font-size:18px;font-weight:400}
.pathway-more[open] summary::after{content:"−"}

/* Empty states and personal learning */
.empty-state{max-width:760px!important;margin:50px auto 0!important;padding:68px 34px!important;border:1px dashed var(--line-strong)!important;border-radius:14px!important;background:rgba(255,255,255,.45)!important;text-align:center!important}
.empty-mark{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin:0 auto 18px!important;border-radius:50%!important;background:var(--brand-baby)!important;color:var(--brand)!important;font-size:22px!important}
.empty-state h1,.empty-state h2{margin:0!important;font-family:var(--sans)!important;font-size:clamp(30px,4vw,46px)!important;font-weight:730!important;letter-spacing:-.04em!important}
.empty-state p{max-width:520px;margin:12px auto 22px!important;color:var(--muted)!important;line-height:1.6!important}
.learning-focus{margin-top:54px}
.learning-focus .course-card.featured{padding:32px!important;border:0!important;border-left:4px solid var(--brand)!important;border-radius:10px!important;background:var(--surface)!important;box-shadow:var(--shadow)!important}
.learning-group{margin-top:62px!important;padding-top:28px!important;border-top:1px solid var(--line)!important}
.section-heading{margin-bottom:20px!important}
.section-heading p{margin:6px 0 0!important;color:var(--muted)!important;font-size:13px!important}
.practice-workspace{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.practice-note-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.practice-note{display:flex!important;min-height:185px!important;flex-direction:column!important;padding:20px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface)!important;color:var(--ink)!important;text-decoration:none!important}
.practice-note>span{color:var(--brand)!important;font-size:13px!important;font-weight:700!important}
.practice-note p{color:var(--ink-2)!important;font-size:13px!important;line-height:1.55!important}
.practice-note strong{margin-top:auto;color:var(--brand)!important;font-size:11.5px!important}

/* Course overview */
.course-opening{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.52fr)!important;gap:clamp(54px,7vw,92px)!important;align-items:start!important;padding-top:86px!important;padding-bottom:76px!important}
.course-opening-main{min-width:0}
.course-kicker{display:block;margin-bottom:16px;color:var(--brand)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.course-opening-main h1{max-width:860px;margin:0 0 20px!important;font-family:var(--serif)!important;font-size:clamp(50px,6.3vw,84px)!important;font-weight:500!important;line-height:.94!important;letter-spacing:-.055em!important;text-wrap:balance}
.course-opening-main>p{max-width:720px;margin:0;color:var(--ink-2)!important;font-size:18px!important;line-height:1.6!important}
.course-opening-meta{display:flex!important;align-items:flex-end!important;gap:18px!important;flex-wrap:wrap!important;margin:24px 0!important;color:var(--muted)!important}
.landing-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:25px!important}
.landing-progress{max-width:520px;margin-top:22px!important;color:var(--muted);font-size:11.5px}
.course-decision-panel{position:sticky;top:104px;padding:28px!important;border:0!important;border-radius:12px!important;background:var(--ink)!important;color:#fff!important;box-shadow:var(--shadow-strong)!important}
.course-decision-panel>span{display:block;margin-bottom:10px;color:#e0bcc5!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.course-decision-panel>p{margin:0!important;color:#fff!important;font-family:var(--sans)!important;font-size:clamp(23px,2.4vw,31px)!important;font-weight:690!important;line-height:1.2!important;letter-spacing:-.03em!important}
.course-decision-panel>small{display:block;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);color:#cec4c7!important;font-size:12px!important;line-height:1.55!important}
.learn-confidence{max-width:580px;margin:24px 0 0!important;padding:16px 0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}
.learn-confidence p{margin:6px 0 10px!important;color:var(--ink-2)!important;font-size:13px!important}
.confidence-options{display:flex;gap:6px;flex-wrap:wrap}
.confidence-options button{padding:0 11px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:650!important;cursor:pointer}
.confidence-options button.selected{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:inset 0 0 0 1px currentColor}
.course-purpose{padding-top:64px!important;padding-bottom:64px!important;border-top:1px solid var(--line)!important}
.course-purpose h2{max-width:980px;margin:10px 0 0!important;font-family:var(--sans)!important;font-size:clamp(34px,4.2vw,56px)!important;font-weight:720!important;line-height:1.05!important;letter-spacing:-.045em!important}
.principles-line{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:34px!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.principles-line span{position:relative;padding:18px 18px 18px 28px!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--ink-2)!important;font-size:12px!important;line-height:1.5!important}
.principles-line span:first-child{border-left:0!important}
.principles-line span::before{content:"";position:absolute;left:12px;top:25px;width:5px;height:5px;border-radius:50%;background:var(--brand)}
.journey-section{padding-top:68px!important;padding-bottom:68px!important}
.journey-list{border-top:1px solid var(--line)!important}
.journey-row{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:16px!important;align-items:start!important;padding:18px 0!important;border-bottom:1px solid var(--line)!important}
.journey-row>span{color:var(--brand)!important;font-size:11px!important;font-weight:800!important}
.journey-row strong{font-family:var(--sans)!important;font-size:15px!important;font-weight:700!important}
.journey-row p{margin:4px 0 0!important;color:var(--muted)!important;font-size:12.5px!important;line-height:1.5!important}
.journey-row small{color:var(--muted)!important;font-size:11px!important;white-space:nowrap}
.application-preview{padding-top:64px!important;padding-bottom:64px!important;border-top:1px solid var(--line)!important}
.application-preview-heading h2{font-family:var(--sans)!important;font-size:clamp(34px,4vw,52px)!important;font-weight:730!important;letter-spacing:-.045em!important}
.application-preview-grid{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:28px!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.application-preview-grid>div{padding:22px 24px 22px 0!important;border:0!important;background:transparent!important}
.application-preview-grid>div+div{padding-left:24px!important;border-left:1px solid var(--line)!important}
.application-preview-grid span{color:var(--brand)!important;font-size:10.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.application-preview-grid strong{display:block;margin-top:7px;font-size:24px!important}
.application-preview-grid p{color:var(--ink-2)!important;font-size:13px!important;line-height:1.55!important}
.course-sources{padding-top:38px!important;padding-bottom:70px!important;border-top:1px solid var(--line)!important}
.course-sources>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.course-sources a{color:var(--brand)!important;font-size:12px!important;font-weight:700!important}

/* Focused learning */
.focus-mode{background:#fbfafa!important}
.focus-mode .site-header{position:sticky!important;padding:0!important;background:rgba(251,250,250,.92)!important}
.focus-mode .header-inner{width:min(1000px,calc(100% - 40px))!important;min-height:60px!important;background:transparent!important}
.focus-course-title{max-width:420px;color:var(--muted)!important;font-size:12px!important;font-weight:650!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.focus-exit{margin-left:auto;color:var(--muted)!important;font-size:11.5px!important;font-weight:650!important;text-decoration:none!important}
.focus-exit:hover{color:var(--brand)!important}
.lesson-top{position:sticky!important;top:60px!important;z-index:70!important;display:flex!important;justify-content:center!important;gap:8px!important;padding:8px 20px!important;border-bottom:1px solid var(--line)!important;background:rgba(251,250,250,.94)!important;backdrop-filter:blur(12px)!important;color:var(--muted)!important;font-size:11px!important}
.lesson-top strong{color:var(--ink)!important;font-size:11px!important}
.lesson-layout{display:grid!important;grid-template-columns:238px minmax(0,var(--reading))!important;justify-content:center!important;gap:clamp(44px,6vw,80px)!important;width:min(1140px,calc(100% - 48px))!important;margin:0 auto!important;padding:48px 0 100px!important}
.course-sidebar{position:sticky!important;top:112px!important;align-self:start!important;max-height:calc(100vh - 140px)!important;overflow:auto!important;padding:0!important;border:0!important;background:transparent!important}
.sidebar-head{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:9px!important;color:var(--muted)!important;font-size:10.5px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.section-list{display:grid!important;gap:2px!important;margin-top:15px!important}
.section-row{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;width:100%!important;min-height:42px!important;padding:8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;text-align:left!important;font-size:11.5px!important;line-height:1.35!important;cursor:pointer!important}
.section-row:hover{background:var(--surface-2)!important;color:var(--ink)!important}
.section-row.current{background:var(--brand-baby)!important;color:var(--ink)!important}
.section-row>span:first-child{color:var(--brand)!important;font-size:10.5px!important;font-weight:800!important}
.sidebar-exit{display:inline-block;margin-top:17px;color:var(--muted)!important;font-size:11px!important;text-decoration:none!important}
.sidebar-exit:hover{color:var(--brand)!important}
.contents-toggle{display:none}
.lesson-article{min-width:0;max-width:var(--reading)!important}
.lesson-heading{margin-bottom:35px!important;padding-bottom:30px!important;border-bottom:1px solid var(--line)!important}
.lesson-heading h1{margin:9px 0 12px!important;font-family:var(--sans)!important;font-size:clamp(38px,5vw,58px)!important;font-weight:740!important;line-height:.98!important;letter-spacing:-.05em!important;text-wrap:balance}
.lesson-heading>p{margin:0;color:var(--ink-2)!important;font-size:17px!important;line-height:1.6!important}
.prose{font-size:18px!important;line-height:1.78!important;letter-spacing:-.008em!important;color:#332f31!important}
.prose p{margin:0 0 1.35em!important}
.prose ul,.prose ol{margin:1.1em 0 1.55em!important;padding-left:1.3em!important}
.prose li{margin:.45em 0!important}
.learning-visual{margin:34px 0!important;padding:22px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface)!important}
.learning-visual figcaption{margin-top:12px;color:var(--muted)!important;font-size:11.5px!important;line-height:1.5!important}
.learning-note{margin:34px 0!important;padding:21px 22px!important;border:0!important;border-left:3px solid var(--brand)!important;border-radius:0 9px 9px 0!important;background:var(--brand-baby)!important}
.learning-note>span{display:block;margin-bottom:6px;color:var(--brand)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.learning-note strong{font-size:17px!important}
.learning-note p{margin:5px 0 0!important;color:var(--ink-2)!important;font-size:14px!important;line-height:1.6!important}
.learning-note.example{border-left-color:var(--charcoal)!important;background:var(--surface-2)!important}
.reflection{margin:40px 0!important;padding:26px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface)!important}
.reflection>span{color:var(--brand)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.reflection h2{margin:8px 0 14px!important;font-family:var(--sans)!important;font-size:23px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.025em!important}
.reflection textarea,.application-field textarea,.v4-transfer-grid textarea,.v4-return-reflection textarea{width:100%!important;min-height:112px!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fbfafa!important;color:var(--ink)!important;font-size:15px!important;line-height:1.55!important;resize:vertical!important}
.reflection textarea:focus,.application-field textarea:focus{border-color:var(--brand)!important;outline:3px solid color-mix(in srgb,var(--brand) 12%,transparent)!important}
.reflection small{display:block;margin-top:7px;color:var(--muted)!important;font-size:10.5px!important}
.takeaway{margin:40px 0!important;padding:24px 0!important;border:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;background:transparent!important}
.takeaway>span{color:var(--brand)!important;font-size:10.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.takeaway p{margin:8px 0 0!important;font-family:var(--sans)!important;font-size:22px!important;font-weight:660!important;line-height:1.35!important;letter-spacing:-.025em!important}
.lesson-nav{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-top:48px!important;padding-top:24px!important;border-top:1px solid var(--line)!important}
.mobile-lesson-bar{display:none}

/* Checks / quiz */
.quiz-page .lesson-heading{margin-bottom:25px!important}
.quiz-progress{display:grid!important;grid-template-columns:auto 1fr!important;gap:14px!important;align-items:center!important;margin-bottom:20px!important;color:var(--muted)!important;font-size:11.5px!important}
.question-card{margin:0!important;padding:32px 0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.question-top{display:flex!important;justify-content:space-between!important;color:var(--muted)!important}
.scenario-line{margin:16px 0!important;padding:15px 17px!important;border-radius:8px!important;background:var(--surface-2)!important}
.scenario-line>span{color:var(--brand)!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.scenario-line p{margin:5px 0 0!important;font-size:13.5px!important;line-height:1.55!important}
.question-card h2{margin:15px 0 18px!important;font-family:var(--sans)!important;font-size:clamp(22px,2.8vw,30px)!important;font-weight:700!important;line-height:1.22!important;letter-spacing:-.028em!important}
.options{display:grid!important;gap:7px!important}
.option{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;width:100%!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--surface)!important;color:var(--ink)!important;text-align:left!important;cursor:pointer!important;transition:border-color .14s ease,background .14s ease!important}
.option>span:first-child{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:50%!important;background:var(--surface-2)!important;color:var(--muted)!important;font-size:10.5px!important;font-weight:800!important}
.option:hover{border-color:#bbaeb2!important}
.option.correct{border-color:#9bc6af!important;background:var(--success-soft)!important}
.option.incorrect{border-color:#d8a8b1!important;background:var(--error-soft)!important}
.feedback{margin-top:10px!important;padding:15px 17px!important;border-radius:8px!important;font-size:13px!important}
.feedback.correct{background:var(--success-soft)!important;color:#24533e!important}
.feedback.incorrect{background:var(--error-soft)!important;color:#7c2c39!important}
.feedback strong{font-size:12.5px!important}
.feedback p{margin:4px 0 0!important;line-height:1.55!important}
.section-complete{margin-top:34px!important;padding:26px!important;border:0!important;border-radius:10px!important;background:var(--ink)!important;color:#fff!important}
.section-complete>span{color:#dec3ca!important;font-size:10.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.section-complete h2{margin:8px 0!important;font-family:var(--sans)!important;font-size:28px!important;font-weight:700!important}
.section-complete p{color:#d5cbce!important}

/* Practice, completion and About */
.v3-practice-page{max-width:980px!important}
.v3-application-canvas,.apply-it-card{margin-top:34px!important;padding:30px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;box-shadow:none!important}
.apply-it-top{display:grid!important;grid-template-columns:1fr minmax(180px,.42fr)!important;gap:28px!important;padding-bottom:22px!important;border-bottom:1px solid var(--line)!important}
.apply-it-top h2{margin:7px 0 0!important;font-family:var(--sans)!important;font-size:clamp(30px,3.8vw,46px)!important;font-weight:730!important;line-height:1.04!important;letter-spacing:-.04em!important}
.apply-time{padding-left:20px!important;border-left:1px solid var(--line)!important}
.apply-time span{display:block;color:var(--brand)!important;font-size:10.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.apply-time strong{display:block;margin-top:7px;font-size:14px!important;line-height:1.45!important}
.apply-prompt{max-width:760px;margin:22px 0!important;color:var(--ink-2)!important;font-size:15px!important;line-height:1.65!important}
.application-fields{display:grid!important;gap:0!important;margin:24px 0!important;border-top:1px solid var(--line)!important}
.application-field{display:grid!important;gap:8px!important;padding:18px 0!important;border-bottom:1px solid var(--line)!important}
.application-field>span{font-family:var(--sans)!important;font-size:13px!important;font-weight:700!important;line-height:1.45!important}
.application-field>p{margin:0!important;color:var(--ink-2)!important;font-size:13px!important;line-height:1.5!important}
.application-field.summary textarea{background:var(--brand-baby)!important}
.application-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.complete-page{max-width:920px!important;padding-top:90px!important;padding-bottom:90px!important}
.complete-mark{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;margin-bottom:20px!important;border-radius:50%!important;background:var(--success-soft)!important;color:var(--success)!important;font-size:24px!important}
.complete-page h1{max-width:820px;margin:10px 0 16px!important;font-family:var(--sans)!important;font-size:clamp(44px,5.8vw,72px)!important;font-weight:740!important;line-height:.98!important;letter-spacing:-.052em!important}
.complete-page>p{max-width:700px;color:var(--ink-2)!important;font-size:17px!important;line-height:1.6!important}
.complete-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.about-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:60px 0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.about-grid section{padding:26px 22px!important;border-right:1px solid var(--line)!important}
.about-grid section:last-child{border-right:0!important}
.about-grid section>span{color:var(--brand)!important;font-size:10.5px!important;font-weight:800!important}
.about-grid h2{margin:28px 0 7px!important;font-family:var(--sans)!important;font-size:24px!important;font-weight:720!important;letter-spacing:-.03em!important}
.about-grid p{color:var(--ink-2)!important;font-size:13px!important;line-height:1.55!important}
.about-principles{display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important;padding:64px 0!important;border-top:1px solid var(--line)!important}
.about-principles h2{font-family:var(--sans)!important;font-size:clamp(34px,4vw,52px)!important;font-weight:730!important;line-height:1.02!important;letter-spacing:-.045em!important}
.about-principles p{color:var(--ink-2)!important;line-height:1.7!important}

/* V4 rich-learning components: one coherent visual grammar */
.v4-context,.v4-problem,.v4-diagram,.v4-examples,.v4-interaction,.v4-branch,.v4-connections,.v4-deep-dive{margin-top:38px!important;margin-bottom:38px!important}
.v4-context{padding:25px 0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.v4-context h2,.v4-diagram h2,.v4-interaction h2,.v4-branch h2,.v4-connections h2{font-family:var(--sans)!important;font-weight:710!important;letter-spacing:-.035em!important}
.v4-context-options button,.v4-return-status button{min-height:44px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:var(--surface)!important;color:var(--ink-2)!important;font-size:11.5px!important;font-weight:650!important}
.v4-context-options button.selected,.v4-return-status button.selected,.v4-choice.selected,.v4-choice-row.selected{background:var(--brand-baby)!important;border-color:var(--brand)!important;color:var(--brand)!important;box-shadow:inset 0 0 0 1px currentColor!important}
.v4-context-scenario{border-left:3px solid var(--brand)!important;background:var(--brand-baby)!important}
.v4-problem{padding:34px!important;border:0!important;border-radius:12px!important;background:var(--ink)!important;color:#fff!important;box-shadow:none!important}
.v4-problem h2{font-family:var(--sans)!important;font-weight:700!important;letter-spacing:-.04em!important}
.v4-decision-options button{min-height:48px!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important}
.v4-decision-options button:hover,.v4-decision-options button.selected{background:#fff!important;color:var(--ink)!important}
.v4-diagram{padding:28px 0!important}
.v4-diagram-node,.v4-example-card,.v4-interaction,.v4-branch,.v4-connection-grid a,.v4-transfer-grid>div,.v4-return-plan,.v4-reconsider,.v4-project-grid article,.v4-return-list article{border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important;box-shadow:none!important}
.v4-example-grid,.v4-compare-grid,.v4-transfer-grid,.v4-project-grid{gap:9px!important}
.v4-choice,.v4-choice-row{min-height:44px!important;border-radius:8px!important;background:#fbfafa!important}
.v4-rank-list li,.v4-classify-list label{border-radius:8px!important;background:#fbfafa!important}
.v4-rank-list button{width:44px!important;height:44px!important}
.v4-classify-list select,.v4-project-controls select,.v4-new-project input{min-height:44px!important;border-radius:7px!important;background:var(--surface)!important}
.v4-interaction-feedback.correct{background:var(--success-soft)!important}
.v4-interaction-feedback:not(.correct){background:var(--error-soft)!important}
.v4-deep-dive summary,.v4-show-me summary{font-weight:700!important}
.v4-trust{font-size:11.5px!important}
.v4-context-options button:focus-visible,.v4-return-status button:focus-visible,.v4-choice:focus-visible,.v4-choice-row:focus-visible,.v4-rank-list button:focus-visible,.v4-classify-list select:focus-visible,.v4-project-controls select:focus-visible,.v4-new-project input:focus-visible,.v4-diagnostic-body article button:focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 42%,transparent)!important;outline-offset:3px!important}
.v4-diagnostic-result,.v4-interaction-feedback{border-radius:8px!important}

/* Dialogs */
.v3-dialog{width:min(720px,calc(100% - 28px))!important;max-height:min(760px,86vh)!important;padding:0!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--shadow-strong)!important}
.v3-dialog::backdrop{background:rgba(24,18,20,.42)!important;backdrop-filter:blur(4px)!important}
.dialog-shell{padding:24px!important}
.dialog-head{display:flex!important;justify-content:space-between!important;gap:20px!important;align-items:start!important}
.dialog-head h2{margin:6px 0 0!important;font-family:var(--sans)!important;font-size:32px!important;font-weight:730!important;letter-spacing:-.04em!important}
.dialog-close{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid var(--line)!important;border-radius:50%!important;background:transparent!important;color:var(--muted)!important;cursor:pointer!important}
.command-search{display:flex!important;align-items:center!important;gap:10px!important;margin-top:20px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:#fbfafa!important}
.command-search input{flex:1!important;min-width:0!important;height:52px!important;border:0!important;background:transparent!important;color:var(--ink)!important;outline:0!important;font-size:16px!important}
.command-search kbd{color:var(--muted)!important;font-size:10px!important}
.command-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;padding:13px 2px!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important;text-decoration:none!important}
.command-item strong{font-size:13px!important}
.command-item small{color:var(--muted)!important;font-size:11px!important}
.drawer-outcome{margin:20px 0!important;padding:18px!important;border-radius:9px!important;background:var(--brand-baby)!important}
.drawer-meta{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0!important}
.drawer-meta span{padding:5px 7px;border-radius:5px;background:var(--surface-2);color:var(--muted);font-size:10.5px}

/* Footer */
.footer{margin-top:80px!important;padding:54px 0 90px!important;border-top:1px solid var(--line)!important;background:transparent!important}
.v3-footer-grid{display:grid!important;grid-template-columns:.8fr 1.2fr .7fr!important;gap:52px!important}
.footer-brand{font-size:15px!important;font-weight:800!important;letter-spacing:.055em!important}
.footer p{color:var(--muted)!important;font-size:11.5px!important;line-height:1.6!important}
.footer-area-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 18px!important;margin-top:10px!important}
.footer a{color:var(--muted)!important;font-size:11.5px!important;text-decoration:none!important}
.footer a:hover{color:var(--brand)!important}
.learn-mobile-nav{display:none}

/* Responsive */
@media(max-width:1040px){
  .v3-hero{grid-template-columns:1fr!important;gap:42px!important}
  .learn-model-card{max-width:760px}
  .v3-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v3-area-hero{grid-template-columns:1fr!important;gap:38px!important}
  .v3-area-start{max-width:700px}
  .course-opening{grid-template-columns:1fr!important;gap:40px!important}
  .course-decision-panel{position:relative!important;top:auto!important;max-width:720px}
  .principles-line{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .principles-line span:nth-child(3){border-left:0!important;border-top:1px solid var(--line)!important}
  .principles-line span:nth-child(4){border-top:1px solid var(--line)!important}
  .lesson-layout{grid-template-columns:210px minmax(0,var(--reading))!important;gap:38px!important}
  .about-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .about-grid section:nth-child(2){border-right:0!important}
  .about-grid section:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
}

@media(max-width:820px){
  .container{width:min(100% - 32px,var(--max))}
  .header-inner{width:calc(100% - 32px)!important;min-height:62px!important}
  .brand-word small{display:none!important}
  .nav{display:none!important}
  .learn-search-trigger{margin-left:auto!important;min-width:44px!important;justify-content:center!important;padding:0!important}
  .learn-search-trigger kbd{display:none!important}
  .v3-hero{padding-top:64px!important;padding-bottom:72px!important}
  .v3-hero-copy h1{font-size:clamp(48px,13.5vw,72px)!important}
  .v3-question-grid{grid-template-columns:1fr!important}
  .v3-area-grid{grid-template-columns:1fr!important}
  .v3-area-card{min-height:180px!important}
  .philosophy-grid{grid-template-columns:1fr!important;gap:42px!important;padding-top:62px!important;padding-bottom:62px!important}
  .page-top{padding-top:58px!important;padding-bottom:110px!important}
  .page-intro h1{font-size:clamp(42px,11vw,62px)!important}
  .v3-course-card.course-card{grid-template-columns:1fr!important;gap:18px!important}
  .course-card-actions{justify-content:flex-start!important;min-width:0!important}
  .v3-area-hero h1{font-size:clamp(46px,12vw,70px)!important}
  .v3-quick-links{grid-template-columns:1fr!important}
  .v3-area-intro,.v3-pathway-head{grid-template-columns:1fr!important;gap:24px!important}
  .practice-note-grid{grid-template-columns:1fr!important}
  .course-opening-main h1{font-size:clamp(44px,11.8vw,66px)!important}
  .lesson-layout{display:block!important;width:min(100% - 32px,var(--reading))!important;padding-top:30px!important;padding-bottom:120px!important}
  .course-sidebar{display:none!important;position:relative!important;top:auto!important;max-height:none!important;margin-bottom:26px!important;padding:16px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important}
  .course-sidebar.mobile-open{display:block!important}
  .contents-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:46px!important;margin-bottom:18px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--ink)!important;font-size:12px!important;font-weight:700!important}
  .lesson-heading h1{font-size:clamp(36px,10vw,50px)!important}
  .prose{font-size:17px!important;line-height:1.75!important}
  .lesson-nav{display:none!important}
  .mobile-lesson-bar{position:fixed!important;z-index:150!important;left:12px!important;right:12px!important;bottom:12px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;min-height:54px!important;padding:6px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 16px 46px rgba(35,24,28,.14)!important;backdrop-filter:blur(16px)!important}
  .mobile-lesson-bar a{display:grid!important;place-items:center!important;min-width:44px!important;min-height:42px!important;padding:0 8px!important;border-radius:8px!important;color:var(--brand)!important;font-size:11.5px!important;font-weight:700!important;text-decoration:none!important}
  .mobile-lesson-bar>span{text-align:center;color:var(--muted)!important;font-size:11.5px!important}
  .focus-course-title{display:none!important}
  .apply-it-top,.application-preview-grid,.about-principles{grid-template-columns:1fr!important}
  .apply-time{padding:18px 0 0!important;border-left:0!important;border-top:1px solid var(--line)!important}
  .application-preview-grid>div+div{padding-left:0!important;border-left:0!important;border-top:1px solid var(--line)!important}
  .about-grid{grid-template-columns:1fr!important}
  .about-grid section{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .about-grid section:last-child{border-bottom:0!important}
  .v3-footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer-area-links{grid-template-columns:1fr 1fr!important}
  .footer{padding-bottom:102px!important}
  .learn-mobile-nav{position:fixed!important;z-index:140!important;left:12px!important;right:12px!important;bottom:12px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;min-height:58px!important;padding:5px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 16px 46px rgba(35,24,28,.14)!important;backdrop-filter:blur(16px)!important}
  .learn-mobile-nav a{display:grid!important;place-items:center!important;align-content:center!important;gap:1px!important;min-height:48px!important;border-radius:9px!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:650!important;line-height:1.2!important;text-decoration:none!important}
  .learn-mobile-nav a span{font-size:16px!important}
  .learn-mobile-nav a.active{background:var(--brand-baby)!important;color:var(--brand)!important}
  input,textarea,select{font-size:16px!important}
  .v4-context,.v4-example-grid,.v4-compare-grid,.v4-transfer-grid,.v4-project-grid{grid-template-columns:1fr!important}
  .v4-problem,.v4-interaction,.v4-branch,.v4-diagnostic,.v4-practice-transfer{max-width:100%!important;min-width:0!important}
}

@media(max-width:560px){
  .container{width:calc(100% - 26px)}
  .header-inner{width:calc(100% - 26px)!important}
  .v3-hero{padding-top:50px!important;padding-bottom:60px!important}
  .v3-hero-copy h1{font-size:clamp(44px,14.6vw,62px)!important}
  .hero-actions{align-items:stretch!important}
  .hero-actions .btn{flex:1 1 160px!important}
  .learn-model-card{padding:26px 22px 24px!important}
  .learn-model-copy h2{font-size:29px!important}
  .learn-model-step{grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important}
  .learn-model-step-copy{display:block!important}
  .learn-model-step strong{font-size:16px!important}
  .learn-model-step small{display:block;margin-top:2px;font-size:13px!important}
  .v3-home-section{padding-top:54px!important;padding-bottom:54px!important}
  .v3-question-card{padding:24px 20px!important}
  .v3-area-card{padding:20px!important}
  .page-top{padding-top:48px!important}
  .course-search input{font-size:18px!important}
  .filter-strip{flex-wrap:nowrap!important;overflow-x:auto!important;padding:2px 1px 7px!important;scrollbar-width:none}
  .filter-strip::-webkit-scrollbar{display:none}
  .filter-chip{flex:0 0 auto!important}
  .v3-course-card h3{font-size:26px!important}
  .course-card-actions{flex-wrap:wrap!important}
  .row-progress{grid-template-columns:1fr!important}
  .principles-line{grid-template-columns:1fr!important}
  .principles-line span{border-left:0!important;border-top:1px solid var(--line)!important}
  .principles-line span:first-child{border-top:0!important}
  .journey-row{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important}
  .journey-row>small{grid-column:2!important;white-space:normal!important}
  .course-decision-panel{padding:23px!important}
  .lesson-layout{width:calc(100% - 26px)!important}
  .lesson-top{justify-content:flex-start!important;overflow:hidden!important;white-space:nowrap!important}
  .lesson-top strong{overflow:hidden!important;text-overflow:ellipsis!important}
  .question-card{padding:27px 0!important}
  .option{grid-template-columns:28px minmax(0,1fr)!important;padding:11px!important}
  .v3-application-canvas,.apply-it-card{padding:22px!important}
  .dialog-shell{padding:19px!important}
  .dialog-head h2{font-size:28px!important}
  .command-item{grid-template-columns:1fr!important;gap:3px!important}
  .footer-area-links{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .btn.primary:hover,.v3-area-card:hover{transform:none!important}
}

@media print{
  .site-header,.learn-mobile-nav,.mobile-lesson-bar,.footer,.landing-actions,.application-actions{display:none!important}
  body{background:#fff!important}
  .container,.lesson-layout{width:100%!important;max-width:none!important}
  .v3-application-canvas{border:0!important;padding:0!important}
}

/* MIELA canonical typography system — Montserrat + Lora
   One restrained sans family for product/UI and one editorial serif used only
   for major statements and selected headings. This layer comes after the
   historical runtime styles so the active type system is unambiguous. */

@font-face{
  font-family:"Montserrat Variable";
  src:url("../assets/fonts/Montserrat-Variable.woff2") format("woff2-variations");
  font-style:normal;
  font-weight:100 900;
  font-display:optional;
}
@font-face{
  font-family:"Lora Variable";
  src:url("../assets/fonts/Lora-Variable.woff2") format("woff2-variations");
  font-style:normal;
  font-weight:400 700;
  font-display:optional;
}

:root{
  --font-sans:"Montserrat Variable",Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-serif:"Lora Variable",Lora,Georgia,"Times New Roman",serif;
  --sans:var(--font-sans)!important;
  --serif:var(--font-serif)!important;

  --type-reading:18px;
  --type-reading-mobile:17px;
  --type-body:16px;
  --type-support:15.5px;
  --type-card:14.5px;
  --type-ui:13.5px;
  --type-meta:12.5px;
  --type-label:11.5px;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  --leading-reading:1.76;
  --leading-reading-mobile:1.74;
  --leading-body:1.62;
  --tracking-display:-.035em;
  --tracking-heading:-.025em;
  --tracking-label:.12em;
  --reading:720px;
}

html{font-family:var(--font-sans);font-synthesis:none}
body,button,input,textarea,select{font-family:var(--font-sans)!important}
body{font-size:var(--type-body);line-height:1.58;letter-spacing:-.004em}
h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)!important;font-synthesis:none}
p,li{text-wrap:pretty}

/* Orientation labels and small UI stay in the modern sans. */
html .page-label,
html .hero-eyebrow,
html .course-card-kicker,
html .course-kicker,
html .filter-label,
html .footer-label,
html .step-label,
html .question-top,
html .drawer-outcome>span,
html .learn-confidence>span,
html .v4-label,
html .editorial-heading>span,
html .section-heading>span{
  font-family:var(--font-sans)!important;
  font-size:var(--type-label)!important;
  font-weight:var(--weight-semibold)!important;
  letter-spacing:var(--tracking-label)!important;
  line-height:1.35!important;
  text-transform:uppercase;
}

html .brand-word{font-family:var(--font-sans)!important;font-size:15px!important;font-weight:var(--weight-bold)!important;letter-spacing:.12em!important}
html .brand-word small{font-family:var(--font-sans)!important;font-size:9px!important;font-weight:var(--weight-semibold)!important;letter-spacing:.24em!important;line-height:1.2!important}
html .nav a{font-family:var(--font-sans)!important;font-size:var(--type-ui)!important;font-weight:var(--weight-semibold)!important;letter-spacing:0!important}
html .btn,
html .save-button,
html .filter-chip,
html .quick-view-btn,
html .dialog-close,
html .confidence-options button,
html .text-button,
html .option,
html .question-links a{
  font-family:var(--font-sans)!important;
  font-size:var(--type-ui)!important;
  font-weight:var(--weight-semibold)!important;
  letter-spacing:0!important;
}
html .learn-search-trigger kbd{font-size:11.5px!important}
html .next-meta,
html .course-card-meta,
html .drawer-meta span,
html .journey-row small,
html .course-sources a,
html .footer p,
html .footer a,
html .library-summary{font-family:var(--font-sans)!important;font-size:var(--type-meta)!important;line-height:1.55!important}
html .journey-row p{font-size:var(--type-card)!important;line-height:1.58!important}
html .learn-cycle li{font-family:var(--font-sans)!important;font-size:12px!important;font-weight:var(--weight-medium)!important}

/* Editorial serif: deliberately rare. */
html .v3-hero-copy h1,
html .about-v6-hero h1,
html .course-opening-main h1,
html .lesson-heading h1,
html .miela-proposition h2,
html .miela-pillars-intro h2{
  font-family:var(--font-serif)!important;
  font-weight:500!important;
  letter-spacing:var(--tracking-display)!important;
  text-wrap:balance;
}
html .v3-hero-copy h1{line-height:.99!important}
html .about-v6-hero h1{line-height:1!important}
html .course-opening-main h1,
html .course-opening-main h1.title-medium{line-height:1!important;letter-spacing:-.03em!important}
html .course-opening-main h1.title-long{line-height:1.02!important;letter-spacing:-.025em!important}
html .lesson-heading h1{line-height:1.04!important;letter-spacing:-.025em!important}

/* Large section headings can carry the serif where it creates an editorial
   moment; operational/scanning headings remain sans. */
html .editorial-heading h2,
html .section-heading h2,
html .home-start-quiet .editorial-heading h2,
html .about-v6 h2{
  font-family:var(--font-serif)!important;
  font-weight:500!important;
  line-height:1.06!important;
  letter-spacing:var(--tracking-heading)!important;
  text-wrap:balance;
}
html .v3-hero-next h2,
html .learn-model-copy h2,
html .v3-question-card h3,
html .v3-area-card h3,
html .v3-course-card h3,
html .question-card h2,
html .question-card h3,
html .about-v6 h3{
  font-family:var(--font-sans)!important;
  font-weight:var(--weight-semibold)!important;
  letter-spacing:-.018em!important;
}

/* Supporting copy. */
html .v3-hero-copy>p,
html .about-v6-lede,
html .editorial-heading p,
html .section-heading p,
html .v3-hero-next p,
html .course-opening-main>p,
html .page-intro p,
html .lesson-heading>p{font-family:var(--font-sans)!important;line-height:var(--leading-body)!important}
html .editorial-heading p,
html .section-heading p{font-size:var(--type-support)!important}
html .v3-question-card>p,
html .v3-area-card p,
html .v3-course-card.standard .course-card-description{font-size:var(--type-card)!important;line-height:1.62!important}

/* Long-form reading remains sans for maximum sustained-screen readability. */
html .lesson-article{max-width:var(--reading)!important}
html .lesson-article .prose,
html .focus-mode .prose{
  font-family:var(--font-sans)!important;
  font-size:var(--type-reading)!important;
  font-weight:var(--weight-regular)!important;
  line-height:var(--leading-reading)!important;
  letter-spacing:-.004em!important;
}
html .lesson-article .prose p{margin-bottom:1.35em!important}
html .lesson-article .prose strong{font-weight:var(--weight-semibold)!important}
html .lesson-article .prose a{font-weight:var(--weight-medium);text-underline-offset:.18em;text-decoration-thickness:.08em}

html .question-card,
html .reflection,
html .apply-it-card,
html .v3-practice-page{font-family:var(--font-sans)!important}
html .question-card p,
html .reflection p,
html .apply-it-card p{line-height:1.62}
html .feedback{font-size:15px!important;line-height:1.62!important}

@media(max-width:820px){
  html .v3-hero-copy h1,
  html .about-v6-hero h1{line-height:1.01!important;letter-spacing:-.03em!important}
  html .course-opening-main h1,
  html .course-opening-main h1.title-medium,
  html .course-opening-main h1.title-long,
  html .lesson-heading h1{line-height:1.04!important;letter-spacing:-.022em!important}
  html .lesson-article .prose,
  html .focus-mode .prose{font-size:var(--type-reading-mobile)!important;line-height:var(--leading-reading-mobile)!important;letter-spacing:-.002em!important}
  html .learn-mobile-nav a,
  html .mobile-lesson-bar a{font-family:var(--font-sans)!important;font-size:12.5px!important;font-weight:var(--weight-semibold)!important}
}

/* MIELA Design System v7 — final visual authority */
:root{
  --miela-navy:#1F2430;--miela-coral:#E85D4A;--miela-ivory:#FCFBF8;--miela-mist:#F7F3EC;
  --color-text-primary:var(--miela-navy);--color-text-secondary:#4D5360;--color-text-muted:#686B73;
  --color-background:var(--miela-mist);--color-surface:var(--miela-ivory);--color-surface-alt:#F1ECE4;
  --color-border:#DED9D0;--color-accent:var(--miela-coral);--color-accent-hover:#D74F3D;
  --color-focus:#A53A2B;--color-header:var(--miela-mist);--color-footer:var(--miela-navy);
  --miela-ink:var(--miela-navy);--miela-ink-2:var(--color-text-secondary);--miela-coral-soft:#F6D6CE;
  --miela-lilac:var(--miela-coral);--miela-lilac-soft:#FAECE8;--miela-sage:var(--miela-navy);--miela-sage-soft:#E9EAEC;
  --miela-white:var(--miela-ivory);--miela-line:var(--color-border);--miela-line-strong:#C8C1B7;
  --miela-muted:var(--color-text-muted);--miela-blue:var(--miela-navy);--miela-radius-sm:8px;--miela-radius:14px;--miela-radius-lg:22px;
  --miela-shadow:0 18px 45px rgba(31,36,48,.07);--miela-transition:180ms cubic-bezier(.2,.65,.25,1);
  --miela-content:1180px;--miela-reading:720px;
  --brand:var(--miela-coral)!important;--brand-deep:var(--miela-ink)!important;--brand-mid:#B84536!important;
  --brand-soft:var(--miela-coral-soft)!important;--brand-baby:#FAECE8!important;--rose:var(--miela-lilac)!important;
  --sand:#E8DDD0!important;--sage:var(--miela-sage)!important;--charcoal:var(--miela-ink)!important;
  --ink:var(--miela-ink)!important;--ink-2:var(--miela-ink-2)!important;--muted:var(--miela-muted)!important;
  --paper:var(--miela-mist)!important;--surface:var(--miela-white)!important;--surface-2:var(--color-surface-alt)!important;
  --grey-soft:#F1ECE4!important;--grey-cool:#ECE8E2!important;--line:var(--miela-line)!important;
  --line-strong:var(--miela-line-strong)!important;--focus:#A53A2B!important;--focus-ring:#A53A2B!important;
  --success:#48685A!important;--success-soft:#E9F0EB!important;
}
html[data-brand="miela"],html[data-brand="miela"] body{background:var(--miela-mist)!important;color:var(--miela-ink)!important}
html[data-brand="miela"]{scroll-behavior:smooth}html[data-brand="miela"] ::selection{background:var(--miela-lilac);color:var(--miela-ink)}
html[data-brand="miela"] .container{max-width:var(--miela-content)!important}

/* Shell + wordmark */
html[data-brand="miela"] .site-header{background:color-mix(in srgb,var(--miela-mist) 92%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--miela-line) 82%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(16px)}
html[data-brand="miela"] .header-inner{min-height:78px!important;max-width:var(--miela-content)!important}
html[data-brand="miela"] .brand{gap:12px!important;text-decoration:none!important;color:var(--miela-ink)!important}
html[data-brand="miela"] .brand-symbol{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-brand="miela"] .miela-mark{display:block;width:100%;height:100%;overflow:visible}html[data-brand="miela"] .miela-mark-box{fill:var(--miela-ink)}html[data-brand="miela"] .miela-mark-letter{fill:var(--miela-white)}html[data-brand="miela"] .miela-mark-dot{fill:var(--miela-coral)}
html[data-brand="miela"] .brand-word{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;color:var(--miela-ink)!important;line-height:1!important}
html[data-brand="miela"] .miela-wordmark-text{font-weight:700;letter-spacing:.12em;font-size:16px;white-space:nowrap}html[data-brand="miela"] .miela-dot{color:var(--miela-coral)!important;letter-spacing:0}
html[data-brand="miela"] .brand-word small{margin:0!important;font-size:8.5px!important;font-weight:600!important;letter-spacing:.28em!important;color:var(--miela-muted)!important}
html[data-brand="miela"] .focus-header .brand-word small{display:none!important}
html[data-brand="miela"] .nav{gap:26px!important}html[data-brand="miela"] .nav a{color:var(--miela-ink-2)!important;text-decoration:none!important;padding-block:27px!important}html[data-brand="miela"] .nav a:hover,html[data-brand="miela"] .nav a[aria-current="page"]{color:var(--miela-ink)!important}
html[data-brand="miela"] .nav a[aria-current="page"]::after{height:2px!important;background:var(--miela-coral)!important}
html[data-brand="miela"] .learn-search-trigger{min-width:210px!important;border:1px solid var(--miela-line)!important;border-radius:999px!important;background:var(--miela-white)!important;box-shadow:none!important;color:var(--miela-ink)!important}
html[data-brand="miela"] .learn-search-trigger:hover{border-color:var(--miela-line-strong)!important;transform:none!important;background:#fff!important}html[data-brand="miela"] .learn-search-trigger small,html[data-brand="miela"] .learn-search-trigger kbd{color:var(--miela-muted)!important}

/* Controls */
html[data-brand="miela"] .btn,html[data-brand="miela"] .save-button,html[data-brand="miela"] .quick-view-btn,html[data-brand="miela"] .filter-chip,html[data-brand="miela"] .confidence-options button,html[data-brand="miela"] .text-button{border-radius:999px!important;box-shadow:none!important;transition:background var(--miela-transition),border-color var(--miela-transition),transform var(--miela-transition)!important}
html[data-brand="miela"] .btn.primary{background:var(--miela-navy)!important;color:var(--miela-ivory)!important;border-color:var(--miela-navy)!important;font-weight:700!important}
html[data-brand="miela"] .btn.primary:hover{background:#343946!important;border-color:#343946!important;transform:translateY(-1px)!important}
html[data-brand="miela"] .btn.quiet,html[data-brand="miela"] .btn.secondary{background:transparent!important;color:var(--miela-ink)!important;border-color:var(--miela-line-strong)!important}
html[data-brand="miela"] .btn.quiet:hover,html[data-brand="miela"] .btn.secondary:hover{background:var(--miela-white)!important;border-color:var(--miela-ink)!important}
html[data-brand="miela"] :focus-visible{outline:3px solid color-mix(in srgb,var(--miela-coral) 52%,#fff)!important;outline-offset:3px!important}

/* Homepage */
html[data-brand="miela"] .v3-hero{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(360px,.82fr)!important;gap:clamp(42px,6vw,84px)!important;align-items:center!important;min-height:min(730px,78vh)!important;padding-top:86px!important;padding-bottom:88px!important}
html[data-brand="miela"] .v3-hero-copy{max-width:690px!important}html[data-brand="miela"] .v3-hero-copy .hero-eyebrow{color:var(--miela-ink)!important;margin-bottom:28px!important}
html[data-brand="miela"] .v3-hero-copy .hero-eyebrow::after{content:"";display:block;width:38px;height:2px;margin-top:16px;background:var(--miela-coral)}
html[data-brand="miela"] .v3-hero-copy h1{color:var(--miela-ink)!important;font-size:clamp(58px,6.8vw,102px)!important;max-width:760px!important;margin:0!important}html[data-brand="miela"] .v3-hero-copy h1 em{font-style:normal!important;color:inherit!important}
html[data-brand="miela"] .v3-hero-copy>p{max-width:610px!important;margin-top:27px!important;font-size:18px!important;color:var(--miela-ink-2)!important;line-height:1.65!important}html[data-brand="miela"] .hero-actions{margin-top:34px!important;gap:12px!important}
html[data-brand="miela"] .miela-home-hero .v3-hero-next{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
html[data-brand="miela"] .miela-hero-visual{position:relative;min-height:510px;overflow:hidden;border-radius:44% 44% var(--miela-radius-lg) var(--miela-radius-lg)/30% 30% var(--miela-radius-lg) var(--miela-radius-lg);background:var(--miela-white);border:1px solid color-mix(in srgb,var(--miela-line) 72%,transparent);box-shadow:var(--miela-shadow)}
html[data-brand="miela"] .miela-horizon{position:absolute;inset:0;background:url("../assets/miela-horizon.svg") center/cover no-repeat}html[data-brand="miela"] .miela-visual-overlay{position:absolute;inset:48% 0 0;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--miela-ink) 84%,transparent))}
html[data-brand="miela"] .miela-visual-quote{position:absolute;left:34px;right:34px;bottom:86px;color:#fff;display:grid;gap:4px}html[data-brand="miela"] .miela-visual-quote span,html[data-brand="miela"] .miela-visual-quote strong{font-family:var(--font-serif)!important;font-size:clamp(26px,2.6vw,39px);font-weight:500;line-height:1.05}html[data-brand="miela"] .miela-visual-footer{position:absolute;left:34px;bottom:28px;color:rgba(255,255,255,.82);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}html[data-brand="miela"] .miela-visual-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--miela-coral);margin-left:4px}
/* v5 enriches the home hero after the initial MIELA render. Keep that useful
   learning-cycle panel, but give its light text an intentional Deep Ink surface.
   Without this exception the transparent MIELA hero wrapper wins on specificity,
   leaving a low-contrast, almost invisible panel. */
html[data-brand="miela"] .miela-home-hero .v3-hero-next.learn-model-card{padding:34px 34px 30px!important;border:0!important;border-radius:var(--miela-radius-lg)!important;background:var(--miela-ink)!important;color:var(--miela-white)!important;box-shadow:none!important}
html[data-brand="miela"] .miela-home-hero .learn-model-copy .page-label{color:#E9E4F2!important}
html[data-brand="miela"] .miela-home-hero .learn-model-copy h2,html[data-brand="miela"] .miela-home-hero .learn-model-step strong,html[data-brand="miela"] .miela-home-hero .learn-model-link{color:var(--miela-white)!important}
html[data-brand="miela"] .miela-home-hero .learn-model-copy p{color:#E4E0DA!important}
html[data-brand="miela"] .miela-home-hero .learn-model-steps{border-top-color:rgba(252,251,248,.22)!important}
html[data-brand="miela"] .miela-home-hero .learn-model-step{border-bottom-color:rgba(252,251,248,.16)!important}
html[data-brand="miela"] .miela-home-hero .learn-model-number{border-color:rgba(252,251,248,.38)!important;color:#E9E4F2!important}
html[data-brand="miela"] .miela-home-hero .learn-model-step small{color:#DAD7D0!important}
html[data-brand="miela"] .v3-hero.returning{min-height:520px!important;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)!important}html[data-brand="miela"] .v3-hero.returning .v3-hero-next{border-radius:var(--miela-radius-lg)!important;background:var(--miela-ink)!important;color:var(--miela-white)!important;border:0!important;box-shadow:none!important;padding:38px!important}html[data-brand="miela"] .v3-hero.returning .v3-hero-next *{color:inherit!important}
html[data-brand="miela"] .miela-proposition{background:var(--miela-ink);color:var(--miela-white);padding:90px 0}html[data-brand="miela"] .miela-proposition-inner{max-width:var(--miela-content);margin:auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.65fr);gap:64px;align-items:end}html[data-brand="miela"] .miela-proposition h2{margin:0;font-size:clamp(45px,5vw,75px);line-height:1.02;color:var(--miela-white)!important;max-width:760px}html[data-brand="miela"] .miela-proposition h2 span{display:block}html[data-brand="miela"] .miela-proposition h2 span:last-child::after{content:"";display:inline-block;width:.14em;height:.14em;border-radius:50%;background:var(--miela-coral);margin-left:.08em;vertical-align:.12em}html[data-brand="miela"] .miela-proposition p{margin:0;max-width:520px;color:rgba(252,251,248,.74)!important;font-size:16px;line-height:1.7}
html[data-brand="miela"] .v3-home-section{padding-top:104px!important;padding-bottom:104px!important}html[data-brand="miela"] .v3-home-section+.v3-home-section{border-top:1px solid var(--miela-line)!important}html[data-brand="miela"] .editorial-heading{max-width:800px!important;margin-bottom:48px!important}html[data-brand="miela"] .editorial-heading>span{color:var(--miela-muted)!important}html[data-brand="miela"] .editorial-heading h2{font-size:clamp(38px,4.5vw,64px)!important;color:var(--miela-ink)!important;margin-top:12px!important}html[data-brand="miela"] .editorial-heading p{max-width:620px!important;color:var(--miela-muted)!important}
html[data-brand="miela"] .v3-question-grid{gap:0!important;border-top:1px solid var(--miela-line);border-bottom:1px solid var(--miela-line)}html[data-brand="miela"] .v3-question-card{padding:28px 26px!important;background:transparent!important;border:0!important;border-right:1px solid var(--miela-line)!important;border-radius:0!important;box-shadow:none!important}html[data-brand="miela"] .v3-question-card:last-child{border-right:0!important}html[data-brand="miela"] .v3-question-card:hover{background:color-mix(in srgb,var(--miela-white) 52%,transparent)!important;transform:none!important}html[data-brand="miela"] .v3-question-card h3{font-size:20px!important;color:var(--miela-ink)!important}
html[data-brand="miela"] .v3-area-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}html[data-brand="miela"] .v3-area-card{position:relative;min-height:290px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:30px!important;border:1px solid var(--miela-line)!important;border-radius:var(--miela-radius)!important;background:var(--miela-white)!important;box-shadow:none!important;overflow:hidden}html[data-brand="miela"] .v3-area-card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--area-accent,var(--miela-ink))}html[data-brand="miela"] .v3-area-card::after{display:none!important}html[data-brand="miela"] .v3-area-card:hover{border-color:var(--miela-line-strong)!important;transform:translateY(-2px)!important;background:#fff!important}html[data-brand="miela"] .v3-area-card>span{color:var(--miela-muted)!important;margin-bottom:22px}html[data-brand="miela"] .v3-area-card h3{font-size:27px!important;margin:0 0 13px!important}html[data-brand="miela"] .v3-area-card p{color:var(--miela-ink-2)!important;flex:1}html[data-brand="miela"] .v3-area-card strong{font-size:12px!important;letter-spacing:.04em;margin-top:22px}
html[data-brand="miela"] .miela-area-ai{--area-accent:var(--miela-lilac)}html[data-brand="miela"] .miela-area-integration{--area-accent:var(--miela-ink)}html[data-brand="miela"] .miela-area-design{--area-accent:var(--miela-coral)}html[data-brand="miela"] .miela-area-inclusive,html[data-brand="miela"] .miela-area-digital{--area-accent:var(--miela-sage)}html[data-brand="miela"] .miela-area-assessment{--area-accent:var(--miela-blue)}
html[data-brand="miela"] .philosophy{display:none!important}html[data-brand="miela"] .miela-pillars{padding:112px 0;background:var(--miela-white);border-top:1px solid var(--miela-line)}html[data-brand="miela"] .miela-pillars-inner{max-width:var(--miela-content);margin:auto;padding:0 28px;display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.25fr);gap:80px}html[data-brand="miela"] .miela-pillars-intro span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--miela-muted);margin-bottom:18px}html[data-brand="miela"] .miela-pillars-intro h2{margin:0;font-size:clamp(37px,4vw,58px);line-height:1.02;color:var(--miela-ink)!important}html[data-brand="miela"] .miela-pillars-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--miela-line);border-left:1px solid var(--miela-line)}html[data-brand="miela"] .miela-pillar{padding:30px;border-right:1px solid var(--miela-line);border-bottom:1px solid var(--miela-line);min-height:190px}html[data-brand="miela"] .miela-pillar strong{display:block;font-family:var(--font-serif)!important;font-size:34px;font-weight:500;margin-bottom:13px}html[data-brand="miela"] .miela-pillar p{margin:0;color:var(--miela-muted)!important;line-height:1.65}html[data-brand="miela"] .miela-pillar:nth-child(1) strong::after,html[data-brand="miela"] .miela-pillar:nth-child(4) strong::after{content:".";color:var(--miela-coral)}

/* Course discovery and dashboard */
html[data-brand="miela"] .v3-course-card,html[data-brand="miela"] .course-card{--course-accent:var(--miela-ink);position:relative;border:0!important;border-top:1px solid var(--miela-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}html[data-brand="miela"] .v3-course-card::before,html[data-brand="miela"] .course-card::before{content:"";position:absolute;left:0;top:-1px;width:70px;height:2px;background:var(--course-accent)}html[data-brand="miela"] .v3-course-card:hover,html[data-brand="miela"] .course-card:hover{background:color-mix(in srgb,var(--miela-white) 48%,transparent)!important;transform:none!important}html[data-brand="miela"] .v3-course-card.standard{padding:30px 4px 30px 0!important}html[data-brand="miela"] .v3-course-card.compact{padding:22px 4px 22px 0!important}html[data-brand="miela"] .course-card-kicker,html[data-brand="miela"] .v3-course-card .course-card-meta{color:var(--miela-muted)!important}html[data-brand="miela"] .v3-course-card h3{font-size:clamp(24px,2.2vw,33px)!important;line-height:1.15!important;margin-bottom:10px!important}html[data-brand="miela"] .v3-course-card .course-card-description{color:var(--miela-ink-2)!important}html[data-brand="miela"] .save-button{background:transparent!important;border:1px solid var(--miela-line-strong)!important;color:var(--miela-ink)!important}html[data-brand="miela"] .save-button.saved{background:var(--miela-ink)!important;color:var(--miela-white)!important;border-color:var(--miela-ink)!important}
html[data-brand="miela"] .miela-course-ai{--course-accent:var(--miela-lilac)}html[data-brand="miela"] .miela-course-integration{--course-accent:var(--miela-ink)}html[data-brand="miela"] .miela-course-design{--course-accent:var(--miela-coral)}html[data-brand="miela"] .miela-course-inclusive,html[data-brand="miela"] .miela-course-digital{--course-accent:var(--miela-sage)}html[data-brand="miela"] .miela-course-assessment{--course-accent:var(--miela-blue)}html[data-brand="miela"] progress{accent-color:var(--miela-coral)!important}html[data-brand="miela"] .progress-bar span,html[data-brand="miela"] .row-progress .progress-fill{background:var(--miela-coral)!important}
html[data-brand="miela"] .v3-area-page,html[data-brand="miela"] .explore-page,html[data-brand="miela"] .library-page,html[data-brand="miela"] .v3-library-page{background:var(--miela-ivory)!important}html[data-brand="miela"] .v3-area-hero,html[data-brand="miela"] .page-intro{padding-top:84px!important;padding-bottom:58px!important}html[data-brand="miela"] .v3-area-start,html[data-brand="miela"] .library-summary-card,html[data-brand="miela"] .empty-state{border-radius:var(--miela-radius)!important;background:var(--miela-white)!important;border:1px solid var(--miela-line)!important;box-shadow:none!important}html[data-brand="miela"] .filter-chip{background:var(--miela-white)!important;border:1px solid var(--miela-line)!important;color:var(--miela-ink)!important}html[data-brand="miela"] .filter-chip[aria-pressed="true"],html[data-brand="miela"] .filter-chip.active{background:var(--miela-ink)!important;color:var(--miela-white)!important;border-color:var(--miela-ink)!important}

/* Course publication */
html[data-brand="miela"] .course-opening{background:var(--miela-ivory)!important}html[data-brand="miela"] .course-opening-main{max-width:930px!important}html[data-brand="miela"] .course-opening-main h1{color:var(--miela-ink)!important}html[data-brand="miela"] .course-opening-main>p{max-width:720px!important;color:var(--miela-ink-2)!important}html[data-brand="miela"] .course-kicker{color:var(--miela-muted)!important}
html[data-brand="miela"] .v4-problem,html[data-brand="miela"] .v4-diagnostic,html[data-brand="miela"] .course-overview-panel,html[data-brand="miela"] .journey-row{border-radius:var(--miela-radius)!important;border:1px solid var(--miela-line)!important;background:var(--miela-white)!important;box-shadow:none!important}html[data-brand="miela"] .v4-problem{border-left:5px solid var(--miela-coral)!important}html[data-brand="miela"] .journey-row:hover{border-color:var(--miela-line-strong)!important;transform:none!important}
html[data-brand="miela"] body.focus-mode,html[data-brand="miela"] .lesson-shell{background:var(--miela-white)!important}html[data-brand="miela"] .focus-header{background:color-mix(in srgb,var(--miela-white) 94%,transparent)!important}html[data-brand="miela"] .lesson-heading,html[data-brand="miela"] .lesson-article{max-width:var(--miela-reading)!important;margin-inline:auto!important}html[data-brand="miela"] .lesson-heading h1{color:var(--miela-ink)!important}html[data-brand="miela"] .lesson-heading>p{color:var(--miela-muted)!important}html[data-brand="miela"] .lesson-article .prose{color:#2C303A!important}html[data-brand="miela"] .lesson-article .prose a{color:var(--miela-ink)!important;text-decoration-color:var(--miela-coral)!important}html[data-brand="miela"] .lesson-article .prose blockquote{border-left:3px solid var(--miela-coral)!important;background:var(--miela-ivory)!important;color:var(--miela-ink-2)!important}
html[data-brand="miela"] .reflection,html[data-brand="miela"] .apply-it-card{border:1px solid var(--miela-line)!important;border-radius:var(--miela-radius)!important;background:var(--miela-ivory)!important;box-shadow:none!important}html[data-brand="miela"] textarea,html[data-brand="miela"] input[type="text"],html[data-brand="miela"] input[type="search"]{border-color:var(--miela-line-strong)!important;background:var(--miela-white)!important;color:var(--miela-ink)!important}
html[data-brand="miela"] .question-card{border:1px solid var(--miela-line)!important;border-radius:var(--miela-radius)!important;background:var(--miela-white)!important;box-shadow:none!important}html[data-brand="miela"] .question-card .option{border:1px solid var(--miela-line)!important;border-radius:10px!important;background:transparent!important;color:var(--miela-ink)!important}html[data-brand="miela"] .question-card .option:hover{background:var(--miela-ivory)!important;border-color:var(--miela-line-strong)!important}html[data-brand="miela"] .question-card .option.selected,html[data-brand="miela"] .question-card .option[aria-pressed="true"]{border-color:var(--miela-ink)!important;background:var(--miela-ivory)!important}html[data-brand="miela"] .feedback.correct{background:var(--miela-sage-soft)!important;border-color:var(--miela-sage)!important;color:var(--miela-ink)!important}html[data-brand="miela"] .feedback.incorrect{background:#FAEAE6!important;border-color:var(--miela-coral-soft)!important;color:var(--miela-ink)!important}

/* About, dialogs, footer */
html[data-brand="miela"] .v3-dialog::backdrop{background:rgba(31,36,48,.42)!important;backdrop-filter:blur(6px)}html[data-brand="miela"] .v3-dialog .dialog-shell,html[data-brand="miela"] .quick-dialog>div{background:var(--miela-white)!important;border:1px solid var(--miela-line)!important;border-radius:var(--miela-radius-lg)!important;box-shadow:0 26px 80px rgba(31,36,48,.18)!important}
html[data-brand="miela"] .about-v6{background:var(--miela-ivory)!important;color:var(--miela-ink)!important}html[data-brand="miela"] .about-v6-hero{padding-top:92px!important;padding-bottom:92px!important}html[data-brand="miela"] .about-v6-statement,html[data-brand="miela"] .about-v6-close{background:var(--miela-ink)!important;color:var(--miela-white)!important}html[data-brand="miela"] .about-v6-statement h2,html[data-brand="miela"] .about-v6-close h2,html[data-brand="miela"] .about-v6-close p{color:inherit!important}
html[data-brand="miela"] .footer{background:var(--miela-ink)!important;color:var(--miela-white)!important;border-top:0!important;padding-top:68px!important;padding-bottom:68px!important}html[data-brand="miela"] .v3-footer-grid{gap:56px!important}html[data-brand="miela"] .footer-brand{color:var(--miela-white)!important;display:flex!important;align-items:center!important;gap:11px!important}html[data-brand="miela"] .footer p,html[data-brand="miela"] .footer a{color:rgba(252,251,248,.72)!important}html[data-brand="miela"] .footer a:hover{color:var(--miela-white)!important}html[data-brand="miela"] .footer-label{color:rgba(252,251,248,.52)!important}
html[data-brand="miela"] .learn-mobile-nav,html[data-brand="miela"] .mobile-lesson-bar{background:color-mix(in srgb,var(--miela-ink) 96%,transparent)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 14px 38px rgba(31,36,48,.22)!important;border-radius:18px!important}html[data-brand="miela"] .learn-mobile-nav a,html[data-brand="miela"] .mobile-lesson-bar a{color:rgba(252,251,248,.7)!important}html[data-brand="miela"] .learn-mobile-nav a.active,html[data-brand="miela"] .mobile-lesson-bar a.active{color:var(--miela-white)!important}html[data-brand="miela"] .learn-mobile-nav a.active::after{background:var(--miela-coral)!important}

@media(prefers-reduced-motion:reduce){html[data-brand="miela"] *,html[data-brand="miela"] *::before,html[data-brand="miela"] *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(max-width:980px){html[data-brand="miela"] .v3-hero{grid-template-columns:1fr!important;min-height:auto!important;padding-top:70px!important;padding-bottom:74px!important}html[data-brand="miela"] .miela-home-hero .v3-hero-next{max-width:720px}html[data-brand="miela"] .miela-hero-visual{min-height:420px;border-radius:var(--miela-radius-lg)!important}html[data-brand="miela"] .miela-proposition-inner{grid-template-columns:1fr;gap:28px}html[data-brand="miela"] .v3-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-brand="miela"] .miela-pillars-inner{grid-template-columns:1fr;gap:48px}}
@media(max-width:820px){html[data-brand="miela"] .header-inner{min-height:68px!important}html[data-brand="miela"] .site-header .nav,html[data-brand="miela"] .site-header .learn-search-trigger{display:none!important}html[data-brand="miela"] .v3-hero-copy h1{font-size:clamp(48px,12vw,72px)!important}html[data-brand="miela"] .v3-home-section{padding-top:78px!important;padding-bottom:78px!important}html[data-brand="miela"] .v3-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-brand="miela"] .miela-pillars-list{grid-template-columns:1fr}}
@media(max-width:620px){html[data-brand="miela"] .header-inner{padding-inline:18px!important}html[data-brand="miela"] .brand-symbol{width:34px!important;height:34px!important}html[data-brand="miela"] .miela-wordmark-text{font-size:14px}html[data-brand="miela"] .brand-word small{font-size:7.5px!important}html[data-brand="miela"] .v3-hero{padding-top:52px!important;padding-bottom:58px!important;gap:34px!important}html[data-brand="miela"] .v3-hero-copy h1{font-size:clamp(44px,13.5vw,62px)!important;line-height:1.01!important}html[data-brand="miela"] .v3-hero-copy>p{font-size:16.5px!important}html[data-brand="miela"] .hero-actions{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}html[data-brand="miela"] .hero-actions .btn{width:100%;justify-content:center}html[data-brand="miela"] .miela-hero-visual{min-height:345px}html[data-brand="miela"] .miela-visual-quote{left:24px;right:24px;bottom:65px}html[data-brand="miela"] .miela-visual-footer{left:24px;bottom:22px;font-size:9.5px}html[data-brand="miela"] .miela-proposition{padding:72px 0}html[data-brand="miela"] .miela-proposition-inner{padding-inline:20px}html[data-brand="miela"] .v3-home-section{padding-top:64px!important;padding-bottom:64px!important}html[data-brand="miela"] .v3-question-grid{grid-template-columns:1fr!important}html[data-brand="miela"] .v3-question-card{border-right:0!important;border-bottom:1px solid var(--miela-line)!important;padding:24px 2px!important}html[data-brand="miela"] .v3-area-grid{grid-template-columns:1fr!important}html[data-brand="miela"] .v3-area-card{min-height:240px!important;padding:25px!important}html[data-brand="miela"] .miela-pillars{padding:76px 0}html[data-brand="miela"] .miela-pillars-inner{padding-inline:20px}html[data-brand="miela"] .miela-pillar{min-height:150px;padding:24px}html[data-brand="miela"] .v3-course-card.standard{padding:25px 0!important}html[data-brand="miela"] .v3-footer-grid{grid-template-columns:1fr!important}html[data-brand="miela"] .footer{padding-inline:4px!important;padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}}


/* MIELA 320px causal fixes */
/* Older shell rules can impose a minimum second grid column on the returning
   hero. Collapse that explicitly at tablet/mobile widths so the content can
   shrink to the viewport rather than preserving a 340px side column. */
@media(max-width:980px){
  html[data-brand="miela"] .v3-hero,
  html[data-brand="miela"] .v3-hero.returning{
    grid-template-columns:minmax(0,1fr)!important;
    min-height:auto!important;
    padding-top:70px!important;
    padding-bottom:74px!important;
  }
  html[data-brand="miela"] .v3-hero.returning .v3-hero-copy,
  html[data-brand="miela"] .v3-hero.returning .v3-hero-next{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
}
@media(max-width:620px){
  html[data-brand="miela"] .v3-hero,
  html[data-brand="miela"] .v3-hero.returning{
    padding-top:52px!important;
    padding-bottom:58px!important;
    gap:34px!important;
  }
  html[data-brand="miela"] .v3-hero.returning .v3-hero-next{padding:26px!important}
}

/* The historical footer wordmark used positioning intended for the previous
   mark. Reset the generated MIELA wordmark into normal flex flow. */
html[data-brand="miela"] .footer-brand{
  justify-content:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
html[data-brand="miela"] .footer-brand > span,
html[data-brand="miela"] .footer-brand .miela-footer-word{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:none!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  max-width:100%!important;
}
html[data-brand="miela"] .footer-brand .miela-mark{flex:0 0 38px!important}


/* MIELA small-label contrast correction */
/* Coral remains a signature accent, not body copy. Tiny course/category labels use
   the neutral ink system so they clear WCAG AA on Warm Ivory and Soft White. */
html[data-brand="miela"] .course-card-kicker > span,
html[data-brand="miela"] .v3-course-card .course-card-kicker > span{
  color:var(--miela-muted)!important;
}
html[data-brand="miela"] .course-card-kicker > span:first-child,
html[data-brand="miela"] .v3-course-card .course-card-kicker > span:first-child{
  color:var(--miela-ink-2)!important;
}


/* MIELA orientation-label contrast correction */
/* Signature coral stays on rules, dots, progress and interaction. Small
   orientation labels are informational text and use the neutral ink scale. */
html[data-brand="miela"] .page-label,
html[data-brand="miela"] .hero-eyebrow,
html[data-brand="miela"] .course-card-kicker,
html[data-brand="miela"] .course-kicker,
html[data-brand="miela"] .filter-label,
html[data-brand="miela"] .footer-label,
html[data-brand="miela"] .step-label,
html[data-brand="miela"] .question-top,
html[data-brand="miela"] .drawer-outcome > span,
html[data-brand="miela"] .learn-confidence > span,
html[data-brand="miela"] .v4-label,
html[data-brand="miela"] .editorial-heading > span,
html[data-brand="miela"] .section-heading > span{
  color:var(--miela-muted)!important;
}
html[data-brand="miela"] .footer .footer-label{
  color:rgba(252,251,248,.72)!important;
}

/* MIELA narrow-screen resilience — accessibility + responsive guardrails */

/* Signature coral remains the visual brand accent; small editorial/UI labels use the deeper accessible coral. */
html[data-brand="miela"] .about-v6-belief > span,
html[data-brand="miela"] .about-v6-principle > span,
html[data-brand="miela"] .about-v6-transform span,
html[data-brand="miela"] .about-v6-reality b,
html[data-brand="miela"] .about-v6-cycle b,
html[data-brand="miela"] .section-row > span:first-child,
html[data-brand="miela"] .learn-cycle li.is-active,
html[data-brand="miela"] .scenario-line > span {
  color: #B84536 !important;
}

html[data-brand="miela"] .about-v6-close .page-label {
  color: #DAD7D0 !important;
}

/* One logo system everywhere: header, footer, public hero and legacy fallback surfaces. */
html[data-brand="miela"] .miela-logo-lockup {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

html[data-brand="miela"] .miela-logo-image {
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

html[data-brand="miela"] .miela-logo-image-header {
  width: 148px !important;
}

html[data-brand="miela"] .miela-logo-image-nav-mark {
  display: none !important;
  width: 40px !important;
  height: 40px !important;
}

html[data-brand="miela"] .miela-logo-image-footer {
  width: 170px !important;
}

html[data-brand="miela"] .miela-logo-image-compact {
  width: 40px !important;
  height: 40px !important;
}

html[data-brand="miela"] .miela-mark-image { display:block; width:40px; height:40px; }

/* The signed-out hero still exposes its existing semantic text to audits and
   assistive technology through the parent aria-label, while the visible mark is
   the canonical supplied SVG rather than a CSS recreation of the wordmark. */
html[data-brand="miela"] .miela-public-brand-lockup {
  position: relative !important;
  display: block !important;
  width: min(520px, 100%) !important;
  aspect-ratio: 520 / 150 !important;
  min-height: 72px !important;
  background-image: url('../assets/miela-logo.svg') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  margin: 0 0 1.5rem !important;
}

html[data-brand="miela"] .miela-public-brand-name,
html[data-brand="miela"] .miela-public-brand-learning {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  font-size: 1px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Legacy mark rules remain scoped so older runtime fragments cannot grow past
   their intended footprint while the new logo image takes precedence. */
html[data-brand="miela"] .footer-brand .miela-mark {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
}

html[data-brand="miela"] .footer-brand .miela-footer-word {
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 0 1 auto !important;
}

/* Authenticated home editorial layout: keep the lead-in elegant and prevent
   accessibility wrapping rules from breaking large headings inside words. */
html[data-brand="miela"] .v3-home-section .compact-heading {
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
  grid-template-areas:
    "kicker kicker"
    "title copy" !important;
  column-gap: clamp(32px, 5vw, 72px) !important;
  row-gap: 12px !important;
  align-items: end !important;
  max-width: none !important;
  width: 100% !important;
  margin-bottom: 34px !important;
}

html[data-brand="miela"] .v3-home-section .compact-heading > span {
  grid-area: kicker !important;
  margin-bottom: 0 !important;
}

html[data-brand="miela"] .v3-home-section .compact-heading h2 {
  grid-area: title !important;
  max-width: 11ch !important;
  margin: 0 !important;
  font-size: clamp(36px, 4.2vw, 58px) !important;
  line-height: .98 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  text-wrap: balance;
  min-width: 0 !important;
}

html[data-brand="miela"] .v3-home-section .compact-heading p {
  grid-area: copy !important;
  max-width: 34rem !important;
  margin: 0 0 .35rem !important;
  align-self: end !important;
  min-width: 0 !important;
}

@media (max-width: 900px) {
  html[data-brand="miela"] .v3-home-section .compact-heading {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "kicker"
      "title"
      "copy" !important;
    row-gap: 10px !important;
  }

  html[data-brand="miela"] .v3-home-section .compact-heading h2 {
    max-width: 14ch !important;
  }

  html[data-brand="miela"] .v3-home-section .compact-heading p {
    max-width: 46rem !important;
    margin-top: .3rem !important;
  }
}

@media (max-width: 820px) {
  html[data-brand="miela"] .footer .container,
  html[data-brand="miela"] .v3-footer-grid,
  html[data-brand="miela"] .v3-footer-grid > div,
  html[data-brand="miela"] .footer-brand,
  html[data-brand="miela"] .footer-area-links,
  html[data-brand="miela"] .footer-area-links a {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html[data-brand="miela"] .v3-footer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px !important;
  }

  html[data-brand="miela"] .footer-brand {
    width: fit-content !important;
  }

  html[data-brand="miela"] .miela-logo-image-header {
    width: 132px !important;
  }

  html[data-brand="miela"] .miela-logo-image-footer {
    width: 156px !important;
  }

  html[data-brand="miela"] .footer-area-links {
    min-width: 0 !important;
  }
}

@media (max-width: 700px) {
  html[data-brand="miela"] .miela-logo-image-header { display: none !important; }
  html[data-brand="miela"] .miela-logo-image-nav-mark { display: block !important; }
  html[data-brand="miela"] a[data-nav].active {
    color: #B84536 !important;
  }
}

@media (max-width: 480px) {
  html[data-brand="miela"],
  html[data-brand="miela"] body,
  html[data-brand="miela"] #app,
  html[data-brand="miela"] .shell,
  html[data-brand="miela"] .footer {
    max-width: 100%;
    overflow-x: clip;
  }

  html[data-brand="miela"] .footer .container,
  html[data-brand="miela"] .v3-footer-grid,
  html[data-brand="miela"] .v3-footer-grid > div,
  html[data-brand="miela"] .footer-area-links,
  html[data-brand="miela"] .footer-area-links a {
    width: 100% !important;
  }

  html[data-brand="miela"] .footer-area-links {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html[data-brand="miela"] .footer-area-links a,
  html[data-brand="miela"] .footer p {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  html[data-brand="miela"] .miela-logo-image-header {
    width: 118px !important;
  }

  html[data-brand="miela"] .miela-logo-image-footer {
    width: 144px !important;
  }

  html[data-brand="miela"] .miela-public-brand-lockup {
    width: min(390px, 100%) !important;
    min-height: 64px !important;
    margin-bottom: 1.25rem !important;
  }

  html[data-brand="miela"] .footer-brand .miela-mark {
    width: 38px !important;
    height: 38px !important;
  }

  html[data-brand="miela"] .miela-footer-word {
    display: inline-block;
    max-width: 100%;
  }
}


/* MIELA Product Maturity v8 — trust, discovery, portability and prerender surfaces */
html[data-brand="miela"] .miela-proof-strip{border-top:1px solid var(--miela-line);border-bottom:1px solid var(--miela-line);background:var(--miela-white)}
html[data-brand="miela"] .miela-proof-inner{max-width:var(--miela-content);margin:auto;padding:24px 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
html[data-brand="miela"] .miela-proof-item{padding:4px 24px;border-right:1px solid var(--miela-line)}
html[data-brand="miela"] .miela-proof-item:first-child{padding-left:0}html[data-brand="miela"] .miela-proof-item:last-child{border-right:0}
html[data-brand="miela"] .miela-proof-item strong{display:block;font-size:clamp(22px,2.5vw,34px);letter-spacing:-.03em;color:var(--miela-ink)}
html[data-brand="miela"] .miela-proof-item span{display:block;margin-top:4px;color:var(--miela-muted);font-size:12px;line-height:1.45}
html[data-brand="miela"] .miela-proof-note{grid-column:1/-1;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--miela-line);font-size:13px;color:var(--miela-muted)}
html[data-brand="miela"] .miela-proof-note strong{display:inline;font-size:inherit;letter-spacing:0;color:var(--miela-ink)}
html[data-brand="miela"] .miela-discovery-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:18px;border-top:1px solid var(--miela-line)}
html[data-brand="miela"] .miela-filter-field{display:grid;gap:6px}html[data-brand="miela"] .miela-filter-field span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--miela-muted)}
html[data-brand="miela"] .miela-filter-field select{min-height:42px;width:100%;border:1px solid var(--miela-line-strong);border-radius:10px;background:var(--miela-white);padding:0 38px 0 12px;color:var(--miela-ink);font:inherit;font-size:13px}
html[data-brand="miela"] .miela-filter-status{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--miela-muted);font-size:12px}
html[data-brand="miela"] .miela-filter-reset{appearance:none;border:0;background:transparent;padding:0;color:var(--miela-ink);font:inherit;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html[data-brand="miela"] .miela-course-context{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
html[data-brand="miela"] .miela-course-context span{padding:5px 8px;border-radius:999px;background:var(--miela-ivory);border:1px solid var(--miela-line);color:var(--miela-muted);font-size:10px;font-weight:700}
html[data-brand="miela"] .miela-course-context span:first-child{color:var(--miela-ink)}
html[data-brand="miela"] .miela-portability{margin-top:42px;padding:28px;border:1px solid var(--miela-line);border-radius:var(--miela-radius);background:var(--miela-white)}
html[data-brand="miela"] .miela-portability-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
html[data-brand="miela"] .miela-portability h2{margin:6px 0 8px;font-size:28px;color:var(--miela-ink)}html[data-brand="miela"] .miela-portability p{max-width:720px;margin:0;color:var(--miela-muted);line-height:1.65}
html[data-brand="miela"] .miela-portability-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html[data-brand="miela"] .miela-import-label{cursor:pointer}html[data-brand="miela"] .miela-import-label input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-brand="miela"] .miela-portability small{display:block;margin-top:16px;padding-top:16px;border-top:1px solid var(--miela-line);color:var(--miela-muted);line-height:1.55}
html[data-brand="miela"] .footer-trust-links{display:grid;gap:2px;margin-top:6px}html[data-brand="miela"] .footer-trust-links a{display:flex;align-items:center;min-height:28px;padding:2px 0;color:inherit;text-decoration:none}html[data-brand="miela"] .footer-trust-links a:hover{text-decoration:underline;text-underline-offset:3px}
html[data-brand="miela"] .miela-prerender{max-width:var(--miela-content);margin:auto;padding:72px 28px 96px;color:var(--miela-ink)}
html[data-brand="miela"] .miela-prerender .eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--miela-muted)}
html[data-brand="miela"] .miela-prerender h1{max-width:920px;margin:12px 0 18px;font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.045em}
html[data-brand="miela"] .miela-prerender>.lede{max-width:760px;font-size:18px;line-height:1.7;color:var(--miela-ink-2)}
html[data-brand="miela"] .miela-prerender-meta{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 36px}html[data-brand="miela"] .miela-prerender-meta span{padding:7px 10px;border:1px solid var(--miela-line);border-radius:999px;background:var(--miela-white);font-size:11px;font-weight:700}
html[data-brand="miela"] .miela-prerender-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}html[data-brand="miela"] .miela-prerender-card{padding:22px;border:1px solid var(--miela-line);border-radius:var(--miela-radius);background:var(--miela-white)}
html[data-brand="miela"] .miela-prerender-card h2,html[data-brand="miela"] .miela-prerender-card h3{margin:0 0 8px;font-size:20px}html[data-brand="miela"] .miela-prerender-card p{margin:0;color:var(--miela-muted);line-height:1.6}
html[data-brand="miela"] .miela-prerender-list{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--miela-line)}html[data-brand="miela"] .miela-prerender-list li{padding:16px 0;border-bottom:1px solid var(--miela-line)}
html[data-brand="miela"] .trust-page{max-width:980px;margin:auto;padding:70px 28px 100px;color:var(--miela-ink)}
html[data-brand="miela"] .trust-breadcrumb{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:56px;font-size:12px;font-weight:700}html[data-brand="miela"] .trust-breadcrumb a{color:inherit;text-decoration:none}
html[data-brand="miela"] .trust-page header{max-width:780px;margin-bottom:52px}html[data-brand="miela"] .trust-page header span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--miela-muted)}html[data-brand="miela"] .trust-page h1{margin:12px 0 16px;font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-.045em}html[data-brand="miela"] .trust-page header p{font-size:18px;line-height:1.7;color:var(--miela-ink-2)}
html[data-brand="miela"] .trust-section{padding:30px 0;border-top:1px solid var(--miela-line)}html[data-brand="miela"] .trust-section h2{margin:0 0 12px;font-size:26px}html[data-brand="miela"] .trust-section p,html[data-brand="miela"] .trust-section li{color:var(--miela-ink-2);line-height:1.75}html[data-brand="miela"] .trust-section ul{padding-left:20px}
html[data-brand="miela"] .trust-callout{margin:28px 0;padding:24px;border-radius:var(--miela-radius);background:var(--miela-ink);color:var(--miela-white)}html[data-brand="miela"] .trust-callout *{color:inherit!important}
html[data-brand="miela"] .trust-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}html[data-brand="miela"] .trust-links a{display:inline-flex;padding:10px 14px;border:1px solid var(--miela-line-strong);border-radius:999px;color:var(--miela-ink);text-decoration:none;font-size:12px;font-weight:700}
@media(max-width:760px){html[data-brand="miela"] .miela-proof-inner{grid-template-columns:1fr 1fr;padding:20px}html[data-brand="miela"] .miela-proof-item{padding:12px;border-right:0;border-bottom:1px solid var(--miela-line)}html[data-brand="miela"] .miela-proof-item:nth-child(odd){border-right:1px solid var(--miela-line)}html[data-brand="miela"] .miela-proof-item:nth-child(3),html[data-brand="miela"] .miela-proof-item:nth-child(4){border-bottom:0}html[data-brand="miela"] .miela-discovery-filters{grid-template-columns:1fr}html[data-brand="miela"] .miela-filter-status{grid-column:1}html[data-brand="miela"] .miela-portability-grid{grid-template-columns:1fr}html[data-brand="miela"] .miela-portability-actions{justify-content:flex-start}html[data-brand="miela"] .miela-prerender-grid{grid-template-columns:1fr}}


/* ---- auth-v1.css ---- */
html[data-brand="miela"] .miela-auth-slot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
html[data-brand="miela"] .miela-auth-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid rgba(34,31,28,.18);border-radius:999px;background:rgba(255,255,255,.72);color:var(--miela-ink,#221f1c);font:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 0 rgba(34,31,28,.04);transition:background .18s ease,border-color .18s ease,transform .18s ease}
html[data-brand="miela"] .miela-auth-trigger:hover{background:#fff;border-color:rgba(34,31,28,.3);transform:translateY(-1px)}
html[data-brand="miela"] .miela-auth-trigger:focus-visible{outline:3px solid rgba(176,54,50,.22);outline-offset:2px}
html[data-brand="miela"] .miela-get-started{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--miela-coral,#e85d4a);border-radius:999px;background:#f6d6ce;color:var(--miela-ink,#1f2430);font:inherit;font-size:13px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:inset 3px 0 0 var(--miela-coral,#e85d4a);transition:background .18s ease,border-color .18s ease,transform .18s ease}
html[data-brand="miela"] .miela-get-started:hover{background:#f2c7bd;border-color:#c74838;transform:translateY(-1px)}
html[data-brand="miela"] .miela-get-started:focus-visible{outline:3px solid rgba(232,93,74,.35);outline-offset:2px}
html[data-brand="miela"] .miela-auth-trigger .miela-auth-avatar{inline-size:24px;block-size:24px;border-radius:50%;object-fit:cover;background:#eee8df}
html[data-brand="miela"] .miela-auth-trigger .miela-auth-initial{display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%;background:var(--miela-ink,#221f1c);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase}
html[data-brand="miela"] .miela-auth-trigger .miela-auth-sync-dot{inline-size:7px;block-size:7px;border-radius:50%;background:#2f8a61;box-shadow:0 0 0 3px rgba(47,138,97,.12)}
html[data-brand="miela"] .miela-auth-trigger[data-sync="syncing"] .miela-auth-sync-dot{background:#b7812f;box-shadow:0 0 0 3px rgba(183,129,47,.12)}
html[data-brand="miela"] .miela-auth-trigger[data-sync="error"] .miela-auth-sync-dot{background:#b03632;box-shadow:0 0 0 3px rgba(176,54,50,.12)}
html[data-brand="miela"] .miela-auth-dialog{width:min(92vw,440px);max-height:min(86vh,720px);padding:0;border:0;border-radius:24px;background:#fbf8f2;color:var(--miela-ink,#221f1c);box-shadow:0 24px 80px rgba(34,31,28,.24);overflow:auto}
html[data-brand="miela"] .miela-auth-dialog::backdrop{background:rgba(30,27,24,.44);backdrop-filter:blur(5px)}
html[data-brand="miela"] .miela-auth-dialog-shell{padding:24px}
html[data-brand="miela"] .miela-auth-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
html[data-brand="miela"] .miela-auth-dialog-head h2{margin:4px 0 0;font-size:28px;line-height:1.05;letter-spacing:-.025em}
html[data-brand="miela"] .miela-auth-eyebrow{margin:0;color:rgba(34,31,28,.62);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
html[data-brand="miela"] .miela-auth-close{display:grid;place-items:center;inline-size:38px;block-size:38px;border:1px solid rgba(34,31,28,.14);border-radius:50%;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer}
html[data-brand="miela"] .miela-auth-copy{margin:0 0 18px;color:rgba(34,31,28,.72);font-size:15px;line-height:1.6}
html[data-brand="miela"] .miela-provider-buttons{display:grid;gap:10px;width:100%}
html[data-brand="miela"] .miela-provider-button,html[data-brand="miela"] .miela-google-button,html[data-brand="miela"] .miela-microsoft-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:50px;padding:11px 16px;border:1px solid rgba(34,31,28,.18);border-radius:14px;background:#fff;color:var(--miela-ink,#221f1c);font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
html[data-brand="miela"] .miela-provider-button:hover,html[data-brand="miela"] .miela-google-button:hover,html[data-brand="miela"] .miela-microsoft-button:hover{border-color:rgba(34,31,28,.34);background:#fff;transform:translateY(-1px)}
html[data-brand="miela"] .miela-provider-button:focus-visible,html[data-brand="miela"] .miela-google-button:focus-visible,html[data-brand="miela"] .miela-microsoft-button:focus-visible{outline:3px solid rgba(176,54,50,.22);outline-offset:2px}
html[data-brand="miela"] .miela-google-mark{display:grid;place-items:center;inline-size:24px;block-size:24px;border:1px solid rgba(34,31,28,.12);border-radius:50%;font-size:14px;font-weight:800}
html[data-brand="miela"] .miela-microsoft-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:2px;inline-size:18px;block-size:18px;align-content:center;justify-content:center}
html[data-brand="miela"] .miela-microsoft-mark i{display:block;inline-size:7px;block-size:7px;background:currentColor;border-radius:1px;opacity:.84}
html[data-brand="miela"] .miela-access-dialog .miela-provider-buttons{margin-top:.8rem}
html[data-brand="miela"] .miela-access-dialog .miela-provider-buttons .btn{width:100%;margin:0;justify-content:center}
html[data-brand="miela"] .miela-auth-note{margin:14px 0 0;color:rgba(34,31,28,.58);font-size:12px;line-height:1.5}
html[data-brand="miela"] .miela-account-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border:1px solid rgba(34,31,28,.12);border-radius:18px;background:rgba(255,255,255,.62)}
html[data-brand="miela"] .miela-account-avatar{display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:50%;background:var(--miela-ink,#221f1c);color:#fff;font-weight:800;overflow:hidden}
html[data-brand="miela"] .miela-account-avatar img{width:100%;height:100%;object-fit:cover}
html[data-brand="miela"] .miela-account-card strong{display:block;font-size:15px}
html[data-brand="miela"] .miela-account-card small{display:block;margin-top:3px;color:rgba(34,31,28,.6);font-size:12px;overflow-wrap:anywhere}
html[data-brand="miela"] .miela-sync-status{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:11px 12px;border-radius:12px;background:rgba(47,138,97,.08);color:#246b4c;font-size:12px;font-weight:700}
html[data-brand="miela"] .miela-sync-status[data-state="syncing"]{background:rgba(183,129,47,.09);color:#825f22}
html[data-brand="miela"] .miela-sync-status[data-state="error"]{background:rgba(176,54,50,.08);color:#943a36}
html[data-brand="miela"] .miela-auth-actions{display:grid;gap:9px;margin-top:18px}
html[data-brand="miela"] .miela-auth-action{min-height:44px;padding:10px 14px;border:1px solid rgba(34,31,28,.16);border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
html[data-brand="miela"] .miela-auth-action:hover{background:rgba(255,255,255,.72)}
html[data-brand="miela"] .miela-auth-action.primary{background:var(--miela-ink,#221f1c);border-color:var(--miela-ink,#221f1c);color:#fff}
html[data-brand="miela"] .miela-auth-action.danger{color:#943a36}
html[data-brand="miela"] .miela-auth-import{margin-top:16px;padding:14px;border:1px solid rgba(183,129,47,.22);border-radius:14px;background:rgba(183,129,47,.07)}
html[data-brand="miela"] .miela-auth-import strong{display:block;font-size:13px}
html[data-brand="miela"] .miela-auth-import p{margin:6px 0 10px;color:rgba(34,31,28,.67);font-size:12px;line-height:1.5}
html[data-brand="miela"] .miela-auth-toast{position:fixed;right:20px;bottom:20px;z-index:10000;max-width:min(360px,calc(100vw - 40px));padding:12px 14px;border-radius:12px;background:#221f1c;color:#fff;font-size:13px;font-weight:650;box-shadow:0 12px 36px rgba(34,31,28,.24);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
html[data-brand="miela"] .miela-auth-toast.show{opacity:1;transform:translateY(0)}
@media (max-width:900px){html[data-brand="miela"] .miela-auth-trigger{min-width:0;padding:7px 10px}html[data-brand="miela"] .miela-auth-slot{gap:6px;margin-left:4px}html[data-brand="miela"] .miela-get-started{min-height:38px;padding:7px 10px;font-size:12px}}
@media (max-width:640px){html[data-brand="miela"] .miela-auth-dialog{width:calc(100vw - 24px);border-radius:20px}html[data-brand="miela"] .miela-auth-dialog-shell{padding:20px}html[data-brand="miela"] .miela-auth-dialog-head h2{font-size:24px}}

/* Keep the signed-out header usable at browser zoom: the CTA group must be
   allowed to shrink/wrap instead of forcing the document wider. The quiet
   button pseudo-element is decorative, so it must not create off-canvas width. */
html[data-brand="miela"] .miela-public-nav-ctas,
html[data-brand="miela"] .miela-auth-slot{min-width:0;max-width:100%;flex-wrap:wrap}
html[data-brand="miela"] .miela-public-nav-ctas>*,
html[data-brand="miela"] .miela-auth-slot>*{min-width:0;max-width:100%}
html[data-brand="miela"] .miela-public-nav-ctas .btn.quiet::after{content:none!important;display:none!important}



/* ---- email-auth-v1.css ---- */
html[data-brand="miela"] .miela-email-button{margin-top:2px}
html[data-brand="miela"] .miela-email-mark{display:grid;place-items:center;inline-size:24px;block-size:24px;border:1px solid rgba(34,31,28,.14);border-radius:50%;font-size:13px;font-weight:850;line-height:1}
html[data-brand="miela"] .miela-email-panel,html[data-brand="miela"] .miela-email-recovery{margin-top:14px;padding:16px;border:1px solid rgba(34,31,28,.12);border-radius:16px;background:rgba(255,255,255,.58)}
html[data-brand="miela"] .miela-email-recovery{margin-bottom:14px}
html[data-brand="miela"] .miela-email-recovery h3,html[data-brand="miela"] .miela-email-panel h3{margin:4px 0 8px;font-size:19px;line-height:1.2;letter-spacing:-.015em}
html[data-brand="miela"] .miela-email-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;border-radius:12px;background:rgba(34,31,28,.055)}
html[data-brand="miela"] .miela-email-tabs button{min-height:38px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:rgba(34,31,28,.68);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
html[data-brand="miela"] .miela-email-tabs button[aria-selected="true"]{background:#fff;color:var(--miela-ink,#221f1c);box-shadow:0 1px 5px rgba(34,31,28,.08)}
html[data-brand="miela"] .miela-email-tabs button:focus-visible,html[data-brand="miela"] .miela-email-forgot:focus-visible,html[data-brand="miela"] .miela-email-back:focus-visible{outline:3px solid rgba(232,93,74,.28);outline-offset:2px}
html[data-brand="miela"] .miela-email-form{display:grid;gap:11px}
html[data-brand="miela"] .miela-email-field{display:grid;gap:6px}
html[data-brand="miela"] .miela-email-field>span{font-size:12px;font-weight:750;color:rgba(34,31,28,.76)}
html[data-brand="miela"] .miela-email-field input{width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(34,31,28,.18);border-radius:11px;background:#fff;color:var(--miela-ink,#221f1c);font:inherit;font-size:14px;outline:0;transition:border-color .16s ease,box-shadow .16s ease}
html[data-brand="miela"] .miela-email-field input:focus{border-color:rgba(232,93,74,.72);box-shadow:0 0 0 3px rgba(232,93,74,.13)}
html[data-brand="miela"] .miela-email-help{margin:0;color:rgba(34,31,28,.59);font-size:12px;line-height:1.5}
html[data-brand="miela"] .miela-email-status{margin:0;padding:10px 11px;border-radius:10px;background:rgba(34,31,28,.055);color:rgba(34,31,28,.78);font-size:12px;line-height:1.45}
html[data-brand="miela"] .miela-email-status[data-tone="success"]{background:rgba(47,138,97,.1);color:#246b4c}
html[data-brand="miela"] .miela-email-status[data-tone="error"]{background:rgba(176,54,50,.09);color:#943a36}
html[data-brand="miela"] .miela-email-forgot,html[data-brand="miela"] .miela-email-back{justify-self:start;padding:3px 0;border:0;background:transparent;color:rgba(34,31,28,.68);font:inherit;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html[data-brand="miela"] .miela-email-panel .miela-auth-action.primary,html[data-brand="miela"] .miela-email-recovery .miela-auth-action.primary{width:100%;margin-top:1px}
@media (max-width:640px){html[data-brand="miela"] .miela-email-panel,html[data-brand="miela"] .miela-email-recovery{padding:14px}}



/* ---- account-v2.css ---- */
/* MIELA Account + Admin Experience v2 */
html[data-brand="miela"] .miela-admin-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:999px;background:rgba(232,93,74,.1);color:#a64134;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
html[data-brand="miela"] .miela-admin-link:hover{background:rgba(232,93,74,.16)}
html[data-brand="miela"] .miela-admin-link:focus-visible{outline:3px solid rgba(232,93,74,.2);outline-offset:2px}
html[data-brand="miela"] .miela-auth-secondary{width:100%;min-height:44px;margin-top:9px;padding:10px 14px;border:0;background:transparent;color:rgba(34,31,28,.68);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
html[data-brand="miela"] .miela-auth-secondary:hover{text-decoration:underline;text-underline-offset:3px}
html[data-brand="miela"] .miela-auth-context{margin:0 0 14px;padding:11px 12px;border-radius:12px;background:rgba(185,167,214,.16);color:#51445f;font-size:12px;font-weight:700;line-height:1.45}
html[data-brand="miela"] .miela-admin-role{display:inline-flex;align-items:center;min-height:24px;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(232,93,74,.1);color:#a64134;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

html[data-brand="miela"] body[data-entry="admin"]{background:var(--miela-ivory,#f7f3ec)}
html[data-brand="miela"] .miela-admin-shell{min-height:100vh;background:linear-gradient(180deg,#fbf8f2 0,#f7f3ec 58%,#f5efe6 100%);color:var(--miela-ink,#221f1c)}
html[data-brand="miela"] .miela-admin-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(34,31,28,.09);background:rgba(251,248,242,.92);backdrop-filter:blur(14px)}
html[data-brand="miela"] .miela-admin-header .header-inner{display:flex;align-items:center;gap:14px;max-width:1240px;margin:auto;padding:14px 24px}
html[data-brand="miela"] .miela-admin-home{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-weight:850;letter-spacing:-.02em}
html[data-brand="miela"] .miela-admin-home .mark{display:grid;place-items:center;inline-size:31px;block-size:31px;border-radius:10px;background:var(--miela-ink,#221f1c);color:#fff;font-size:13px}
html[data-brand="miela"] .miela-admin-header-label{padding-left:2px;color:rgba(34,31,28,.54);font-size:12px;font-weight:750}
html[data-brand="miela"] .miela-admin-main{max-width:1240px;margin:auto;padding:48px 24px 96px}
html[data-brand="miela"] .miela-admin-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:28px}
html[data-brand="miela"] .miela-admin-eyebrow{margin:0 0 8px;color:#a64134;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
html[data-brand="miela"] .miela-admin-hero h1{max-width:820px;margin:0;font-size:clamp(38px,6vw,68px);line-height:.98;letter-spacing:-.055em}
html[data-brand="miela"] .miela-admin-hero p{max-width:760px;margin:16px 0 0;color:rgba(34,31,28,.67);font-size:16px;line-height:1.6}
html[data-brand="miela"] .miela-admin-refresh{min-height:42px;padding:10px 15px;border:1px solid rgba(34,31,28,.14);border-radius:12px;background:#fff;color:inherit;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
html[data-brand="miela"] .miela-admin-refresh:hover{border-color:rgba(34,31,28,.28)}

html[data-brand="miela"] .miela-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0}
html[data-brand="miela"] .miela-admin-stat{padding:20px;border:1px solid rgba(34,31,28,.1);border-radius:18px;background:rgba(255,255,255,.74);box-shadow:0 1px 0 rgba(34,31,28,.03)}
html[data-brand="miela"] .miela-admin-stat span{display:block;color:rgba(34,31,28,.55);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html[data-brand="miela"] .miela-admin-stat strong{display:block;margin-top:8px;font-size:34px;line-height:1;letter-spacing:-.04em}
html[data-brand="miela"] .miela-admin-stat small{display:block;margin-top:7px;color:rgba(34,31,28,.52);font-size:11px;line-height:1.4}

html[data-brand="miela"] .miela-admin-panel{overflow:hidden;border:1px solid rgba(34,31,28,.11);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 14px 44px rgba(34,31,28,.05)}
html[data-brand="miela"] .miela-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(34,31,28,.08)}
html[data-brand="miela"] .miela-admin-toolbar h2{margin:0;font-size:19px;letter-spacing:-.025em}
html[data-brand="miela"] .miela-admin-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html[data-brand="miela"] .miela-admin-search,html[data-brand="miela"] .miela-admin-filter{min-height:38px;border:1px solid rgba(34,31,28,.14);border-radius:10px;background:#fff;color:inherit;font:inherit;font-size:12px}
html[data-brand="miela"] .miela-admin-search{width:min(290px,52vw);padding:8px 11px}
html[data-brand="miela"] .miela-admin-filter{padding:7px 28px 7px 10px}
html[data-brand="miela"] .miela-admin-table-wrap{overflow-x:auto}
html[data-brand="miela"] .miela-admin-table{width:100%;border-collapse:collapse;min-width:860px}
html[data-brand="miela"] .miela-admin-table th{padding:11px 16px;border-bottom:1px solid rgba(34,31,28,.08);color:rgba(34,31,28,.52);font-size:10px;font-weight:850;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}
html[data-brand="miela"] .miela-admin-table td{padding:14px 16px;border-bottom:1px solid rgba(34,31,28,.065);font-size:12px;vertical-align:middle}
html[data-brand="miela"] .miela-admin-table tbody tr:last-child td{border-bottom:0}
html[data-brand="miela"] .miela-admin-table tbody tr:hover{background:rgba(247,243,236,.7)}
html[data-brand="miela"] .miela-admin-person{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:220px}
html[data-brand="miela"] .miela-admin-avatar{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;background:#ede6dc;color:#514a43;font-size:11px;font-weight:850;overflow:hidden}
html[data-brand="miela"] .miela-admin-avatar img{width:100%;height:100%;object-fit:cover}
html[data-brand="miela"] .miela-admin-person strong,html[data-brand="miela"] .miela-admin-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-brand="miela"] .miela-admin-person strong{font-size:12px}
html[data-brand="miela"] .miela-admin-person small{margin-top:2px;color:rgba(34,31,28,.55);font-size:10px}
html[data-brand="miela"] .miela-role-pill{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;background:#eee8df;color:#5c554e;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
html[data-brand="miela"] .miela-role-pill.admin{background:rgba(232,93,74,.11);color:#a64134}
html[data-brand="miela"] .miela-admin-progress{display:flex;align-items:center;gap:8px;min-width:120px}
html[data-brand="miela"] .miela-admin-progress-track{width:70px;height:6px;border-radius:99px;background:#ebe4da;overflow:hidden}
html[data-brand="miela"] .miela-admin-progress-track i{display:block;height:100%;border-radius:inherit;background:#a9c1b2}
html[data-brand="miela"] .miela-admin-view{padding:7px 10px;border:1px solid rgba(34,31,28,.12);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
html[data-brand="miela"] .miela-admin-empty{padding:42px 22px;color:rgba(34,31,28,.62);text-align:center;font-size:13px}
html[data-brand="miela"] .miela-admin-footnote{margin:12px 3px 0;color:rgba(34,31,28,.52);font-size:11px;line-height:1.5}

html[data-brand="miela"] .miela-admin-detail{width:min(92vw,680px);max-height:84vh;padding:0;border:0;border-radius:24px;background:#fbf8f2;color:inherit;box-shadow:0 24px 90px rgba(34,31,28,.26);overflow:auto}
html[data-brand="miela"] .miela-admin-detail::backdrop{background:rgba(30,27,24,.44);backdrop-filter:blur(5px)}
html[data-brand="miela"] .miela-admin-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px 22px 16px;border-bottom:1px solid rgba(34,31,28,.08)}
html[data-brand="miela"] .miela-admin-detail-head h2{margin:3px 0 0;font-size:26px;letter-spacing:-.035em}
html[data-brand="miela"] .miela-admin-detail-head p{margin:5px 0 0;color:rgba(34,31,28,.56);font-size:11px}
html[data-brand="miela"] .miela-admin-close{display:grid;place-items:center;inline-size:36px;block-size:36px;border:1px solid rgba(34,31,28,.13);border-radius:50%;background:transparent;color:inherit;font-size:20px;cursor:pointer}
html[data-brand="miela"] .miela-admin-detail-body{padding:18px 22px 24px}
html[data-brand="miela"] .miela-admin-course-list{display:grid;gap:9px;margin-top:14px}
html[data-brand="miela"] .miela-admin-course-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border:1px solid rgba(34,31,28,.09);border-radius:13px;background:#fff}
html[data-brand="miela"] .miela-admin-course-row strong{display:block;font-size:12px}
html[data-brand="miela"] .miela-admin-course-row small{display:block;margin-top:3px;color:rgba(34,31,28,.55);font-size:10px}
html[data-brand="miela"] .miela-admin-course-row b{font-size:12px}

html[data-brand="miela"] .miela-admin-locked{max-width:720px;margin:11vh auto 0;padding:34px;border:1px solid rgba(34,31,28,.1);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 18px 56px rgba(34,31,28,.06)}
html[data-brand="miela"] .miela-admin-locked h1{margin:0;font-size:38px;letter-spacing:-.045em}
html[data-brand="miela"] .miela-admin-locked p{margin:14px 0;color:rgba(34,31,28,.66);line-height:1.65}
html[data-brand="miela"] .miela-admin-locked .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:0;border-radius:12px;background:var(--miela-ink,#221f1c);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none}

@media(max-width:900px){html[data-brand="miela"] .miela-admin-link{padding:8px 10px;font-size:0}html[data-brand="miela"] .miela-admin-link::after{content:'Admin';font-size:10px}html[data-brand="miela"] .miela-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-brand="miela"] .miela-admin-hero{grid-template-columns:1fr;align-items:start}html[data-brand="miela"] .miela-admin-refresh{justify-self:start}}
@media(max-width:640px){html[data-brand="miela"] .miela-admin-main{padding:34px 16px 80px}html[data-brand="miela"] .miela-admin-header .header-inner{padding:12px 16px}html[data-brand="miela"] .miela-admin-header-label{display:none}html[data-brand="miela"] .miela-admin-stats{grid-template-columns:1fr 1fr;gap:8px}html[data-brand="miela"] .miela-admin-stat{padding:15px}html[data-brand="miela"] .miela-admin-stat strong{font-size:27px}html[data-brand="miela"] .miela-admin-toolbar{align-items:flex-start;flex-direction:column}html[data-brand="miela"] .miela-admin-controls{width:100%;justify-content:flex-start}html[data-brand="miela"] .miela-admin-search{width:100%;max-width:none}html[data-brand="miela"] .miela-admin-filter{flex:1}html[data-brand="miela"] .miela-admin-detail-head h2{font-size:22px}}



/* ---- access-insights-v1.css ---- */
/* MIELA public access + insights v1 */
.miela-access-kicker{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8b3f43;margin-bottom:.75rem}.miela-public-landing{background:#f7f3ec}.miela-public-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:3rem;padding-top:4.25rem;padding-bottom:4.5rem;align-items:end}.miela-public-hero h1{font-size:clamp(3rem,5.5vw,5.3rem);line-height:.96;letter-spacing:-.055em;max-width:13ch;margin:.25rem 0 1.25rem;text-wrap:balance}.miela-public-hero p{font-size:1.15rem;line-height:1.65;max-width:62ch}.miela-public-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.7rem 0 .75rem}.miela-public-hero-copy>small{display:block;max-width:56ch;opacity:.72}.miela-public-proof{border-left:1px solid rgba(24,28,30,.2);padding-left:2rem}.miela-public-proof strong{display:block;font-size:4.8rem;line-height:.9;letter-spacing:-.05em}.miela-public-proof span{display:block;font-weight:700;margin:.65rem 0}.miela-trial-feature{display:grid;grid-template-columns:1fr .8fr;gap:3rem;background:#fff;border:1px solid rgba(24,28,30,.12);border-radius:28px;padding:3rem;margin-bottom:5rem;box-shadow:0 20px 50px rgba(25,29,32,.06)}.miela-trial-feature h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1;margin:.2rem 0 1rem}.miela-trial-feature p{font-size:1.08rem;line-height:1.65}.miela-trial-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.1rem 0 1.5rem}.miela-trial-meta span{font-size:.8rem;border:1px solid rgba(24,28,30,.14);border-radius:999px;padding:.45rem .7rem}.miela-trial-grid{display:grid;gap:.8rem;align-content:center}.miela-trial-grid>div{display:grid;grid-template-columns:54px 1fr;gap:.8rem;align-items:center;padding:1rem;border-top:1px solid rgba(24,28,30,.12)}.miela-trial-grid b{font-size:1.7rem}.miela-trial-grid span{font-weight:650}.miela-library-preview{padding-bottom:5rem}.miela-library-preview>header{max-width:760px;margin-bottom:2rem}.miela-library-preview h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.02;margin:.2rem 0 1rem}.miela-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.miela-preview-card{display:flex;flex-direction:column;justify-content:space-between;min-height:280px;background:#fff;border:1px solid rgba(24,28,30,.12);border-radius:22px;padding:1.4rem}.miela-preview-card>div:first-child>span{font-size:.76rem;opacity:.62}.miela-preview-card h3{font-size:1.35rem;line-height:1.1;margin:.65rem 0}.miela-preview-card p{font-size:.92rem;line-height:1.55;opacity:.78}.miela-preview-card-footer{display:grid;gap:.7rem;padding-top:1rem}.miela-preview-lock{display:inline-flex;align-items:center;gap:.4rem;color:#575b60;font-size:.76rem;font-weight:650}.miela-preview-lock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.miela-preview-card button{border:0;background:none;padding:0;text-align:left;font:inherit;font-weight:700;cursor:pointer;color:inherit}.miela-preview-card button:hover{text-decoration:underline;text-decoration-color:#e85d4a;text-underline-offset:.25em}.miela-unlock-band{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding:1.35rem 1.5rem;border-radius:18px;background:#1f2528;color:#fff}.miela-unlock-band strong,.miela-unlock-band span{display:block}.miela-unlock-band span{opacity:.72;margin-top:.2rem}.miela-public-philosophy{background:#1f2528;color:#fff;padding:5rem 0}.miela-public-philosophy p{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;opacity:.62}.miela-public-philosophy h2{font-size:clamp(2rem,4vw,4.1rem);line-height:1.05;max-width:18ch;margin:.75rem 0 0}.miela-access-dialog{border:0;border-radius:24px;padding:0;max-width:520px;width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);overflow:auto;background:#fff;color:#1f2528;box-shadow:0 30px 100px rgba(0,0,0,.25)}.miela-access-dialog::backdrop{background:rgba(16,19,20,.52);backdrop-filter:blur(4px)}.miela-access-dialog-card{position:relative;padding:2.2rem}.miela-access-dialog-card h2{font-size:2.2rem;line-height:1.03;margin:.2rem 0 1rem}.miela-access-dialog-card p{line-height:1.6}.miela-access-dialog-card small{display:block;margin-top:1rem;opacity:.65}.miela-access-close{position:absolute;top:1rem;right:1rem;border:0;background:#f2eee7;border-radius:999px;width:36px;height:36px;font-size:1.4rem;cursor:pointer}.miela-access-google{width:100%;margin-top:.8rem}.miela-locked-page{max-width:800px;padding-top:7rem;padding-bottom:7rem}.miela-locked-page h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;margin:.2rem 0 1rem}.miela-locked-page p{font-size:1.1rem;line-height:1.65;max-width:62ch}.miela-locked-page>div{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.miela-trial-page{padding-top:2rem;padding-bottom:5rem}.miela-trial-back{display:inline-block;margin-bottom:2.2rem;text-decoration:none;color:inherit;font-weight:650}.miela-trial-header{display:grid;grid-template-columns:1fr 180px;gap:2rem;align-items:end;border-bottom:1px solid rgba(24,28,30,.15);padding-bottom:2rem}.miela-trial-header h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:.96;margin:.2rem 0 1rem}.miela-trial-progress span{display:block;text-align:right;font-weight:700}.miela-trial-progress i{display:block;height:8px;background:rgba(24,28,30,.1);border-radius:999px;overflow:hidden;margin-top:.5rem}.miela-trial-progress b{display:block;height:100%;background:currentColor}.miela-trial-step{max-width:850px;margin:3.5rem auto 0}.miela-trial-step>span{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#8b3f43}.miela-trial-step h2{font-size:clamp(2rem,4vw,3.6rem);margin:.5rem 0 1.25rem}.miela-trial-step>p{font-size:1.08rem;line-height:1.75}.miela-trial-check{margin-top:2.4rem;padding:1.6rem;background:#fff;border:1px solid rgba(24,28,30,.12);border-radius:20px}.miela-trial-check>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.miela-trial-check h3{font-size:1.35rem;line-height:1.25;margin:.6rem 0 1rem}.miela-trial-check>div{display:grid;gap:.65rem}.miela-trial-option{border:1px solid rgba(24,28,30,.16);background:#fbf9f5;border-radius:14px;padding:1rem;text-align:left;font:inherit;cursor:pointer}.miela-trial-option:hover{border-color:rgba(24,28,30,.5)}.miela-trial-option.correct{border-color:#2d6a4f;background:#ecf7f1}.miela-trial-option.incorrect{border-color:#9b3b43;background:#fff0f0}.miela-trial-feedback{min-height:1.5rem;margin:.9rem 0 0;font-weight:650}.miela-trial-complete{max-width:760px;margin:5rem auto;text-align:center}.miela-trial-complete h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:.98}.miela-trial-complete p{font-size:1.08rem;line-height:1.7}.miela-trial-score{display:flex;justify-content:center;align-items:baseline;gap:.6rem;margin:2rem 0}.miela-trial-score strong{font-size:3.5rem}.miela-trial-score span{opacity:.62}.miela-trial-complete small{display:block;margin:1rem auto;max-width:56ch;opacity:.65}.miela-interest-card{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;margin-top:2rem;margin-bottom:4rem;padding:2rem;border:1px solid rgba(24,28,30,.13);border-radius:24px;background:#fff}.miela-interest-card h2{font-size:2rem;line-height:1.1;margin:.2rem 0 .8rem}.miela-interest-card p{line-height:1.6}.miela-interest-actions{display:grid;gap:.7rem;align-content:center}.miela-interest-actions small{min-height:1.2rem;text-align:center}.miela-insights{margin:2rem 0}.miela-insights>header h2{font-size:2rem;margin:.2rem 0 .4rem}.miela-insight-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0}.miela-insight-cards article{background:#fff;border:1px solid rgba(24,28,30,.12);border-radius:18px;padding:1rem}.miela-insight-cards span,.miela-insight-cards small{display:block;font-size:.76rem;opacity:.65}.miela-insights-card strong{display:block;font-size:1rem;line-height:1.2;margin:.5rem 0}.miela-insights-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem}.miela-insights-grid>article{background:#fff;border:1px solid rgba(24,28,30,.12);border-radius:18px;padding:1rem}.miela-insights-table table{width:100%;border-collapse:collapse;font-size:.84rem}.miela-insights-table th,.miela-insights-table td{text-align:left;padding:.7rem .45rem;border-bottom:1px solid rgba(24,28,30,.08)}.miela-insights-scroll{overflow:auto}.miela-drop-row{display:grid;grid-template-columns:70px 1fr 40px;gap:.6rem;align-items:center;margin:.6rem 0;font-size:.78rem}.miela-drop-row i{height:7px;background:rgba(24,28,30,.09);border-radius:999px;overflow:hidden}.miela-drop-row b{display:block;height:100%;background:currentColor}.miela-dropoff>p{font-weight:700}.miela-dropoff>small{display:block;margin-top:1rem;opacity:.6}.miela-access-dialog button:focus-visible,.miela-preview-card button:focus-visible,.miela-trial-option:focus-visible{outline:3px solid #1f2430;outline-offset:3px}
@media(max-width:900px){.miela-public-hero,.miela-trial-feature,.miela-interest-card,.miela-insights-grid{grid-template-columns:1fr}.miela-preview-grid{grid-template-columns:1fr 1fr}.miela-insight-cards{grid-template-columns:1fr 1fr}.miela-public-proof{border-left:0;border-top:1px solid rgba(24,28,30,.18);padding-left:0;padding-top:1.5rem}.miela-trial-header{grid-template-columns:1fr}.miela-trial-progress span{text-align:left}}
@media(max-width:620px){.miela-public-hero{padding-top:3rem}.miela-public-hero h1{font-size:clamp(2.75rem,13vw,3.8rem);max-width:11ch}.miela-trial-feature{padding:1.35rem;border-radius:20px}.miela-preview-grid,.miela-insight-cards{grid-template-columns:1fr}.miela-unlock-band{align-items:flex-start;flex-direction:column}.miela-public-actions .btn,.miela-locked-page .btn{width:100%}.miela-trial-page{padding-top:1rem}.miela-trial-step{margin-top:2rem}.miela-access-dialog-card{padding:1.5rem}.miela-access-dialog-card h2{font-size:2rem}}

/* Keep the insight-card hierarchy consistent with the public card treatment. */
.miela-insight-cards strong{display:block;font-size:1rem;line-height:1.2;margin:.5rem 0}

/* Signed-out library cards stay browsable but make the next step unambiguous. */
.miela-library-card-locked .course-card-actions{position:relative}
.miela-library-lock{display:inline-flex;align-items:center;gap:.35rem;color:#575b60;font-size:.75rem;font-weight:700}
.miela-library-lock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.miela-library-card-locked .save-button{font-size:.75rem}



/* ---- catalog-experience-v1.css ---- */
/* MIELA 60-course / 8-area catalogue experience v2 */
.miela-catalog-overview{display:grid;grid-template-columns:repeat(3,minmax(130px,.55fr)) minmax(280px,1.35fr);gap:1rem;align-items:stretch;margin-top:-2rem;margin-bottom:4.5rem}.miela-catalog-overview>div,.miela-catalog-overview>p{margin:0;border:1px solid rgba(24,28,30,.12);border-radius:20px;background:#fff;padding:1.25rem 1.35rem}.miela-catalog-overview strong{display:block;font-size:2.35rem;line-height:1;letter-spacing:-.04em}.miela-catalog-overview span{display:block;margin-top:.35rem;font-size:.8rem;font-weight:700;opacity:.68}.miela-catalog-overview>p{display:flex;align-items:center;line-height:1.55;color:#50565a}
.miela-learning-areas{padding-bottom:5rem}.miela-learning-areas>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:2rem;align-items:end;margin-bottom:1.75rem}.miela-learning-areas h2,.miela-new-release h2,.miela-account-value h2,.miela-member-dashboard h2{font-size:clamp(2.3rem,4vw,4.1rem);line-height:1.02;letter-spacing:-.045em;margin:.2rem 0 .7rem}.miela-learning-areas>header>p,.miela-new-release>header>p{font-size:1rem;line-height:1.65;max-width:56ch;margin:0 0 .25rem auto}.miela-area-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.miela-area-entry{display:flex;flex-direction:column;min-height:240px;padding:1.35rem;border-radius:22px;border:1px solid rgba(24,28,30,.12);background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.miela-area-entry:hover{transform:translateY(-3px);border-color:rgba(24,28,30,.28);box-shadow:0 18px 38px rgba(25,29,32,.07)}.miela-area-entry>span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#8b3f43}.miela-area-entry>strong{font-size:1.55rem;line-height:1.05;margin:.55rem 0}.miela-area-entry>p{font-size:.9rem;line-height:1.55;opacity:.75;margin:0 0 1.2rem}.miela-area-entry>b{margin-top:auto;font-size:.88rem}
.miela-new-release{padding-bottom:5rem}.miela-new-release>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:2rem;align-items:end;margin-bottom:1.5rem}.miela-release-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.miela-release-course{display:flex;flex-direction:column;min-height:260px;border-radius:22px;border:1px solid rgba(24,28,30,.12);background:#fff;padding:1.35rem;color:inherit;text-decoration:none}.miela-release-course>span{font-size:.75rem;opacity:.62}.miela-release-course h3{font-size:1.3rem;line-height:1.1;margin:.65rem 0}.miela-release-course p{font-size:.9rem;line-height:1.55;opacity:.78}.miela-release-course b{margin-top:auto;font-size:.88rem}.miela-release-course.is-locked b{color:#8b3f43}.miela-release-link{display:inline-block;margin-top:1.25rem;font-weight:750;color:inherit;text-decoration:none}.miela-release-link:hover{text-decoration:underline;text-decoration-color:#e85d4a;text-underline-offset:.25em}
.miela-account-value{background:#ece5dc;padding:5rem 0}.miela-account-value>div>header{max-width:760px}.miela-account-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.75rem}.miela-account-value-grid article{background:rgba(255,255,255,.62);border:1px solid rgba(24,28,30,.1);border-radius:22px;padding:1.4rem}.miela-account-value-grid article>span{font-size:.8rem;font-weight:800;letter-spacing:.08em;color:#8b3f43}.miela-account-value-grid h3{font-size:1.35rem;margin:.7rem 0 .55rem}.miela-account-value-grid p{line-height:1.55;margin:0;opacity:.78}
.miela-member-dashboard{margin-top:2rem;margin-bottom:4rem;padding:2rem;border-radius:28px;background:#f2ece3;border:1px solid rgba(24,28,30,.1)}.miela-member-dashboard-main{max-width:900px}.miela-member-dashboard-main>p{font-size:1.05rem;line-height:1.65;max-width:65ch}.miela-member-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}.miela-member-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.6rem 0}.miela-member-stats>div{background:#fff;border:1px solid rgba(24,28,30,.1);border-radius:18px;padding:1rem}.miela-member-stats strong{display:block;font-size:2rem;line-height:1}.miela-member-stats span{display:block;margin-top:.3rem;font-size:.78rem;opacity:.68}.miela-member-area-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:1.6rem}.miela-member-area-strip a{display:flex;flex-direction:column;gap:.55rem;min-height:90px;padding:.8rem;border-radius:14px;background:#fff;border:1px solid rgba(24,28,30,.1);color:inherit;text-decoration:none}.miela-member-area-strip span{font-size:.78rem;font-weight:700;line-height:1.2}.miela-member-area-strip b{font-size:1.25rem}.miela-member-new{border-top:1px solid rgba(24,28,30,.12);padding-top:1.3rem}.miela-member-new>header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.miela-member-new>header>span{font-weight:750}.miela-member-new>header>a{color:inherit;font-weight:700;text-decoration:none}.miela-member-new>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.miela-member-new .miela-release-course{min-height:220px}
.miela-library-context{display:grid;grid-template-columns:120px 120px minmax(0,1fr);gap:.8rem;align-items:stretch;margin:1.1rem 0 1.4rem}.miela-library-context>div,.miela-library-context>p{margin:0;padding:1rem;border-radius:16px;background:#f4efe8;border:1px solid rgba(24,28,30,.09)}.miela-library-context strong{display:block;font-size:1.7rem;line-height:1}.miela-library-context span{display:block;font-size:.75rem;margin-top:.25rem;opacity:.65}.miela-library-context>p{display:flex;align-items:center;font-size:.9rem;line-height:1.5;opacity:.8}
.miela-learning-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0 2rem}.miela-learning-nav a{display:flex;flex-direction:column;gap:.35rem;border-radius:16px;border:1px solid rgba(24,28,30,.1);background:#f5f0e9;padding:1rem;color:inherit;text-decoration:none}.miela-learning-nav strong{font-size:.95rem}.miela-learning-nav span{font-size:.82rem;opacity:.68}
@media(max-width:1100px){.miela-area-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.miela-member-area-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.miela-member-new>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.miela-catalog-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.miela-catalog-overview>p{grid-column:1/-1}.miela-learning-areas>header,.miela-new-release>header{grid-template-columns:1fr}.miela-learning-areas>header>p,.miela-new-release>header>p{margin:0}.miela-release-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.miela-account-value-grid,.miela-learning-nav{grid-template-columns:1fr}.miela-library-context{grid-template-columns:1fr 1fr}.miela-library-context>p{grid-column:1/-1}}
@media(max-width:620px){.miela-catalog-overview{grid-template-columns:1fr 1fr;margin-top:-1rem;margin-bottom:3rem}.miela-catalog-overview>div:nth-child(3),.miela-catalog-overview>p{grid-column:1/-1}.miela-area-entry-grid,.miela-release-course-grid,.miela-member-new>div{grid-template-columns:1fr}.miela-account-value{padding:3.5rem 0}.miela-account-value-grid{grid-template-columns:1fr}.miela-member-dashboard{padding:1.25rem;border-radius:20px}.miela-member-actions .btn{width:100%}.miela-member-stats{grid-template-columns:1fr 1fr}.miela-member-stats>div:nth-child(3){grid-column:1/-1}.miela-member-area-strip{grid-template-columns:1fr 1fr}.miela-library-context{grid-template-columns:1fr}.miela-library-context>p{grid-column:auto}}


/* MIELA personalised member home v3 */
main.miela-member-home-active .v3-hero{display:none!important}
.miela-member-dashboard{margin:clamp(1.75rem,4vw,3.5rem) auto 4rem;padding:0;border:0;border-radius:0;background:transparent}
.miela-member-welcome{max-width:920px;margin:0 0 1.55rem}
.miela-member-welcome h1{max-width:900px;margin:.45rem 0 .75rem;font-size:clamp(3rem,6.2vw,5.8rem);font-weight:760;line-height:.94;letter-spacing:-.055em;color:#1f2430}
.miela-member-welcome>p{max-width:680px;margin:0;color:#565b63;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.62}
.miela-learning-overview{padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(31,36,48,.12);border-radius:28px;background:#f2ece3;box-shadow:0 24px 60px rgba(31,36,48,.055)}
.miela-member-overview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}
.miela-member-overview-head h2{max-width:720px;margin:.4rem 0 0;font-size:clamp(1.85rem,3.6vw,3.1rem);font-weight:720;line-height:1.02;letter-spacing:-.045em;color:#1f2430}
.miela-member-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:1.45rem 0 0;overflow:hidden;border:1px solid rgba(31,36,48,.12);border-radius:20px;background:#fff}
.miela-member-stats>.miela-learning-count{display:flex;min-width:0;min-height:112px;flex-direction:column;justify-content:center;padding:1.15rem 1.25rem;color:#1f2430;text-decoration:none;transition:background .18s ease,box-shadow .18s ease}
.miela-member-stats>.miela-learning-count+.miela-learning-count{border-left:1px solid rgba(31,36,48,.12)}
.miela-member-stats>.miela-learning-count:hover{background:#fcf8f3}
.miela-member-stats>.miela-learning-count:focus-visible{position:relative;z-index:1;outline:3px solid #e85d4a;outline-offset:-3px}
.miela-member-stats .miela-learning-count strong{display:block;font-size:clamp(2rem,4vw,3.15rem);font-weight:780;line-height:1;letter-spacing:-.045em}
.miela-member-stats .miela-learning-count span{display:block;margin-top:.48rem;color:#626771;font-size:.82rem;font-weight:690;line-height:1.25}
.miela-member-continue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(31,36,48,.12)}
.miela-member-continue-copy>span{display:block;color:#9b4148;font-size:.76rem;font-weight:790;letter-spacing:.11em;text-transform:uppercase}
.miela-member-continue-copy h3{max-width:760px;margin:.45rem 0 .35rem;color:#1f2430;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:740;line-height:1.12;letter-spacing:-.035em}
.miela-member-continue-copy p{margin:0;color:#5e636b;font-size:.93rem;line-height:1.5}
.miela-member-progress{height:8px;max-width:580px;margin:.9rem 0 .45rem;overflow:hidden;border-radius:999px;background:rgba(31,36,48,.12)}
.miela-member-progress>span{display:block;height:100%;border-radius:inherit;background:#e85d4a}
.miela-member-continue-copy small{color:#646973;font-size:.76rem;font-weight:680}
.miela-member-continue .btn{white-space:nowrap}
.miela-member-explore{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1.4rem;align-items:center;margin-top:1rem;padding:1.35rem 1.5rem;border:1px solid rgba(31,36,48,.11);border-radius:22px;background:#fff}
.miela-member-explore h2{margin:.28rem 0 .35rem;color:#1f2430;font-size:clamp(1.35rem,2.5vw,2.05rem);font-weight:730;line-height:1.08;letter-spacing:-.035em}
.miela-member-explore p{max-width:700px;margin:0;color:#656a72;font-size:.9rem;line-height:1.5}
.miela-member-catalogue-stats{display:flex;gap:.65rem}
.miela-member-catalogue-stats>span{display:flex;min-width:88px;flex-direction:column;padding:.8rem .9rem;border-radius:15px;background:#f7f3ec;color:#666b73;font-size:.72rem;font-weight:690;line-height:1.2}
.miela-member-catalogue-stats strong{color:#1f2430;font-size:1.45rem;line-height:1}
.miela-member-area-heading{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0 .65rem;color:#676c74;font-size:.77rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.miela-member-area-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:0}
.miela-member-area-strip a{display:flex;min-height:82px;flex-direction:column;justify-content:space-between;gap:.55rem;padding:.85rem;border:1px solid rgba(31,36,48,.1);border-radius:15px;background:#fff;color:#1f2430;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.miela-member-area-strip a:hover{transform:translateY(-2px);border-color:rgba(31,36,48,.24);box-shadow:0 12px 28px rgba(31,36,48,.06)}
.miela-member-area-strip a:focus-visible{outline:3px solid #e85d4a;outline-offset:2px}
.miela-member-area-strip span{font-size:.76rem;font-weight:720;line-height:1.22}
.miela-member-area-strip b{font-size:1.18rem;line-height:1}
@media(max-width:900px){.miela-member-explore{grid-template-columns:1fr auto}.miela-member-explore>div:first-child{grid-column:1/-1}.miela-member-area-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){main.miela-member-home-active{padding-bottom:calc(7.5rem + env(safe-area-inset-bottom))}.miela-member-dashboard{margin-top:1.35rem;margin-bottom:2.25rem}.miela-member-welcome{margin-bottom:1.15rem}.miela-member-welcome h1{font-size:clamp(2.45rem,12vw,3.2rem);line-height:.95}.miela-member-welcome>p{font-size:.96rem;line-height:1.5}.miela-learning-overview{padding:.85rem;border-radius:22px}.miela-member-overview-head h2{font-size:1.48rem;line-height:1.04}.miela-member-stats{margin-top:1rem;border-radius:17px}.miela-member-stats>.miela-learning-count{min-height:84px;padding:.72rem .55rem}.miela-member-stats .miela-learning-count strong{font-size:2rem}.miela-member-stats .miela-learning-count span{font-size:.75rem}.miela-member-continue{grid-template-columns:1fr;gap:.75rem;margin-top:.85rem;padding-top:.85rem}.miela-member-continue .btn{width:100%;min-height:48px}.miela-member-explore{grid-template-columns:1fr;margin-top:.75rem;padding:1rem;border-radius:19px}.miela-member-explore>div:first-child{grid-column:auto}.miela-member-catalogue-stats{width:100%}.miela-member-catalogue-stats>span{flex:1}.miela-member-explore .btn{width:100%}.miela-member-area-heading{margin-top:1.2rem}.miela-member-area-strip a{min-height:76px}}



/* ---- MIELA public brand-first landing ---- */
.miela-public-brand-lockup{display:flex;align-items:flex-end;gap:.9rem;margin:0 0 1.5rem}.miela-public-brand-name{font-size:clamp(3.6rem,7.4vw,7.2rem);font-weight:800;line-height:.78;letter-spacing:-.075em}.miela-public-brand-name>span{color:#e85d4a}.miela-public-brand-learning{font-size:clamp(.82rem,1.35vw,1.08rem);font-weight:750;letter-spacing:.19em;text-transform:uppercase;padding-bottom:.22rem}.miela-public-hero h1{font-size:clamp(2.65rem,4.6vw,4.8rem);line-height:.98;letter-spacing:-.052em;max-width:15ch;margin:.15rem 0 1.25rem}.miela-public-hero-copy>p strong{color:var(--ink);font-weight:760}.miela-public-brand-line{display:block;font-size:.84rem;font-weight:700;letter-spacing:.025em;opacity:.82}.miela-public-growth-line{margin-top:.28rem}.miela-open-strip{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.2rem;padding-bottom:3.8rem;border-bottom:1px solid rgba(24,28,30,.12)}.miela-open-strip p{margin:0;font-size:clamp(1rem,1.8vw,1.28rem);font-weight:740;letter-spacing:.02em}.miela-open-strip a{font-size:.88rem;font-weight:700;text-decoration:none;color:inherit;white-space:nowrap}.miela-brand-principles{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;padding-top:4.5rem;padding-bottom:5rem}.miela-brand-principles-copy{max-width:620px}.miela-brand-principles h2{font-size:clamp(2.1rem,3.7vw,3.9rem);line-height:1.02;letter-spacing:-.045em;margin:.25rem 0 1rem}.miela-brand-principles-copy>p{font-size:1.05rem;line-height:1.7;max-width:58ch}.miela-brand-principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.miela-brand-principle-grid article{min-height:190px;background:rgba(255,255,255,.68);border:1px solid rgba(24,28,30,.12);border-radius:20px;padding:1.25rem}.miela-brand-principle-grid article>span{font-size:.75rem;font-weight:750;letter-spacing:.1em;color:#8b3f43}.miela-brand-principle-grid h3{font-size:1.25rem;line-height:1.1;margin:.8rem 0 .55rem}.miela-brand-principle-grid p{font-size:.9rem;line-height:1.55;margin:0;opacity:.78}.miela-trial-matrix-preview,.miela-trial-matrix{margin:0;border:1px solid rgba(24,28,30,.12);border-radius:20px;background:rgba(255,255,255,.72);padding:1rem}.miela-trial-matrix-preview img,.miela-trial-matrix img{display:block;width:100%;height:auto}.miela-trial-matrix-preview figcaption,.miela-trial-matrix figcaption{margin:.8rem .2rem .1rem;font-size:.78rem;line-height:1.45;opacity:.72}.miela-trial-matrix{margin:1.3rem 0 1.5rem}.miela-shape-cta{display:grid;grid-template-columns:minmax(0,1.15fr) auto;gap:2rem;align-items:end;margin-top:1rem;margin-bottom:5rem;padding:2rem;border:1px solid rgba(24,28,30,.12);border-radius:22px;background:rgba(255,255,255,.62)}.miela-shape-cta h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.02;letter-spacing:-.04em;margin:.4rem 0 .8rem}.miela-shape-cta p{max-width:66ch;margin:0;font-size:.98rem;line-height:1.65;opacity:.82}.miela-shape-cta .btn{white-space:nowrap}#miela-library-preview{scroll-margin-top:6rem}
@media(max-width:900px){.miela-brand-principles,.miela-shape-cta{grid-template-columns:1fr}.miela-public-brand-name{font-size:clamp(3.4rem,12vw,6.2rem)}.miela-shape-cta{align-items:start}}
@media(max-width:620px){.miela-public-brand-lockup{display:block;margin-bottom:1.25rem}.miela-public-brand-learning{display:block;margin-top:.65rem;padding:0}.miela-public-hero h1{font-size:clamp(2.5rem,11vw,3.5rem);max-width:12ch}.miela-open-strip{align-items:flex-start;flex-direction:column;padding-bottom:2.8rem}.miela-brand-principles{padding-top:3.2rem;padding-bottom:3.5rem}.miela-brand-principle-grid{grid-template-columns:1fr}.miela-brand-principle-grid article{min-height:0}.miela-shape-cta{padding:1.35rem;margin-bottom:3.5rem}}


/* MIELA Authenticated Learner Polish v1 */
:root{--miela-content:max(320px,min(1180px,calc(100% - 40px)));}
.container{width:var(--miela-content);margin-inline:auto}
.site-header .header-inner{min-width:0;max-width:100%;box-sizing:border-box;flex-wrap:wrap}
.site-header .nav{min-width:0;max-width:100%;flex-wrap:wrap}
.site-header .nav a,.learn-search-trigger,.miela-auth-slot,.miela-auth-trigger,.miela-admin-link{min-width:0;max-width:100%}
.v3-hero>*,.miela-public-hero>*,.v3-home-section>*,.v3-footer-grid>*{min-width:0;max-width:100%;box-sizing:border-box}
.v3-footer-grid{min-width:0;max-width:100%}
.v3-footer-grid p,.v3-footer-grid a{overflow-wrap:anywhere}
.miela-hero-lockup{display:flex;align-items:center;margin:0 0 18px}
.miela-hero-lockup img{display:block;width:clamp(190px,20vw,286px);height:auto;max-width:100%}
.v3-hero,.miela-public-hero{align-items:start;gap:clamp(28px,4vw,64px)}
.v3-hero-copy,.miela-public-hero-copy,.v3-hero-next,.miela-public-proof{min-width:0}
.v3-hero-copy h1,.miela-public-hero-copy h1,.page-intro h1,.course-opening h1,.editorial-heading h2,.section-heading h2{overflow-wrap:anywhere;text-wrap:balance}
.v3-hero-copy p,.miela-public-hero-copy p,.page-intro p,.course-card-description,.v3-question-card p,.v3-area-card p,.practice-note p{overflow-wrap:anywhere}
.explore-list,.compact-course-list,.v3-question-grid,.v3-area-grid,.practice-note-grid{min-width:0}
.v3-question-grid,.v3-area-grid{max-width:100%}
.v3-question-card,.v3-area-card{min-width:0;max-width:100%;box-sizing:border-box}
.library-tools,.course-search,.filter-strip,.library-summary,.explore-list{min-width:0;max-width:100%;box-sizing:border-box}
.course-search input{min-width:0;max-width:100%;box-sizing:border-box}
.v3-course-card{min-width:0;height:auto!important;min-height:0!important}
.course-card-main{min-width:0}
.course-card h3,.course-card h3 a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
.course-card-description{display:block!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
.course-card-kicker,.course-card-meta,.course-card-actions,.next-meta,.landing-actions,.miela-public-actions{flex-wrap:wrap;row-gap:10px}
.course-card-actions{align-items:center;justify-content:flex-start}
.course-card-actions .arrow-link,.course-card-actions button,.landing-actions .btn,.miela-public-actions .btn{max-width:100%;white-space:normal;text-align:left}
.learning-focus .v3-course-card,.v3-pathway-feature .v3-course-card{height:auto!important}
.practice-note-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.practice-note{min-width:0;height:auto!important}
.practice-note p{display:block!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
.focus-course-title{max-width:min(42vw,520px)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25}
.lesson-top{min-width:0;white-space:normal!important;overflow:visible!important;gap:10px;flex-wrap:wrap}
.lesson-top strong{min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
.mobile-lesson-bar{gap:8px}
.mobile-lesson-bar>div,.mobile-lesson-bar>span{min-width:0}
.mobile-lesson-bar>div span,.mobile-lesson-bar>div strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2}
.miela-admin-main,.my-learning-page,.explore-page{min-width:0}
.miela-insights-scroll{max-width:100%;overflow:auto}
@media (min-width:1100px){.v3-hero,.miela-public-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr)}.explore-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.explore-list>.v3-course-card{margin:0}}
@media (max-width:1024px){:root{--miela-content:max(320px,min(940px,calc(100% - 32px)))}.site-header .header-inner{width:var(--miela-content)!important;gap:14px;flex-wrap:wrap}.nav{order:3;width:100%;justify-content:flex-start;overflow:auto;padding-bottom:2px}.learn-search-trigger{margin-left:auto}.v3-hero,.miela-public-hero{grid-template-columns:1fr}.v3-hero-next,.miela-public-proof{width:100%}.v3-question-grid,.v3-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){:root{--miela-content:calc(100% - 28px)}.site-header .header-inner{min-height:58px!important;flex-wrap:nowrap}.site-header .nav,.learn-search-trigger{display:none!important}.brand{min-width:0;max-width:calc(100% - 92px)}.brand img,.brand-word{max-width:100%}.miela-hero-lockup{margin-bottom:14px}.miela-hero-lockup img{width:clamp(172px,55vw,228px)}.v3-hero,.miela-public-hero{gap:22px}.v3-question-grid,.v3-area-grid,.practice-note-grid{grid-template-columns:1fr}.course-card-actions,.landing-actions,.miela-public-actions{align-items:stretch}.course-card-actions>* ,.landing-actions .btn,.miela-public-actions .btn{width:100%;justify-content:center;text-align:center}.focus-course-title{display:none!important}.focus-exit{margin-left:auto}.page-top{padding-top:34px!important}.learn-mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}body:not(.focus-mode){padding-bottom:76px}}
@media (max-width:560px){.explore-page .library-tools,.explore-page .course-search,.explore-page .filter-strip,.explore-page .library-summary{width:100%;max-width:100%;min-width:0}.explore-page .filter-strip{flex-wrap:wrap!important;overflow-x:visible!important;padding:2px 0 7px!important}.explore-page .filter-chip{flex:0 1 auto!important;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}}
@media (max-width:430px){:root{--miela-content:calc(100% - 24px)}.v3-hero-copy h1,.miela-public-hero-copy h1,.page-intro h1,.course-opening h1{font-size:clamp(2rem,11vw,3rem)!important;line-height:.98!important}.course-card{padding:20px!important}.miela-public-proof,.v3-hero-next{padding:22px!important}}
@media (max-height:720px) and (min-width:768px){.v3-hero,.miela-public-hero{padding-top:40px!important;padding-bottom:40px!important}.page-top{padding-top:42px!important}}

/* MIELA visual system v2 — one identity across the signed-in product */
:root{
  --miela-ink:#1F2430;
  --miela-coral:#E85D4A;
  --miela-coral-soft:#F9E4DE;
  --miela-lilac:#B9A7D6;
  --miela-lilac-soft:#EFE9F4;
  --miela-sage:#A9C1B2;
  --miela-sage-soft:#E7EDE5;
  --miela-ivory:#F7F3EC;
  --miela-paper:#FCFBF8;
  --miela-line:#DED9D0;
  --miela-muted:#626771;
  --miela-shadow:0 18px 48px rgba(31,36,48,.07);
}
html[data-brand="miela"] body{background:var(--miela-ivory);color:var(--miela-ink)}
html[data-brand="miela"] :is(.page-label,.hero-eyebrow,.miela-access-kicker,.footer-label,.section-heading>span,.editorial-heading>span){color:#8f3b40!important;letter-spacing:.1em}
html[data-brand="miela"] :is(.page-intro,.course-opening,.v3-area-hero,.miela-member-welcome) h1{color:var(--miela-ink);letter-spacing:-.055em}
html[data-brand="miela"] :is(.page-intro,.course-opening,.v3-area-hero,.miela-member-welcome)>p{color:var(--miela-muted)}
html[data-brand="miela"] :is(.btn.primary,.miela-auth-action.primary){background:var(--miela-coral)!important;color:var(--miela-ink)!important;border-color:var(--miela-coral)!important;box-shadow:none!important}
html[data-brand="miela"] :is(.btn.primary,.miela-auth-action.primary):hover{background:#f27c69!important;transform:translateY(-1px)}
html[data-brand="miela"] :is(.btn.quiet,.quick-view-btn,.save-button,.miela-auth-action){background:var(--miela-paper)!important;border-color:rgba(31,36,48,.16)!important;color:var(--miela-ink)!important}
html[data-brand="miela"] :is(.btn,.filter-chip,.quick-view-btn,.save-button,.miela-auth-action,.miela-provider-button,.miela-auth-trigger):focus-visible{outline:3px solid #863327!important;outline-offset:3px!important}

/* Navigation */
html[data-brand="miela"] .site-header:not([data-miela-home-header]){background:rgba(247,243,236,.96)!important;border-bottom:1px solid rgba(31,36,48,.1);backdrop-filter:blur(14px)}
html[data-brand="miela"] .site-header:not([data-miela-home-header]) .nav a{border-radius:999px!important;padding:.7rem .9rem!important}
html[data-brand="miela"] .site-header:not([data-miela-home-header]) .nav a[aria-current="page"]{background:var(--miela-lilac-soft)!important;color:var(--miela-ink)!important}
html[data-brand="miela"] .learn-search-trigger{background:var(--miela-paper)!important;border-color:rgba(31,36,48,.13)!important;border-radius:16px!important}
html[data-brand="miela"] .learn-search-trigger:hover{border-color:rgba(31,36,48,.28)!important;box-shadow:0 10px 24px rgba(31,36,48,.06)!important}
html[data-brand="miela"] .miela-auth-trigger{background:var(--miela-paper)!important;border-color:rgba(31,36,48,.16)!important;box-shadow:none!important}

/* Personal learning space */
html[data-brand="miela"] .miela-member-welcome{position:relative;padding:clamp(1.35rem,3vw,2rem);border-radius:26px;background:var(--miela-paper);border:1px solid rgba(31,36,48,.1);overflow:hidden}
html[data-brand="miela"] .miela-member-welcome::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-68px;top:-88px;background:var(--miela-lilac-soft);border:36px solid var(--miela-sage-soft);z-index:0}
html[data-brand="miela"] .miela-member-welcome>*{position:relative;z-index:1}
html[data-brand="miela"] .miela-learning-overview{background:linear-gradient(135deg,var(--miela-paper),#f4eee6)!important;border-color:rgba(31,36,48,.1)!important;box-shadow:var(--miela-shadow)!important}
html[data-brand="miela"] .miela-member-stats{background:transparent!important;border:0!important;gap:.75rem!important;overflow:visible!important}
html[data-brand="miela"] .miela-member-stats>.miela-learning-count{border:1px solid rgba(31,36,48,.1)!important;border-radius:18px!important;min-height:116px;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease}
html[data-brand="miela"] .miela-member-stats>.miela-learning-count:nth-child(1){background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .miela-member-stats>.miela-learning-count:nth-child(2){background:var(--miela-coral-soft)!important}
html[data-brand="miela"] .miela-member-stats>.miela-learning-count:nth-child(3){background:var(--miela-sage-soft)!important}
html[data-brand="miela"] .miela-member-stats>.miela-learning-count+.miela-learning-count{border-left:1px solid rgba(31,36,48,.1)!important}
html[data-brand="miela"] .miela-member-stats>.miela-learning-count:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(31,36,48,.06)}
html[data-brand="miela"] .miela-member-continue{margin-top:1.6rem!important;padding:1.35rem!important;border:1px solid rgba(31,36,48,.1)!important;border-radius:20px!important;background:var(--miela-paper)!important}
html[data-brand="miela"] .miela-member-progress{background:#e4ded6!important}
html[data-brand="miela"] .miela-member-progress>span{background:var(--miela-coral)!important}
html[data-brand="miela"] .miela-member-explore{background:var(--miela-sage-soft)!important;border-color:#cad7cc!important}
html[data-brand="miela"] .miela-member-catalogue-stats>span:nth-child(1){background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .miela-member-catalogue-stats>span:nth-child(2){background:var(--miela-coral-soft)!important}
html[data-brand="miela"] .miela-member-area-strip a:nth-child(4n+1){background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .miela-member-area-strip a:nth-child(4n+2){background:var(--miela-sage-soft)!important}
html[data-brand="miela"] .miela-member-area-strip a:nth-child(4n+3){background:var(--miela-coral-soft)!important}
html[data-brand="miela"] .miela-member-area-strip a:nth-child(4n){background:var(--miela-paper)!important}

/* Library, Saved and My Learning */
html[data-brand="miela"] :is(.explore-page,.my-learning-page,.saved-page,.about-page){padding-bottom:4.5rem}
html[data-brand="miela"] :is(.explore-page,.my-learning-page,.saved-page,.about-page) .page-intro{max-width:900px;margin-bottom:1.6rem}
html[data-brand="miela"] .library-tools{padding:1.2rem!important;border:1px solid rgba(31,36,48,.1)!important;border-radius:22px!important;background:var(--miela-paper)!important;box-shadow:0 12px 30px rgba(31,36,48,.04)!important}
html[data-brand="miela"] .course-search{background:#fff!important;border:1px solid rgba(31,36,48,.14)!important;border-radius:16px!important}
html[data-brand="miela"] .course-search:focus-within{border-color:var(--miela-coral)!important;box-shadow:0 0 0 3px rgba(232,93,74,.13)!important}
html[data-brand="miela"] .filter-chip{border-color:rgba(31,36,48,.13)!important;background:var(--miela-paper)!important;color:var(--miela-ink)!important}
html[data-brand="miela"] .filter-chip.active{background:var(--miela-ink)!important;color:var(--miela-paper)!important;border-color:var(--miela-ink)!important}
html[data-brand="miela"] .library-summary{border-left:4px solid var(--miela-sage)!important;background:var(--miela-sage-soft)!important;border-radius:0 14px 14px 0!important}
html[data-brand="miela"] .v3-course-card{border-color:rgba(31,36,48,.11)!important;border-radius:20px!important;background:var(--miela-paper)!important;box-shadow:none!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
html[data-brand="miela"] .v3-course-card:hover{transform:translateY(-2px);border-color:rgba(31,36,48,.24)!important;box-shadow:0 14px 30px rgba(31,36,48,.055)!important}
html[data-brand="miela"] .explore-list>.v3-course-card:nth-child(3n+1),html[data-brand="miela"] .compact-course-list>.v3-course-card:nth-child(3n+1){border-top:5px solid var(--miela-lilac)!important}
html[data-brand="miela"] .explore-list>.v3-course-card:nth-child(3n+2),html[data-brand="miela"] .compact-course-list>.v3-course-card:nth-child(3n+2){border-top:5px solid var(--miela-sage)!important}
html[data-brand="miela"] .explore-list>.v3-course-card:nth-child(3n),html[data-brand="miela"] .compact-course-list>.v3-course-card:nth-child(3n){border-top:5px solid var(--miela-coral)!important}
html[data-brand="miela"] .course-card-kicker{color:#7b4045!important}
html[data-brand="miela"] .course-card-description{color:var(--miela-muted)!important}
html[data-brand="miela"] .course-tags span{background:var(--miela-lilac-soft)!important;border-color:#d9cee5!important;color:var(--miela-ink)!important}
html[data-brand="miela"] .course-tags span:nth-child(2n){background:var(--miela-sage-soft)!important;border-color:#cad7cc!important}
html[data-brand="miela"] .save-button.saved{background:var(--miela-sage-soft)!important;border-color:#b8cbbb!important}
html[data-brand="miela"] .row-progress .progress span,html[data-brand="miela"] .progress>span{background:var(--miela-coral)!important}
html[data-brand="miela"] .empty-state{border:1px dashed rgba(31,36,48,.2)!important;border-radius:24px!important;background:var(--miela-paper)!important}
html[data-brand="miela"] .empty-mark{background:var(--miela-lilac-soft)!important;color:var(--miela-ink)!important;border-radius:14px!important}
html[data-brand="miela"] .miela-learning-nav a:nth-child(1){background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .miela-learning-nav a:nth-child(2){background:var(--miela-coral-soft)!important}
html[data-brand="miela"] .miela-learning-nav a:nth-child(3){background:var(--miela-sage-soft)!important}

/* Learning areas and pathways */
html[data-brand="miela"] .v3-area-hero{position:relative;overflow:hidden;border-radius:0 0 34px 34px;padding-top:clamp(3rem,6vw,6rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important;background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .v3-area-start{background:var(--miela-paper)!important;border:1px solid rgba(31,36,48,.11)!important;box-shadow:var(--miela-shadow)!important}
html[data-brand="miela"] .v3-quick-links a{background:var(--miela-paper)!important;border-color:rgba(31,36,48,.12)!important}
html[data-brand="miela"] .v3-quick-links a:hover{background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .pathway-more{background:var(--miela-paper)!important;border-radius:18px!important;border:1px solid rgba(31,36,48,.1)!important}

/* Course overview */
html[data-brand="miela"] .course-opening{position:relative;border-radius:28px!important;background:linear-gradient(135deg,var(--miela-paper),var(--miela-lilac-soft))!important;border:1px solid rgba(31,36,48,.1)!important;padding:clamp(1.35rem,4vw,2.5rem)!important;overflow:hidden}
html[data-brand="miela"] .course-opening::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:var(--miela-sage-soft);right:-55px;bottom:-80px}
html[data-brand="miela"] .course-opening>*{position:relative;z-index:1}
html[data-brand="miela"] :is(.course-facts>*,.course-outcome,.course-map){background:var(--miela-paper)!important;border-color:rgba(31,36,48,.1)!important;border-radius:18px!important}
html[data-brand="miela"] .v3-application-canvas{border-color:#cbd7cd!important;background:linear-gradient(145deg,var(--miela-paper),var(--miela-sage-soft))!important;box-shadow:none!important}
html[data-brand="miela"] .apply-time{background:var(--miela-coral-soft)!important;border-color:#edc2b8!important}

/* Focused learning — quieter surfaces */
html[data-brand="miela"] body.focus-mode{background:#faf7f1!important}
html[data-brand="miela"] .focus-header{background:rgba(250,247,241,.97)!important;border-bottom:1px solid rgba(31,36,48,.1)!important}
html[data-brand="miela"] :is(.lesson-card,.learning-card,.v4-content-card,.v4-problem,.v4-interaction,.v4-return,.v4-check,.reflection-card){background:var(--miela-paper)!important;border-color:rgba(31,36,48,.11)!important;border-radius:20px!important;box-shadow:none!important}
html[data-brand="miela"] :is(.callout,.example-card,.worked-example,.v4-example){background:var(--miela-lilac-soft)!important;border-color:#d6c9e2!important}
html[data-brand="miela"] :is(.reference-card,.framework-card,.v4-framework,.practice-card){background:var(--miela-sage-soft)!important;border-color:#c7d4c9!important}
html[data-brand="miela"] :is(.warning-card,.decision-card,.v4-decision){background:var(--miela-coral-soft)!important;border-color:#ebc0b6!important}
html[data-brand="miela"] .course-sidebar{background:var(--miela-paper)!important;border-color:rgba(31,36,48,.1)!important}
html[data-brand="miela"] .course-sidebar a[aria-current="page"],html[data-brand="miela"] .course-sidebar .active{background:var(--miela-lilac-soft)!important;color:var(--miela-ink)!important}
html[data-brand="miela"] .question-option{background:var(--miela-paper)!important;border-color:rgba(31,36,48,.14)!important}
html[data-brand="miela"] .question-option:hover{border-color:var(--miela-lilac)!important;background:#f8f4fb!important}
html[data-brand="miela"] .question-option.selected{border-color:var(--miela-ink)!important;background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] :is(.feedback.correct,.answer-correct){background:var(--miela-sage-soft)!important;border-color:#a8c0ad!important}
html[data-brand="miela"] :is(.feedback.incorrect,.answer-incorrect){background:var(--miela-coral-soft)!important;border-color:#e9b9ae!important}
html[data-brand="miela"] textarea:focus,html[data-brand="miela"] input:focus,html[data-brand="miela"] select:focus{border-color:var(--miela-coral)!important;box-shadow:0 0 0 3px rgba(232,93,74,.12)!important;outline:0}
html[data-brand="miela"] .learn-confidence button.selected{background:var(--miela-lilac-soft)!important;border-color:var(--miela-lilac)!important;color:var(--miela-ink)!important}

/* Completion and application */
html[data-brand="miela"] .complete-page{margin-top:clamp(2rem,5vw,4rem);margin-bottom:4rem;padding:clamp(1.4rem,4vw,2.6rem)!important;border-radius:30px!important;background:linear-gradient(135deg,var(--miela-sage-soft),var(--miela-paper))!important;border:1px solid #c8d5ca!important;box-shadow:var(--miela-shadow)!important}
html[data-brand="miela"] .complete-mark{background:var(--miela-coral)!important;color:var(--miela-ink)!important;border-radius:50%!important;box-shadow:none!important}
html[data-brand="miela"] .complete-reflection{background:var(--miela-paper)!important;border-color:rgba(31,36,48,.11)!important;border-left:5px solid var(--miela-lilac)!important;border-radius:16px!important}
html[data-brand="miela"] .application-field textarea{background:var(--miela-paper)!important;border-color:rgba(31,36,48,.14)!important;border-radius:14px!important}

/* Dialogs and account */
html[data-brand="miela"] .v3-dialog::backdrop,html[data-brand="miela"] .miela-auth-dialog::backdrop{background:rgba(31,36,48,.48)!important;backdrop-filter:blur(4px)}
html[data-brand="miela"] :is(.dialog-shell,.miela-auth-dialog-shell){border-radius:24px!important;background:var(--miela-paper)!important;border:1px solid rgba(31,36,48,.11)!important;box-shadow:0 30px 80px rgba(31,36,48,.22)!important}
html[data-brand="miela"] .command-item.featured{background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .command-area:nth-child(3n+1){background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .command-area:nth-child(3n+2){background:var(--miela-sage-soft)!important}
html[data-brand="miela"] .command-area:nth-child(3n){background:var(--miela-coral-soft)!important}
html[data-brand="miela"] .miela-provider-button{border-radius:16px!important;background:#fff!important;border-color:rgba(31,36,48,.14)!important}
html[data-brand="miela"] .miela-provider-button:hover{background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .miela-account-card{background:var(--miela-lilac-soft)!important;border-color:#d6cae0!important;border-radius:18px!important}
html[data-brand="miela"] .miela-sync-status[data-state="synced"]{background:var(--miela-sage-soft)!important;border-color:#bfd0c2!important}

/* About, trust and admin */
html[data-brand="miela"] .about-grid section:nth-child(4n+1){background:var(--miela-lilac-soft)!important}
html[data-brand="miela"] .about-grid section:nth-child(4n+2){background:var(--miela-sage-soft)!important}
html[data-brand="miela"] .about-grid section:nth-child(4n+3){background:var(--miela-coral-soft)!important}
html[data-brand="miela"] .about-grid section:nth-child(4n){background:var(--miela-paper)!important}
html[data-brand="miela"] .about-grid section{border:1px solid rgba(31,36,48,.1)!important;border-radius:20px!important}
html[data-brand="miela"] .about-principles{background:var(--miela-ink)!important;color:var(--miela-paper)!important;border-radius:26px!important;padding:clamp(1.5rem,4vw,2.6rem)!important}
html[data-brand="miela"] .about-principles p{color:#ded9e2!important}
html[data-brand="miela"] .trust-page :is(section,article),html[data-brand="miela"] :is(.miela-admin-panel,.miela-admin-card){border-color:rgba(31,36,48,.1)!important;background:var(--miela-paper)!important;border-radius:20px!important}
html[data-brand="miela"] .miela-admin-main{background:var(--miela-ivory)!important}
html[data-brand="miela"] .miela-admin-main::before{content:"MIELA Admin";display:block;margin:0 0 1rem;color:#8f3b40;font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
html[data-brand="miela"] .miela-admin-panel:nth-of-type(3n+1){border-top:5px solid var(--miela-lilac)!important}
html[data-brand="miela"] .miela-admin-panel:nth-of-type(3n+2){border-top:5px solid var(--miela-sage)!important}
html[data-brand="miela"] .miela-admin-panel:nth-of-type(3n){border-top:5px solid var(--miela-coral)!important}

/* Mobile navigation and member alignment */
html[data-brand="miela"] .learn-mobile-nav{background:rgba(252,251,248,.97)!important;border-top:1px solid rgba(31,36,48,.12)!important;box-shadow:0 -10px 30px rgba(31,36,48,.05)!important}
html[data-brand="miela"] .learn-mobile-nav a.active{color:var(--miela-ink)!important;background:var(--miela-lilac-soft)!important;border-radius:12px!important}
@media(max-width:760px){
  html[data-brand="miela"] .miela-member-welcome{padding:1.25rem;border-radius:22px}
  html[data-brand="miela"] .miela-member-welcome::after{width:130px;height:130px;right:-52px;top:-60px;border-width:26px}
  html[data-brand="miela"] .miela-member-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.45rem!important}
  html[data-brand="miela"] .miela-member-stats>.miela-learning-count{min-height:94px!important;padding:.75rem .3rem!important;align-items:center!important;text-align:center!important}
  html[data-brand="miela"] .miela-member-stats .miela-learning-count strong{font-size:1.7rem!important}
  html[data-brand="miela"] .miela-member-stats .miela-learning-count span{font-size:.66rem!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;hyphens:none!important}
  html[data-brand="miela"] .miela-member-continue{grid-template-columns:1fr!important;align-items:start!important}
  html[data-brand="miela"] .miela-member-continue .btn{width:100%!important}
  html[data-brand="miela"] .library-tools{padding:1rem!important;border-radius:18px!important}
  html[data-brand="miela"] .v3-course-card{border-radius:18px!important}
  html[data-brand="miela"] .course-opening{border-radius:22px!important;padding:1.2rem!important}
  html[data-brand="miela"] .complete-page{border-radius:22px!important;padding:1.25rem!important}
}
@media(max-width:390px){
  html[data-brand="miela"] .miela-member-stats{gap:.35rem!important}
  html[data-brand="miela"] .miela-member-stats>.miela-learning-count{padding:.66rem .18rem!important}
  html[data-brand="miela"] .miela-member-stats .miela-learning-count span{font-size:.61rem!important;letter-spacing:-.01em!important}
}
@media(prefers-reduced-motion:reduce){html[data-brand="miela"] *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}



/* ---- MIELA open-learning and PIC-RAT clarity ---- */
.course-framework-visual{width:min(1180px,calc(100% - 48px));margin:0 auto clamp(2.5rem,5vw,4.8rem);display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,1.08fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.4rem,3vw,2.4rem);border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.course-framework-visual h2{font-family:var(--sans)!important;font-size:clamp(2rem,3.3vw,3.4rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:.45rem 0 .8rem}.course-framework-visual p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.65}.course-framework-visual img{display:block;width:100%;height:auto;border-radius:14px;background:var(--surface)}
@media(max-width:840px){.course-framework-visual{grid-template-columns:1fr;width:min(100% - 32px,1180px)}}

/* MIELA public homepage v2 */
/* Scoped to the signed-out composition. Course and member styles are unchanged. */
.miela-home-v2{--ml-ink:#1F2430;--ml-coral:#E85D4A;--ml-lilac:#B9A7D6;--ml-sage:#A9C1B2;--ml-paper:#F7F3EC;color:var(--ml-ink);background:var(--ml-paper);font-family:var(--sans,"Montserrat",sans-serif);font-size:16px;line-height:1.65}
.miela-home-v2 *{box-sizing:border-box}
.ml-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.miela-home-v2 :is(h1,h2,h3,p,figure){margin:0}
.miela-home-v2 :is(h1,h2,h3){font-family:var(--sans,"Montserrat",sans-serif)!important;color:inherit;overflow-wrap:normal;text-wrap:balance}
.miela-home-v2 h2{font-size:clamp(30px,3.15vw,46px);line-height:1.13;letter-spacing:-.045em;font-weight:750}
.miela-home-v2 h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:750}
.miela-home-v2 a{text-decoration:none;color:inherit}
.miela-home-v2 :is(button,a,summary):focus-visible{outline:3px solid #863327!important;outline-offset:5px!important}
.miela-home-v2 .ml-eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:18px}
.ml-dot{display:inline-block;width:10px;height:10px;min-width:10px;border-radius:50%;background:#E85D4A}
.miela-home-v2 .ml-text-link{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:14px;line-height:1.45;font-weight:750;background:none;border:0;padding:12px 0;cursor:pointer;text-align:left;text-underline-offset:5px}
.miela-home-v2 .ml-text-link:hover{text-decoration:underline}
.miela-home-v2 .ml-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px;min-height:50px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:14px;font-weight:750;line-height:1.4;cursor:pointer;text-align:center;transition:background .18s ease,transform .18s ease;white-space:normal;text-decoration:none}
.miela-home-v2 .ml-button-primary{background:var(--ml-coral);color:var(--ml-ink)}
.miela-home-v2 .ml-button-primary:hover{background:#F27C69;transform:translateY(-2px)}
.miela-home-v2 .ml-button-ink,.miela-home-v2 .ml-button-final{background:var(--ml-ink);color:#FCFBF8}
.miela-home-v2 .ml-button-ink:hover,.miela-home-v2 .ml-button-final:hover{background:#343C4C;transform:translateY(-2px)}
.miela-home-v2 .ml-hero{padding:66px 0 62px;display:block;min-height:0}
.ml-hero-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:70px;align-items:center}
.miela-home-v2 .ml-hero h1{font-size:clamp(45px,5.4vw,74px);line-height:1.025;letter-spacing:-.065em;font-weight:800;max-width:13ch;margin:0 0 26px;text-wrap:initial}
.ml-hero h1 span{display:block}
.ml-hero h1 .miela-punctuation-lock{display:inline;white-space:nowrap}
.ml-hero h1 .miela-signature-punctuation{color:#E85D4A!important;font-family:inherit!important;font-style:inherit!important}
.miela-home-v2 .ml-intro{font-size:18px;line-height:1.65;max-width:47ch;color:#4D5360}
.ml-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 23px}
.miela-home-v2 .ml-hero-facts{display:flex;gap:0;flex-wrap:wrap;font-size:12px;color:#4D5360;line-height:1.8;padding:0;border:0;background:transparent}
.ml-hero-facts>*+*::before{content:'\00b7';display:inline-block;margin:0 10px}
.ml-preview-stage{position:relative;padding:28px 20px 20px;min-width:0;isolation:isolate}
.ml-orbit{position:absolute;inset:0;background:#DCE6DD;border-radius:48% 48% 24px 24px;z-index:-1;overflow:hidden}
.ml-orbit::after{content:'';position:absolute;right:-30px;top:-28px;width:174px;height:174px;border-radius:50%;background:var(--ml-coral)}
.ml-learning-preview{position:relative;border:1px solid rgba(31,36,48,.14);border-radius:20px;background:#FCFBF8;padding:27px;box-shadow:0 18px 30px rgba(31,36,48,.08)}
.ml-preview-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:25px}
.ml-mini-brand{font-size:20px;font-weight:800;letter-spacing:.12em;line-height:1}.ml-mini-brand>span{color:var(--ml-coral)}
.ml-preview-label{font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.07em;color:#686B73;text-align:right}
.miela-home-v2 .ml-learning-preview h2{font-size:31px;line-height:1.08;letter-spacing:-.035em;margin-bottom:13px}
.miela-home-v2 .ml-learning-preview>p{font-size:13px;line-height:1.65;color:#4D5360}
.ml-learning-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0}
.ml-learning-stats>div{border:1px solid #DED9D0;border-radius:12px;padding:12px 10px;background:#F7F3EC;min-width:0}
.ml-learning-stats strong{display:block;font-size:29px;line-height:1.2;font-weight:750}
.ml-learning-stats span{display:block;font-size:10px;font-weight:650;margin-top:5px}
.ml-preview-note{display:flex;align-items:center;gap:11px;border-top:1px solid #DED9D0;padding:18px 0 8px;font-size:12px;line-height:1.6}
.ml-note-icon{background:#E9E2F1;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px}
.ml-note-icon svg{width:22px;height:22px}
.miela-home-v2 .ml-learning-preview>.ml-text-link{font-size:12px}
.ml-stage-label{display:block;font-size:10px;font-weight:650;text-align:center;margin-top:14px;letter-spacing:.015em}
.miela-home-v2 .ml-sample{display:block;background:#E8E0F0;border:0;border-radius:0;padding:58px 0;margin:0;box-shadow:none}
.ml-sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.miela-home-v2 .ml-sample h2{margin-bottom:23px}.ml-sample h2 em{font-family:var(--serif,Georgia,serif);font-weight:500}
.miela-home-v2 .ml-sample-copy>p:not(.ml-eyebrow){font-size:15px;line-height:1.7;max-width:48ch;margin-bottom:15px;color:#3D4250}
.ml-sample-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin:21px 0;font-size:12px;font-weight:650}
.ml-lesson-preview{background:#FCFBF8;border:1px solid #CEC3DA;border-radius:19px;padding:21px;box-shadow:10px 10px 0 rgba(185,167,214,.4);min-width:0}
.ml-lesson-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;padding-bottom:14px;border-bottom:1px solid #DED9D0}
.ml-lesson-label>span:last-child{margin-left:auto;font-size:10px;letter-spacing:.05em}
.ml-lesson-preview img{display:block;width:100%;height:auto;margin-top:8px}
.ml-lesson-preview figcaption{font-size:11px;text-align:center;color:#4D5360;line-height:1.5;margin:4px 0 13px}
.ml-worked-example{background:#EDF1EB;border-left:3px solid #577664;border-radius:0 9px 9px 0;padding:15px}
.miela-home-v2 .ml-worked-example .ml-eyebrow{font-size:9px;margin-bottom:7px}.ml-worked-example p{font-size:12px;line-height:1.55}
.ml-worked-example strong{display:inline-block;margin:9px 0 6px;font-size:14px}.miela-home-v2 .ml-example-reason{color:#4D5360;font-size:11px}
.miela-home-v2 .ml-discover{padding:65px 0 70px;margin:0}
.ml-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}
.ml-section-heading>p{font-size:14px;line-height:1.7;max-width:35ch;color:#4D5360}
.ml-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 38px}
.miela-home-v2 .ml-area{display:flex;align-items:center;gap:12px;min-height:78px;padding:15px;background:#FCFBF8;border:1px solid #DED9D0;border-radius:12px;box-shadow:none;transform:none;min-width:0}
.miela-home-v2 .ml-area>span:nth-child(2){font-size:12px;line-height:1.4;font-weight:700;text-transform:none;letter-spacing:0}
.ml-area>span:last-child{margin-left:auto;font-size:17px}.ml-area-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#E8E0F0}
.ml-area-icon svg{width:20px;height:20px}.ml-area:nth-child(3n+2) .ml-area-icon{background:#DCE6DD}.ml-area:nth-child(3n) .ml-area-icon{background:#F6D6CE}
.miela-home-v2 .ml-area:hover{border-color:#686B73;background:#FFF;transform:translateY(-2px)}
.ml-featured-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px}
.miela-home-v2 .ml-featured-heading h3{font-size:18px}
.ml-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.miela-home-v2 .ml-course{display:flex;flex-direction:column;min-width:0;border:1px solid #DED9D0;border-radius:16px;background:#FCFBF8;padding:24px;min-height:0;gap:0;box-shadow:none}
.ml-course-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 19px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.ml-course-top svg{width:27px;height:27px;flex-shrink:0}
.miela-home-v2 .ml-course h3{font-size:23px;margin:0 0 14px;line-height:1.2;letter-spacing:-.03em;text-wrap:initial}
.miela-home-v2 .ml-course>p{font-size:13px;line-height:1.65;margin:0 0 18px;color:#4D5360}
.ml-course-meta{margin-top:auto;font-size:11px;color:#4D5360}.miela-home-v2 .ml-course>.ml-text-link{margin-top:10px;border-top:1px solid rgba(31,36,48,.16);padding:16px 0 0;font-size:12px}
.miela-home-v2 .ml-tint-lilac{background:#EFE9F4}.miela-home-v2 .ml-tint-sage{background:#E7EDE5}.miela-home-v2 .ml-tint-coral{background:#F9E4DE}
.miela-home-v2 .ml-method{background:#1F2430;color:#FCFBF8;padding:60px 0}
.ml-method .ml-section-heading>p{color:#D8D4DE;max-width:24ch}.ml-method .ml-eyebrow{color:#D6C9E8}
.ml-method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:32px 0 28px;gap:30px}
.ml-method-steps li{position:relative;min-width:0;list-style:none;padding:0}
.ml-method-steps li:not(:last-child)::after{content:'';position:absolute;top:21px;left:58px;right:-12px;border-top:1px solid #636775}
.ml-method-number{display:grid;place-items:center;background:#B9A7D6;color:#1F2430;width:42px;height:42px;border-radius:50%;font-size:12px;font-weight:750;margin-bottom:21px}
.ml-method-steps li:nth-child(2) .ml-method-number{background:#A9C1B2}.ml-method-steps li:nth-child(3) .ml-method-number{background:#E85D4A}.ml-method-steps li:nth-child(4) .ml-method-number{background:#F7F3EC}
.miela-home-v2 .ml-method-steps h3{font-size:21px;margin-bottom:11px}.ml-method-steps p{font-size:13px;color:#D8D4DE;line-height:1.65;max-width:27ch}
.ml-method-example{display:grid;grid-template-columns:.75fr 2fr 1fr;align-items:center;gap:22px;border-top:1px solid #575C68;padding:24px 0 0}
.ml-method-example>span{font-size:11px;color:#D8D4DE;line-height:1.5}.ml-method-example>p{font-family:var(--serif,Georgia,serif);font-size:21px;line-height:1.4}.ml-method-example>a{justify-self:end;color:#E4D9F1!important}
.miela-home-v2 .ml-method :is(a,button):focus-visible{outline-color:#B9A7D6!important}
.miela-home-v2 .ml-purpose{padding:68px 0}.ml-purpose-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px}
.miela-home-v2 .ml-purpose h2{font-size:clamp(29px,3vw,40px);margin-bottom:22px}.miela-home-v2 .ml-purpose p:not(.ml-eyebrow){font-size:14px;line-height:1.75;color:#4D5360;margin-bottom:13px}.ml-creator-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:19px}
.ml-faq{border-top:3px solid #A9C1B2;padding-top:22px}.miela-home-v2 .ml-faq h3{font-size:21px;margin-bottom:14px}.ml-faq details{border-bottom:1px solid #D2CEC4}
.ml-faq summary{font-size:14px;font-weight:700;line-height:1.5;padding:19px 27px 19px 0;cursor:pointer;list-style:none;position:relative}.ml-faq summary::-webkit-details-marker{display:none}.ml-faq summary::after{content:'+';font-size:24px;line-height:1;position:absolute;right:2px;top:17px;font-weight:400}.ml-faq details[open] summary::after{content:'\2212'}
.miela-home-v2 .ml-faq details>p{font-size:13px;margin:0 20px 19px 0}
.miela-home-v2 .ml-invitation{background:#E85D4A;padding:50px 0;overflow:hidden}.ml-invitation-inner{display:flex;align-items:center;justify-content:space-between;gap:55px;position:relative}.ml-invitation-inner::before{content:'';position:absolute;right:165px;top:-112px;width:300px;height:300px;border:1px solid rgba(31,36,48,.19);border-radius:50%;pointer-events:none}.ml-invitation-inner>*{position:relative}.miela-home-v2 .ml-invitation h2{font-size:clamp(29px,3.3vw,44px);margin-bottom:17px}.ml-invitation p:not(.ml-eyebrow){font-size:14px;line-height:1.65;max-width:58ch}.ml-invitation .ml-button{flex-shrink:0}
/* The explicit full/compact wrappers also fix the production first-paint logo check. */
html[data-brand="miela"] .site-header[data-miela-home-header]{background:#F7F3EC!important;position:sticky;top:0;z-index:30;backdrop-filter:none!important}
html[data-brand="miela"] [data-miela-home-header] .header-inner{width:min(1180px,calc(100% - 64px));min-height:78px!important;padding:0;margin:0 auto;display:flex;gap:24px;align-items:center;justify-content:space-between}
html[data-brand="miela"] [data-miela-home-header] .miela-public-brand-lockup{margin:0!important;display:flex!important;gap:0!important;flex-shrink:0}
html[data-brand="miela"] [data-miela-home-header] .miela-brand-full{display:block!important}html[data-brand="miela"] [data-miela-home-header] .miela-brand-compact{display:none!important}
html[data-brand="miela"] [data-miela-home-header] .miela-logo-image-header{display:block!important;width:132px!important;height:auto!important;max-height:none!important}
html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu{display:none}
html[data-brand="miela"] [data-miela-home-header] .nav{display:flex!important;gap:25px!important;padding:0!important;min-width:0}
html[data-brand="miela"] [data-miela-home-header] .nav a{font-size:12px!important;font-weight:650;white-space:nowrap;padding:20px 0!important;min-height:44px}
html[data-brand="miela"] [data-miela-home-header] .miela-auth-slot{display:flex!important;position:static!important;gap:9px;align-items:center;flex-shrink:0;margin:0!important}
html[data-brand="miela"] [data-miela-home-header] .miela-auth-trigger{min-height:42px;padding:11px 17px!important;font-size:12px!important;white-space:nowrap}
html[data-brand="miela"] [data-miela-home-header] .miela-get-started{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:11px 17px!important;font-size:12px!important;line-height:1.4;background:#E85D4A!important;color:#1F2430!important;border:1px solid #E85D4A!important;box-shadow:none!important;font-weight:750;text-decoration:none;border-radius:999px;white-space:nowrap}
html[data-brand="miela"] [data-miela-home-footer]{padding:34px 0 23px!important;background:#1F2430!important;color:#FCFBF8!important;margin:0!important}
.ml-footer-top{display:flex;justify-content:space-between;gap:36px;align-items:center}.ml-footer-top p{font-size:12px;line-height:1.5;margin-top:12px;color:#D8D4DE;max-width:33ch}
[data-miela-home-footer] .footer-trust-links{display:flex;flex-wrap:wrap;gap:12px 20px;max-width:560px;padding:0;align-items:center}
[data-miela-home-footer] a{color:#FCFBF8!important;font-size:12px;line-height:1.4;text-decoration:none;display:inline-block;padding:10px 0}
[data-miela-home-footer] a:hover{text-decoration:underline;text-underline-offset:4px}[data-miela-home-footer] a:focus-visible{outline:3px solid #B9A7D6!important;outline-offset:4px!important}
[data-miela-home-footer] .miela-logo-image-footer{display:block!important;width:126px!important;height:auto!important}[data-miela-home-footer] .footer-brand{padding:0!important}
.ml-footer-bottom{display:flex;justify-content:space-between;gap:28px;border-top:1px solid #575C68;padding-top:16px;margin-top:23px;font-size:10px;color:#D8D4DE;align-items:center}.ml-footer-bottom nav{display:flex;gap:18px}.ml-footer-bottom a{font-size:10px}
@media(max-width:1100px){.ml-hero-grid,.ml-sample-grid{gap:35px}.ml-purpose-grid{gap:45px}.ml-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-learning-preview{padding:22px}.ml-learning-stats{gap:6px}.ml-learning-stats>div{padding:11px 7px}.ml-method-example{grid-template-columns:.8fr 1.8fr}.ml-method-example>a{grid-column:2;justify-self:start}.miela-home-v2 .ml-hero h1{font-size:clamp(42px,5.9vw,64px)}}
@media(max-width:960px){html[data-brand="miela"] [data-miela-home-header] .miela-brand-full{display:none!important}html[data-brand="miela"] [data-miela-home-header] .miela-brand-compact{display:block!important}html[data-brand="miela"] [data-miela-home-header] .miela-logo-image-nav-mark{display:block!important;width:36px!important;height:36px!important}html[data-brand="miela"] [data-miela-home-header] .nav{gap:17px!important}.ml-course-grid{gap:12px}.miela-home-v2 .ml-course{padding:20px}.miela-home-v2 .ml-course h3{font-size:21px}.ml-method-steps{gap:22px}.ml-preview-label{font-size:9px}.ml-learning-preview .ml-text-link{gap:8px}}
@media(max-width:760px){.ml-wrap{width:calc(100% - 40px)}html[data-brand="miela"] [data-miela-home-header] .header-inner{width:calc(100% - 40px);min-height:70px!important;gap:16px}html[data-brand="miela"] [data-miela-home-header] .nav{display:none!important}.ml-hero-grid,.ml-sample-grid,.ml-purpose-grid{grid-template-columns:1fr}.miela-home-v2 .ml-hero{padding:38px 0 44px}.miela-home-v2 .ml-hero h1{font-size:clamp(43px,8.9vw,65px);max-width:14ch}.miela-home-v2 .ml-intro{font-size:16px;max-width:46ch}.ml-hero-grid{gap:34px}.ml-preview-stage{width:min(450px,100%);justify-self:center;padding:23px 19px 18px}.ml-learning-preview{padding:24px}.ml-learning-stats>div{padding:13px}.ml-learning-stats span{font-size:11px}.ml-preview-label{font-size:10px}.miela-home-v2 .ml-sample{padding:42px 0}.ml-sample-grid{gap:30px}.ml-lesson-preview{max-width:500px;width:100%;justify-self:center;box-shadow:7px 7px 0 rgba(185,167,214,.4)}.miela-home-v2 .ml-discover,.miela-home-v2 .ml-purpose{padding:44px 0}.ml-section-heading{display:block;margin-bottom:25px}.ml-section-heading>p{margin-top:17px;max-width:46ch}.ml-area-grid{gap:10px;margin:24px 0 30px}.ml-featured-heading{align-items:flex-start}.ml-featured-heading .ml-text-link{padding:0;max-width:140px;font-size:12px}.ml-course-grid{grid-template-columns:1fr}.miela-home-v2 .ml-course{padding:22px}.miela-home-v2 .ml-course h3{font-size:25px;max-width:30ch}.ml-course-top{padding-bottom:13px}.miela-home-v2 .ml-course>p{font-size:14px;max-width:50ch}.ml-course-meta{font-size:12px}.ml-method-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.ml-method-steps li:nth-child(2)::after{display:none}.miela-home-v2 .ml-method{padding:43px 0}.ml-method-example{display:block}.ml-method-example>p{margin:14px 0}.ml-purpose-grid{gap:31px}.ml-invitation-inner{display:block}.miela-home-v2 .ml-invitation{padding:40px 0}.ml-invitation .ml-button{margin-top:23px}.ml-invitation-inner::before{right:-75px;top:-70px}.ml-footer-top{display:block}.ml-footer-top .footer-trust-links{margin-top:19px;gap:5px 19px}.ml-footer-bottom{display:block}.ml-footer-bottom nav{margin-top:10px}}
@media(max-width:400px){.ml-wrap{width:calc(100% - 32px)}html[data-brand="miela"] [data-miela-home-header] .header-inner{width:calc(100% - 32px);gap:12px}html[data-brand="miela"] [data-miela-home-header] .miela-get-started{font-size:11px!important;padding:10px 13px!important}html[data-brand="miela"] [data-miela-home-header] .miela-auth-trigger{font-size:11px!important;padding:10px 12px!important}.miela-home-v2 .ml-hero h1{font-size:43px}.miela-home-v2 .ml-eyebrow{font-size:10px}.ml-actions{gap:12px}.miela-home-v2 .ml-hero-facts{font-size:11px}.ml-hero-facts>*+*::before{margin:0 7px}.ml-preview-stage{padding:21px 12px 15px}.ml-learning-preview{padding:20px}.ml-learning-stats>div{padding:11px 8px}.ml-learning-stats span{font-size:10px}.ml-area-grid{grid-template-columns:1fr}.miela-home-v2 .ml-area{min-height:58px;padding:11px 14px}.ml-area-icon{width:30px;height:30px}.miela-home-v2 .ml-area>span:nth-child(2){font-size:13px}.ml-lesson-preview{padding:14px}.ml-featured-heading{display:block}.ml-featured-heading .ml-text-link{margin-top:12px;max-width:none}.ml-method-steps{gap:24px 18px}.miela-home-v2 .ml-method-steps h3{font-size:18px}.ml-method-steps p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.miela-home-v2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Reset legacy hero-logo and card-column rules on the new scoped composition. */
html[data-brand="miela"] [data-miela-home-header] .miela-public-brand-lockup{width:auto!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:none!important;align-items:center!important}
html[data-brand="miela"] .miela-home-v2 .ml-area{flex-direction:row!important;color:#1F2430!important}
html[data-brand="miela"] .miela-home-v2 .ml-area>span{color:#1F2430!important}
html[data-brand="miela"] [data-miela-home-footer] .footer-trust-links{display:flex;gap:8px 21px;margin:0;flex-wrap:wrap}
@media(max-width:760px){html[data-brand="miela"] [data-miela-home-footer] .footer-trust-links{margin-top:18px}}
@media(max-width:760px){html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu{display:block;position:relative;flex-shrink:0}html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:1px solid rgba(31,36,48,.3);border-radius:999px;cursor:pointer;font-size:12px;font-weight:750;list-style:none}html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu summary::-webkit-details-marker{display:none}html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu[open] summary{background:#1F2430;color:#F7F3EC}html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu nav{display:grid!important;position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:min(280px,calc(100vw - 40px));padding:8px;background:#F7F3EC;border:1px solid rgba(31,36,48,.2);border-radius:12px;box-shadow:0 12px 28px rgba(31,36,48,.16)}html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:#1F2430;font-size:14px;font-weight:700;text-decoration:none}html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu nav a:hover,html[data-brand="miela"] [data-miela-home-header] .ml-mobile-menu nav a:focus-visible{background:#E7F5EE;outline:0}.ml-featured-heading .ml-text-link{padding:10px 0;min-height:44px}}
@media(max-width:760px){html[data-brand="miela"] [data-miela-home-header] .miela-auth-trigger{display:none!important}}


/* ---- MIELA v5 runtime refinement (hoisted before first paint) ---- */
:root{
      --brand:#E85D4A;
      --brand-deep:#1F2430;
      --brand-mid:#B84536;
      --brand-soft:#F6D6CE;
      --brand-baby:#FAECE8;
      --rose:#B9A7D6;
      --sand:#F7F3EC;
      --sage:#A9C1B2;
      --charcoal:#1F2430;
      --ink:#242021;
      --ink-2:#343946;
      --muted:#686B73;
      --paper:#F7F3EC;
      --surface:#FCFBF8;
      --surface-2:#f2eeeb;
      --grey-soft:#f2eeeb;
      --grey-cool:#e9e4e1;
      --line:#ddd6d2;
      --line-strong:#c9beba;
      --focus:#8c1d38;
      --focus-ring:#8c1d38;
      --success:#4f6f65;
      --success-soft:#edf3f0;
      --sans:var(--font-sans);
    }

    html,body{background:var(--paper)!important}
    body{color:var(--ink)!important}
    ::selection{background:color-mix(in srgb,var(--rose) 42%,#fff);color:var(--ink)}

    .site-header{background:color-mix(in srgb,var(--paper) 90%,transparent)!important;border-color:color-mix(in srgb,var(--line) 78%,transparent)!important}
    .header-inner{min-height:72px!important}
    .brand{gap:11px!important}
    .brand-symbol{display:grid!important;place-items:center!important;width:37px!important;height:38px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--brand)!important;box-shadow:none!important;overflow:visible!important}
    .brand-symbol>span,.brand-symbol>i{display:none!important}
    .learn-brand-mark{display:block;width:100%;height:100%;overflow:visible}
    .learn-brand-mark .mark-primary{fill:var(--brand)}
    .learn-brand-mark .mark-secondary{fill:var(--rose)}
    .brand-word{font-family:var(--sans)!important;font-size:15px!important;font-weight:760!important;letter-spacing:.16em!important;line-height:.95!important;color:var(--ink)!important}
    .brand-word small{margin-top:5px!important;font-size:10px!important;font-weight:620!important;letter-spacing:.035em!important;color:var(--muted)!important}
    .focus-header .brand-word small{display:none!important}

    .nav a{letter-spacing:-.005em!important}
    .nav a[aria-current="page"]::after{background:var(--brand)!important}
    .learn-search-trigger{background:color-mix(in srgb,var(--surface) 82%,transparent)!important}

    .learn-icon{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
    .learn-search-icon{display:grid;place-items:center;width:20px;height:20px}
    .learn-search-icon .learn-icon,.search-hint .learn-icon,.command-search>span .learn-icon{width:18px;height:18px}
    .library-summary{font-size:13px!important}
    .journey-row p{font-size:13px!important}
    .journey-row small{font-size:11.5px!important}
    .course-sources a,.footer p,.footer a{font-size:12px!important}
    .drawer-meta span{font-size:11px!important}

    .v3-hero-copy h1{font-weight:720!important;letter-spacing:-.068em!important}
    .v3-hero-copy h1 em{color:var(--brand)!important}
    .v3-hero-copy>p{color:var(--ink-2)!important}
    .learn-model-card{background:var(--brand-deep)!important;box-shadow:0 28px 72px rgba(67,7,23,.16)!important}
    .learn-model-card::before{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--rose) 22%,transparent),transparent 45%)!important}
    .learn-model-number{border-color:color-mix(in srgb,var(--rose) 38%,transparent)!important;color:#f3dce2!important}
    .learn-model-step small{color:#d9cccf!important}

    .v3-question-card:hover{background:color-mix(in srgb,var(--surface) 68%,transparent)!important}
    .v3-area-card{background:color-mix(in srgb,var(--surface) 70%,transparent)!important;border-color:var(--line)!important}
    .v3-area-card:hover{border-color:color-mix(in srgb,var(--rose) 64%,var(--line))!important;background:var(--surface)!important}
    .v3-area-card::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--brand);transition:transform .2s ease}
    .v3-area-card:hover::after{transform:scaleX(1)}

    .v3-course-card.standard .course-card-kicker{margin-bottom:8px!important;font-size:11.5px!important}
    .v3-course-card.standard .course-card-description{max-width:720px!important;font-size:14.5px!important;line-height:1.58!important}
    .v3-course-card.standard .course-card-meta{margin-top:12px!important}
    .v3-course-card.standard .pathway-time strong{font-size:12.5px!important}
    .v3-course-card.standard .course-card-actions{gap:10px!important}

    .home-start-quiet{padding-top:46px!important;padding-bottom:52px!important}
    .home-start-quiet .editorial-heading{max-width:680px}
    .home-start-quiet .editorial-heading h2{font-size:clamp(30px,3.2vw,42px)!important;letter-spacing:-.04em!important}
    .home-start-quiet .compact-course-list .course-card{padding-top:16px!important;padding-bottom:16px!important}

    .v3-area-hero.area-hero-single{grid-template-columns:minmax(0,1fr)!important}
    .v3-area-hero.area-hero-single>div{max-width:920px}

    .course-opening-main h1.title-medium{font-size:clamp(46px,5.4vw,72px)!important;line-height:.96!important}
    .course-opening-main h1.title-long{font-size:clamp(40px,4.7vw,62px)!important;line-height:.98!important;letter-spacing:-.045em!important}

    .learn-cycle{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:20px 0 0;padding:0;list-style:none;color:var(--muted)}
    .learn-cycle li{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:650;line-height:1.2;white-space:nowrap}
    .learn-cycle li+li::before{content:"";width:22px;height:1px;margin:0 9px;background:var(--line-strong)}
    .learn-cycle li.is-past{color:var(--ink-2)}
    .learn-cycle li.is-active{color:var(--brand);font-weight:760}
    .learn-cycle li.is-active::after{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
    .lesson-heading>.learn-cycle{margin-top:20px;margin-bottom:0}
    .complete-page>.learn-cycle,.v3-practice-page .page-intro>.learn-cycle{margin-top:22px}

    .filter-strip.is-scrollable{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 34px),transparent 100%);padding-right:26px!important}

    .learn-mobile-nav a>span:first-child{display:grid;place-items:center;width:20px;height:20px}
    .learn-mobile-nav a>span:first-child .learn-icon{width:18px;height:18px}
    .mobile-lesson-bar a{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
    .mobile-lesson-bar .learn-icon{width:16px;height:16px}
    .dialog-close .learn-icon,.empty-mark .learn-icon,.complete-mark .learn-icon{width:18px;height:18px}

    .footer{background:var(--paper)!important;border-top-color:var(--line)!important}
    .footer-brand{display:flex!important;align-items:center!important;gap:11px!important;font-family:var(--sans)!important;font-size:14px!important;font-weight:760!important;letter-spacing:.16em!important;color:var(--ink)!important}
    .footer-brand .learn-brand-mark{width:31px;height:31px;flex:0 0 auto}

    @media(prefers-reduced-motion:no-preference){
      .btn,.v3-area-card,.v3-course-card.standard,.nav a,.learn-search-trigger{transition-duration:.18s!important}
    }

    @media(max-width:820px){
      .course-opening-main h1.title-medium{font-size:clamp(42px,10.8vw,60px)!important}
      .course-opening-main h1.title-long{font-size:clamp(37px,9.7vw,53px)!important;line-height:1!important}
      .learn-mobile-nav,.mobile-lesson-bar{bottom:max(12px,env(safe-area-inset-bottom))!important}
      .footer{padding-bottom:calc(102px + env(safe-area-inset-bottom))!important}
      .learn-cycle{margin-top:18px;row-gap:9px}
      .learn-cycle li+li::before{width:14px;margin-inline:6px}
    }

    @media(max-width:560px){
      .header-inner{min-height:66px!important}
      .brand-symbol{width:33px!important;height:34px!important}
      .brand-word{font-size:13.5px!important;letter-spacing:.145em!important}
      .brand-word small{display:none!important}
      .home-start-quiet{padding-top:36px!important;padding-bottom:42px!important}
      .learn-cycle li{font-size:11px}
      .learn-cycle li+li::before{width:10px;margin-inline:5px}
    }


/* ---- MIELA auth-click runtime styles (hoisted before first paint) ---- */
html[data-brand="miela"] .site-header{
      z-index:10000!important;
    }
    html[data-brand="miela"] .miela-auth-slot,
    html[data-brand="miela"] .miela-auth-trigger,
    html[data-brand="miela"] .miela-get-started{
      position:relative!important;
      z-index:10001!important;
      pointer-events:auto!important;
    }
    html[data-brand="miela"] a.miela-auth-trigger,
    html[data-brand="miela"] a.miela-get-started{
      text-decoration:none!important;
      cursor:pointer!important;
    }
    html[data-brand="miela"] #miela-auth-dialog[open] .miela-auth-dialog-shell{
      pointer-events:auto!important;
    }
    html[data-brand="miela"] #miela-auth-dialog[open] .miela-auth-dialog-shell button,
    html[data-brand="miela"] #miela-auth-dialog[open] .miela-auth-dialog-shell a,
    html[data-brand="miela"] #miela-auth-dialog[open] .miela-auth-dialog-shell input,
    html[data-brand="miela"] #miela-auth-dialog[open] .miela-auth-dialog-shell select,
    html[data-brand="miela"] #miela-auth-dialog[open] .miela-auth-dialog-shell textarea{
      position:relative!important;
      z-index:1!important;
      pointer-events:auto!important;
    }
    html[data-brand="miela"] .miela-public-learning-preview{
      margin-top:2rem;
      padding-top:1.45rem;
      border-top:1px solid rgba(24,28,30,.14);
    }
    html[data-brand="miela"] .miela-public-learning-preview>span{
      display:block;
      margin:0 0 .8rem;
      font-size:.72rem;
      font-weight:750;
      letter-spacing:.12em;
      text-transform:uppercase;
      opacity:.62;
    }
    html[data-brand="miela"] .miela-public-learning-stats{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:.55rem;
    }
    html[data-brand="miela"] .miela-public-learning-stat{
      min-width:0;
      padding:.9rem .75rem .82rem;
      border:1px solid rgba(24,28,30,.12);
      border-radius:16px;
      background:rgba(255,255,255,.58);
    }
    html[data-brand="miela"] .miela-public-learning-stat strong{
      display:block;
      font-size:1.55rem;
      line-height:1;
      letter-spacing:-.035em;
    }
    html[data-brand="miela"] .miela-public-learning-stat small{
      display:block;
      margin-top:.38rem;
      font-size:.72rem;
      line-height:1.2;
      font-weight:650;
      opacity:.68;
    }
    html[data-brand="miela"] .miela-public-learning-stat:first-child small{
      white-space:nowrap;
      overflow-wrap:normal;
      word-break:normal;
    }

    /* Current public-home account preview: carry the MIELA palette into progress. */
    html[data-brand="miela"] .miela-home-v2 .ml-learning-stats>div:nth-child(1){
      background:#f9e4de!important;
      border-color:#e9b9ae!important;
    }
    html[data-brand="miela"] .miela-home-v2 .ml-learning-stats>div:nth-child(2){
      background:#efe9f4!important;
      border-color:#d5c8e2!important;
    }
    html[data-brand="miela"] .miela-home-v2 .ml-learning-stats>div:nth-child(3){
      background:#e7ede5!important;
      border-color:#c6d4ca!important;
    }
    html[data-brand="miela"] .miela-home-v2 .ml-learning-stats span{
      overflow-wrap:normal!important;
      word-break:normal!important;
      hyphens:none!important;
    }

    /* Signed-in learning summary uses the same coral/lilac/sage visual language. */
    html[data-brand="miela"] .miela-member-stats .miela-learning-count:nth-child(1){
      background:#efe9f4!important;
      border-color:#d5c8e2!important;
    }
    html[data-brand="miela"] .miela-member-stats .miela-learning-count:nth-child(2){
      background:#f9e4de!important;
      border-color:#e9b9ae!important;
    }
    html[data-brand="miela"] .miela-member-stats .miela-learning-count:nth-child(3){
      background:#e7ede5!important;
      border-color:#c6d4ca!important;
    }

    html[data-brand="miela"] .miela-learning-preview-signin{
      border:0;
      background:none;
      padding:.8rem 0 0;
      font:inherit;
      font-size:.79rem;
      font-weight:700;
      text-align:left;
      cursor:pointer;
      color:inherit;
    }
    html[data-brand="miela"] .miela-learning-preview-signin:hover{
      text-decoration:underline;
      text-decoration-color:#e85d4a;
      text-underline-offset:.22em;
    }
    html[data-brand="miela"] .miela-learning-preview-signin:focus-visible{
      outline:3px solid #1f2430;
      outline-offset:4px;
      border-radius:4px;
    }
    @media(max-width:900px){
      html[data-brand="miela"] .miela-public-learning-preview{max-width:34rem}
    }
    @media(max-width:420px){
      html[data-brand="miela"] .miela-public-learning-stats{gap:.4rem}
      html[data-brand="miela"] .miela-public-learning-stat{padding:.78rem .55rem .72rem}
      html[data-brand="miela"] .miela-public-learning-stat strong{font-size:1.35rem}
      html[data-brand="miela"] .miela-public-learning-stat small{font-size:.66rem}
      html[data-brand="miela"] .miela-public-learning-stat:first-child small{font-size:.62rem;letter-spacing:-.01em}

      html[data-brand="miela"] .miela-home-v2 .ml-learning-stats{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:.42rem!important;
      }
      html[data-brand="miela"] .miela-home-v2 .ml-learning-stats>div{
        display:flex!important;
        min-width:0!important;
        min-height:5.1rem!important;
        padding:.68rem .24rem!important;
        flex-direction:column!important;
        justify-content:center!important;
        align-items:center!important;
        text-align:center!important;
      }
      html[data-brand="miela"] .miela-home-v2 .ml-learning-stats strong{
        font-size:1.55rem!important;
        line-height:1!important;
      }
      html[data-brand="miela"] .miela-home-v2 .ml-learning-stats span{
        margin-top:.42rem!important;
        font-size:.58rem!important;
        line-height:1.2!important;
        letter-spacing:-.01em!important;
        white-space:nowrap!important;
        overflow-wrap:normal!important;
        word-break:keep-all!important;
        hyphens:none!important;
      }
    }


/* ---- MIELA experience runtime styles (hoisted before first paint) ---- */
html[data-brand="miela"]{
      --brand:#E85D4A;
      --brand-deep:#B94335;
      --brand-mid:#E85D4A;
      --brand-soft:#F9E4DE;
      --brand-baby:#F9E4DE;
      --burgundy:#E85D4A;
      --burgundy-deep:#B94335;
      --burgundy-soft:#F9E4DE;
      --baby-burgundy:#F9E4DE;
      --ink:#1F2430;
      --ink-2:#4D5360;
      --muted:#686B73;
      --paper:#F7F3EC;
      --surface:#FCFBF8;
      --surface-2:#EFE9F4;
      --grey-soft:#F1ECE5;
      --grey-cool:#E8E3DD;
      --line:#DED9D0;
      --line-strong:#C9C2B9;
      --focus:#863327;
      --focus-ring:#863327;
      --success:#577664;
      --success-soft:#E7EDE5;
      --error:#A74135;
      --error-soft:#F9E4DE;
    }

    html[data-brand="miela"] .lesson-heading{padding-bottom:1.3rem;border-bottom:1px solid rgba(31,36,48,.11)}
    html[data-brand="miela"] .lesson-heading .step-label{color:#8f3b40!important}
    html[data-brand="miela"] .lesson-article .prose{color:#343946}
    html[data-brand="miela"] .learning-note{border-radius:18px!important;border:1px solid rgba(31,36,48,.1)!important;padding:1.2rem!important;box-shadow:none!important}
    html[data-brand="miela"] .learning-note.key{background:#EFE9F4!important;border-color:#D8CCE4!important}
    html[data-brand="miela"] .learning-note.example{background:#E7EDE5!important;border-color:#C7D4C9!important}
    html[data-brand="miela"] .learning-note>span{color:#6e455f!important}
    html[data-brand="miela"] .reflection{padding:1.3rem!important;border:1px solid #D8CCE4!important;border-radius:20px!important;background:linear-gradient(135deg,#FCFBF8,#EFE9F4)!important}
    html[data-brand="miela"] .reflection>span{color:#704B73!important}
    html[data-brand="miela"] .reflection textarea{background:#fff!important;border-color:rgba(31,36,48,.14)!important;border-radius:14px!important}
    html[data-brand="miela"] .takeaway{padding:1.2rem!important;border:1px solid #C7D4C9!important;border-radius:18px!important;background:#E7EDE5!important}
    html[data-brand="miela"] .takeaway>span{color:#466454!important}
    html[data-brand="miela"] .lesson-nav{border-top-color:rgba(31,36,48,.12)!important}

    html[data-brand="miela"] .quiz-page .lesson-heading{margin-bottom:1.2rem}
    html[data-brand="miela"] .quiz-progress{padding:1rem 1.1rem!important;border:1px solid rgba(31,36,48,.1)!important;border-radius:16px!important;background:#FCFBF8!important}
    html[data-brand="miela"] .question-card{padding:clamp(1.1rem,3vw,1.55rem)!important;border:1px solid rgba(31,36,48,.11)!important;border-radius:20px!important;background:#FCFBF8!important;box-shadow:none!important}
    html[data-brand="miela"] .question-card+.question-card{margin-top:1rem}
    html[data-brand="miela"] .question-top{color:#8f3b40!important}
    html[data-brand="miela"] .scenario-line{padding:1rem!important;border-radius:14px!important;background:#EFE9F4!important;border:1px solid #D8CCE4!important}
    html[data-brand="miela"] .scenario-line>span{color:#704B73!important}
    html[data-brand="miela"] .option{border-color:rgba(31,36,48,.14)!important;border-radius:15px!important;background:#FCFBF8!important;color:#1F2430!important;box-shadow:none!important}
    html[data-brand="miela"] .option:hover:not(:disabled){border-color:#B9A7D6!important;background:#F7F2FA!important}
    html[data-brand="miela"] .option>span:first-child{background:#EFE9F4!important;color:#1F2430!important}
    html[data-brand="miela"] .option.correct{border-color:#A9C1B2!important;background:#E7EDE5!important}
    html[data-brand="miela"] .option.correct>span:first-child{background:#A9C1B2!important}
    html[data-brand="miela"] .option.incorrect{border-color:#E9B9AE!important;background:#F9E4DE!important}
    html[data-brand="miela"] .option.incorrect>span:first-child{background:#F0B5A8!important}
    html[data-brand="miela"] .feedback{border-radius:15px!important;box-shadow:none!important}
    html[data-brand="miela"] .feedback.correct{background:#E7EDE5!important;border-color:#A9C1B2!important;color:#1F2430!important}
    html[data-brand="miela"] .feedback.incorrect{background:#F9E4DE!important;border-color:#E9B9AE!important;color:#1F2430!important}
    html[data-brand="miela"] .section-complete{padding:1.3rem!important;border-radius:20px!important;border:1px solid #C7D4C9!important;background:linear-gradient(135deg,#E7EDE5,#FCFBF8)!important}
    html[data-brand="miela"] .section-complete>span{color:#466454!important}

    html[data-brand="miela"] .v4-problem{background:#1F2430!important;color:#FCFBF8!important;border-color:#1F2430!important}
    html[data-brand="miela"] .v4-problem .v4-label{color:#F0B5A8!important}
    html[data-brand="miela"] .v4-problem p,html[data-brand="miela"] .v4-problem small{color:#E1DDE4!important}
    html[data-brand="miela"] :is(.v4-interaction,.v4-branch,.v4-retrieval,.v4-reconsider,.v4-return-plan){background:#FCFBF8!important;border-color:rgba(31,36,48,.11)!important}
    html[data-brand="miela"] .v4-context-scenario{background:#EFE9F4!important;border-left-color:#B9A7D6!important}
    html[data-brand="miela"] .v4-example-card{background:#FCFBF8!important;border-color:rgba(31,36,48,.11)!important}
    html[data-brand="miela"] .v4-example-card:nth-child(2n+1){background:#EFE9F4!important;border-color:#D8CCE4!important}
    html[data-brand="miela"] .v4-example-card:nth-child(2n){background:#E7EDE5!important;border-color:#C7D4C9!important}
    html[data-brand="miela"] :is(.v4-choice,.v4-choice-row){background:#FCFBF8!important;border-color:rgba(31,36,48,.13)!important}
    html[data-brand="miela"] :is(.v4-choice,.v4-choice-row):hover,html[data-brand="miela"] :is(.v4-choice,.v4-choice-row).selected{background:#EFE9F4!important;border-color:#B9A7D6!important}
    html[data-brand="miela"] .v4-interaction-feedback{background:#F9E4DE!important;border-left-color:#E85D4A!important}
    html[data-brand="miela"] .v4-interaction-feedback.correct{background:#E7EDE5!important;border-left-color:#577664!important}
    html[data-brand="miela"] .v4-diagram-node{background:#FCFBF8!important;border-color:rgba(31,36,48,.12)!important}
    html[data-brand="miela"] .v4-diagram-node span,html[data-brand="miela"] .v4-label,html[data-brand="miela"] .v4-choice strong{color:#8f3b40!important}
    html[data-brand="miela"] .v4-show-me{background:#F7F3EC!important;border-left-color:#B9A7D6!important}
    html[data-brand="miela"] .v4-show-me.deeper{border-left-color:#E85D4A!important}
    html[data-brand="miela"] .v4-transfer-grid>div{background:#E7EDE5!important;border-color:#C7D4C9!important}
    html[data-brand="miela"] .v4-return-plan{background:#FCFBF8!important}
    html[data-brand="miela"] .v4-completed-title{color:#577664!important}

    html[data-brand="miela"] .boot-state{min-height:42vh;display:grid;align-content:center;justify-items:start}
    html[data-brand="miela"] .boot-state::before{content:"";width:42px;height:8px;margin-bottom:1.1rem;border-radius:999px;background:linear-gradient(90deg,#B9A7D6 0 33%,#A9C1B2 33% 66%,#E85D4A 66%)}

    @media(max-width:760px){
      html[data-brand="miela"] .question-card{padding:1rem!important}
      html[data-brand="miela"] .option{grid-template-columns:30px minmax(0,1fr)!important;gap:.65rem!important;padding:.85rem!important}
      html[data-brand="miela"] .reflection,html[data-brand="miela"] .learning-note,html[data-brand="miela"] .takeaway{padding:1rem!important}
    }


/* ---- MIELA About runtime styles (hoisted before first paint) ---- */
.about-page.about-v6{max-width:1180px!important;padding-bottom:0!important}
    .about-v6-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.62fr);gap:clamp(42px,7vw,96px);align-items:end;padding:clamp(70px,9vw,126px) 0 clamp(64px,8vw,104px);border-bottom:1px solid var(--line)}
    .about-v6-hero-copy{max-width:850px}
    .about-v6-hero .page-label{display:block;margin-bottom:18px}
    .about-v6-hero h1{max-width:900px;margin:0;font-family:var(--sans)!important;font-size:clamp(56px,7.8vw,106px)!important;font-weight:720!important;line-height:.91!important;letter-spacing:-.068em!important;text-wrap:balance}
    .about-v6-hero h1 em{font-family:inherit;font-style:normal;color:var(--brand)}
    .about-v6-lede{max-width:720px;margin:28px 0 0;color:var(--ink-2);font-size:clamp(18px,1.75vw,22px);line-height:1.58;letter-spacing:-.018em}
    .about-v6-belief{padding:26px 0 6px;border-top:2px solid var(--brand)}
    .about-v6-belief>span{display:block;margin-bottom:12px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
    .about-v6-belief p{margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(25px,2.5vw,35px);font-weight:500;line-height:1.16;letter-spacing:-.025em}
    .about-v6-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}

    .about-v6-manifesto{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);gap:clamp(36px,7vw,94px);padding:clamp(70px,8vw,104px) 0;border-bottom:1px solid var(--line)}
    .about-v6-manifesto h2{max-width:600px;margin:8px 0 0;font-family:var(--sans)!important;font-size:clamp(40px,4.8vw,64px)!important;font-weight:720!important;line-height:.98!important;letter-spacing:-.052em!important;text-wrap:balance}
    .about-v6-manifesto-copy{max-width:740px}
    .about-v6-manifesto-copy p{margin:0 0 20px;color:var(--ink-2);font-size:17px;line-height:1.72}
    .about-v6-manifesto-copy p:first-child{color:var(--ink);font-family:var(--serif);font-size:clamp(25px,2.7vw,36px);line-height:1.24;letter-spacing:-.025em}

    .about-v6-section{padding:clamp(68px,8vw,104px) 0;border-bottom:1px solid var(--line)}
    .about-v6-section-head{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,6vw,76px);align-items:end;margin-bottom:42px}
    .about-v6-section-head h2{margin:8px 0 0;font-family:var(--sans)!important;font-size:clamp(36px,4.5vw,58px)!important;font-weight:720!important;line-height:1!important;letter-spacing:-.05em!important;text-wrap:balance}
    .about-v6-section-head p{max-width:660px;margin:0;color:var(--ink-2);font-size:16px;line-height:1.68}

    .about-v6-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
    .about-v6-value{min-height:250px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
    .about-v6-value>span{color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.1em}
    .about-v6-value h3{margin:42px 0 12px;font-family:var(--sans)!important;font-size:clamp(23px,2vw,30px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.035em!important}
    .about-v6-value p{margin:0;color:var(--ink-2);font-size:13.8px;line-height:1.6}

    .about-v6-practice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .about-v6-practice article{position:relative;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 72%,transparent)}
    .about-v6-practice article::before{content:"";position:absolute;left:28px;top:0;width:48px;height:2px;background:var(--brand)}
    .about-v6-practice span{display:block;margin-top:4px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
    .about-v6-practice h3{margin:68px 0 12px;font-family:var(--sans)!important;font-size:clamp(25px,2.4vw,32px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.035em!important}
    .about-v6-practice p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.62}

    .about-v6-cycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
    .about-v6-cycle article{min-height:210px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
    .about-v6-cycle b{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;color:var(--brand);font-size:10px;letter-spacing:.04em}
    .about-v6-cycle h3{margin:32px 0 9px;font-family:var(--sans)!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.025em}
    .about-v6-cycle p{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.55}

    .about-v6-shape{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(42px,7vw,92px);padding:clamp(72px,8vw,110px) 0;border-bottom:1px solid var(--line);scroll-margin-top:92px}
    .about-v6-shape-copy h2{max-width:620px;margin:8px 0 20px;font-family:var(--sans)!important;font-size:clamp(40px,5vw,66px)!important;font-weight:720!important;line-height:.98!important;letter-spacing:-.055em!important;text-wrap:balance}
    .about-v6-shape-copy>p{max-width:620px;margin:0 0 26px;color:var(--ink-2);font-size:16.5px;line-height:1.7}
    .about-v6-shape-prompts{display:grid;border-top:1px solid var(--line)}
    .about-v6-shape-prompts div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}
    .about-v6-shape-prompts b{color:var(--brand);font-size:10px;letter-spacing:.08em}
    .about-v6-shape-prompts span{color:var(--ink);font-size:14px;line-height:1.48}

    .about-v6-form{padding:28px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 82%,transparent)}
    .about-v6-form-head{margin-bottom:22px}
    .about-v6-form-head span{display:block;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
    .about-v6-form-head h3{margin:8px 0 8px;font-family:var(--sans)!important;font-size:clamp(28px,3vw,38px)!important;font-weight:700!important;line-height:1.03!important;letter-spacing:-.04em!important}
    .about-v6-form-head p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.55}
    .about-v6-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .about-v6-field{display:grid;gap:7px}
    .about-v6-field.full{grid-column:1/-1}
    .about-v6-field>span,.about-v6-interests>span{font-size:12px;font-weight:700;color:var(--ink)}
    .about-v6-field input,.about-v6-field textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;padding:12px 13px;box-sizing:border-box}
    .about-v6-field textarea{min-height:110px;resize:vertical;line-height:1.55}
    .about-v6-field input:focus,.about-v6-field textarea:focus{outline:3px solid color-mix(in srgb,var(--brand) 20%,transparent);outline-offset:1px;border-color:var(--brand)}
    .about-v6-interests{grid-column:1/-1;display:grid;gap:10px;margin-top:2px}
    .about-v6-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .about-v6-checks label{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--ink-2);font-size:13px;line-height:1.4;background:var(--surface)}
    .about-v6-checks input{margin-top:2px;accent-color:var(--brand)}
    .about-v6-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}
    .about-v6-form-actions small{max-width:420px;color:var(--ink-2);font-size:11.5px;line-height:1.45}
    .about-v6-form-status{min-height:22px;margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--ink-2)}
    .about-v6-form-status.success{color:var(--brand)}
    .about-v6-form-status.error{color:#8f2f39}

    .about-v6-belief>span,.about-v6-value>span,.about-v6-practice span,.about-v6-cycle b,.about-v6-shape-prompts b,.about-v6-form-head span,.about-v6-form-status.success{color:var(--brand-deep)}

    .about-v6-close{margin-inline:calc(50% - 50vw);padding:clamp(72px,8vw,112px) max(24px,calc((100vw - 1180px)/2));background:var(--brand-deep);color:#fff}
    .about-v6-close-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);gap:clamp(42px,7vw,92px);align-items:end}
    .about-v6-close .page-label{color:#e5bdc7!important}
    .about-v6-close h2{max-width:820px;margin:10px 0 0;color:#fff;font-family:var(--sans)!important;font-size:clamp(48px,6.6vw,88px)!important;font-weight:720!important;line-height:.92!important;letter-spacing:-.065em!important;text-wrap:balance}
    .about-v6-close p{max-width:450px;margin:0 0 22px;color:#dfd2d5;font-size:15px;line-height:1.65}
    .about-v6-close .btn.quiet{border-color:rgba(255,255,255,.3)!important;color:#fff!important}
    .about-v6-close .btn.quiet:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.5)!important}

    @media(max-width:1040px){.about-v6-values{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media(max-width:900px){
      .about-v6-hero,.about-v6-manifesto,.about-v6-section-head,.about-v6-shape,.about-v6-close-inner{grid-template-columns:1fr}
      .about-v6-belief{max-width:650px}
      .about-v6-practice{grid-template-columns:1fr}
      .about-v6-practice article{min-height:0}
      .about-v6-practice h3{margin-top:48px}
      .about-v6-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:680px){
      .about-v6-values{grid-template-columns:1fr}
      .about-v6-value{min-height:0}
      .about-v6-form-grid,.about-v6-checks{grid-template-columns:1fr}
    }
    @media(max-width:620px){
      .about-page.about-v6{width:min(100% - 32px,1180px)!important}
      .about-v6-hero{padding-top:54px;padding-bottom:58px}
      .about-v6-hero h1{font-size:clamp(50px,14vw,74px)!important}
      .about-v6-lede{font-size:18px}
      .about-v6-cycle{grid-template-columns:1fr}
      .about-v6-cycle article{min-height:0}
      .about-v6-form{padding:20px}
      .about-v6-close{padding-inline:16px}
    }


/* ---- MIELA final public signature punctuation ---- */
.miela-signature-punctuation{color:inherit!important;font-family:inherit!important;font-style:inherit!important;display:inline!important}
main h1 .miela-signature-punctuation{color:#E85D4A!important}
#ml-hero-title .miela-punctuation-lock{display:inline!important;white-space:nowrap!important}
#ml-hero-title .miela-punctuation-lock>.miela-signature-punctuation{display:inline!important;white-space:nowrap!important}
.about-v6-hero h1 em{color:inherit!important}
.miela-about-home{white-space:nowrap}