/* MoneyBuddy v68.15 | Phase 2 — Learn | Premium & approachable
   Scoped to Learn page only. Uses v68.13 design tokens and preserves lesson IDs, handlers and progress.
*/
#moneyBuddyFeatureLayer[data-view="learn"] {
  background:#fff !important;
  color:var(--mbp-navy,#14243B) !important;
  scroll-behavior:auto !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-shell {
  width:min(1328px,100%) !important;
  max-width:1328px !important;
  padding:clamp(24px,3vw,44px) clamp(18px,4vw,52px) 104px !important;
  margin:0 auto !important;
  background:#fff !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-topbar {
  align-items:flex-start !important;
  margin-bottom:24px !important;
  padding:0 !important;
  gap:24px !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-heading {max-width:730px !important;min-width:0 !important;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-heading .mb-eyebrow,
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-overline,
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-section-kicker {
  font:800 10px/1.4 var(--mbp-font-body,Inter,Arial,sans-serif) !important;
  color:var(--mbp-forest,#123D31) !important;
  text-transform:uppercase;letter-spacing:.16em !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-heading h1 {
  font:800 clamp(32px,3.6vw,47px)/1.12 var(--mbp-font-display,'Plus Jakarta Sans',Inter,sans-serif) !important;
  color:var(--mbp-navy,#14243B) !important;
  letter-spacing:-.052em !important;
  margin:8px 0 11px !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-heading p {
  max-width:620px !important;
  margin:0 !important;
  font-size:14px !important;line-height:1.65 !important;
  color:rgba(20,36,59,.7) !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-close {
  width:44px !important;height:44px !important;min-width:44px !important;
  background:#fff !important;color:#14243B !important;
  border:1px solid rgba(20,36,59,.15) !important;
  border-radius:14px !important;box-shadow:none !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] :is(button,a):focus-visible {
  outline:3px solid rgba(196,154,58,.72) !important;outline-offset:3px;
}
/* Continue-learning hero */
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-learn-hero {
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(255px,.6fr);
  margin:0 0 25px;background:#14243B;border:1px solid #14243B;border-radius:23px;
  overflow:hidden;min-width:0;box-shadow:0 12px 35px -28px rgba(20,36,59,.43);
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-main {
  padding:32px clamp(24px,3.5vw,42px) 32px;color:#fff;min-width:0;
  display:flex;flex-direction:column;align-items:flex-start;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-overline {color:#C49A3A !important;display:flex;align-items:center;gap:8px;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-accent-line {display:inline-block;width:18px;height:2px;background:#C49A3A;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-step {
  margin-top:25px;color:rgba(255,255,255,.66);font:700 10px/1.5 Inter,Arial,sans-serif;
  letter-spacing:.12em;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-main h2 {
  color:#fff !important;font:750 clamp(25px,2.6vw,36px)/1.16 var(--mbp-font-display,'Plus Jakarta Sans',Inter,sans-serif) !important;
  letter-spacing:-.048em;margin:9px 0 !important;max-width:650px;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-main p {
  color:rgba(255,255,255,.79) !important;font-size:13.5px !important;
  line-height:1.65 !important;margin:0 0 19px !important;max-width:560px;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-primary {
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:24px;
  background:#fff;color:#14243B;border:1px solid #fff;border-radius:11px;
  font:800 13px/1.25 Inter,Arial,sans-serif;min-height:47px;padding:12px 18px;
  cursor:pointer;transition:background .16s ease,color .16s ease;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-primary:hover {background:#C49A3A;color:#14243B;border-color:#C49A3A;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-note {color:rgba(255,255,255,.65);font-size:11px;margin-top:13px;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-side {
  display:flex;flex-direction:column;justify-content:center;min-width:0;
  background:#123D31;color:#fff;padding:28px clamp(20px,2.8vw,35px);
  border-left:1px solid rgba(255,255,255,.12);
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-side-label {
  color:#C49A3A;font-size:10px;font-weight:800;letter-spacing:.14em;line-height:1.4;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-progress-number {display:flex;align-items:baseline;margin:15px 0 10px;gap:5px;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-progress-number strong {
  color:#fff;font:800 clamp(38px,4.2vw,55px)/1 var(--mbp-font-display,'Plus Jakarta Sans',Inter,sans-serif);letter-spacing:-.05em;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-progress-number span {color:rgba(255,255,255,.78);font-size:12px;font-weight:600;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-progress-track {height:7px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.2);width:100%;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-progress-track span {display:block;height:100%;background:#C49A3A;border-radius:20px;min-width:0;transition:width .2s ease;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-progress-percent {font-size:12px;font-weight:750;margin-top:11px;color:#fff;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-side p {font-size:12px;line-height:1.5;color:rgba(255,255,255,.83);margin:11px 0 8px;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-side small {font-size:10.5px;line-height:1.5;color:rgba(255,255,255,.61);}
/* Five-step pathway */
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path {
  display:block !important;border:1px solid rgba(20,36,59,.12) !important;
  background:#fff !important;border-radius:21px !important;padding:23px 25px 25px !important;
  box-shadow:0 10px 27px -24px rgba(20,36,59,.28) !important;margin-bottom:29px !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-top {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-top h2,
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-library-top h2 {
  font:800 clamp(20px,2.1vw,27px)/1.2 var(--mbp-font-display,'Plus Jakarta Sans',Inter,sans-serif) !important;
  color:#14243B !important;letter-spacing:-.045em !important;margin:7px 0 7px !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-top p,
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-library-top p {color:rgba(20,36,59,.66) !important;font-size:12.5px !important;line-height:1.5 !important;margin:0 !important;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-buddy-note {
  display:flex;align-items:center;gap:10px;min-width:165px;padding:6px 12px 6px 6px;
  border-radius:14px;background:#fff;border:1px solid rgba(20,36,59,.13);
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-buddy-note img {width:47px;height:47px;object-fit:contain;flex:none;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-buddy-note strong,
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-buddy-note small {display:block;line-height:1.35;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-buddy-note strong {font-size:11px;color:#14243B;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-buddy-note small {font-size:10px;color:rgba(20,36,59,.63);}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps {
  list-style:none;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px !important;margin:0 !important;padding:0 !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps li {min-width:0 !important;margin:0 !important;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps button {
  height:100% !important;min-height:112px !important;min-width:0 !important;width:100% !important;
  padding:13px !important;border-radius:14px !important;
  background:#fff !important;border:1px solid rgba(20,36,59,.14) !important;
  box-shadow:none !important;display:flex !important;align-items:flex-start !important;gap:10px !important;
  text-align:left;cursor:pointer;transition:border-color .14s ease, background .14s ease;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps button:hover,
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps .mb15-step-next {border-color:rgba(18,61,49,.65) !important;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps .mb15-step-done {border-color:rgba(18,61,49,.35) !important;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb-path-number {
  width:28px !important;height:28px !important;min-width:28px !important;border-radius:9px !important;
  display:flex;align-items:center;justify-content:center;
  font-size:11px !important;line-height:1;font-weight:800 !important;background:#123D31 !important;
  color:#fff !important;border:none !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-step-copy {display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-step-copy strong {font-size:12px !important;font-weight:750 !important;line-height:1.35 !important;color:#14243B !important;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-step-copy small {font-size:10px !important;line-height:1.4 !important;color:rgba(20,36,59,.66) !important;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-step-arrow {align-self:flex-end;color:#123D31;font-size:13px;margin-left:auto;}
/* Library heading and subject filters */
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-library {min-width:0;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-library-top {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-library-count {border:1px solid rgba(20,36,59,.13);border-radius:999px;padding:8px 13px;font-size:11px;font-weight:750;color:#14243B;white-space:nowrap;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-categories {
  margin:0 0 12px !important;display:flex;flex-wrap:wrap;gap:7px !important;align-items:center;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-categories .mb-chip {
  background:#fff !important;color:#14243B !important;border:1px solid rgba(20,36,59,.16) !important;
  border-radius:999px !important;min-height:38px !important;padding:9px 14px !important;
  font:700 11px/1.3 Inter,Arial,sans-serif !important;box-shadow:none !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-categories .mb-chip.is-active {
  background:#123D31 !important;color:#fff !important;border-color:#123D31 !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-result-count {margin:0 0 14px;color:rgba(20,36,59,.6);font-size:11px;font-weight:700;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-grid {
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:13px !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card {
  min-width:0 !important;min-height:217px !important;height:100% !important;
  border:1px solid rgba(20,36,59,.13) !important;border-radius:17px !important;
  padding:19px 19px 16px !important;background:#fff !important;
  display:flex !important;flex-direction:column !important;gap:0 !important;
  box-shadow:none !important;transform:none !important;text-align:left !important;
  transition:border-color .14s ease,box-shadow .14s ease !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card:hover {
  border-color:rgba(18,61,49,.6) !important;box-shadow:0 15px 30px -27px rgba(20,36,59,.35) !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-card-top {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-card-top .mb-lesson-icon {
  width:42px !important;height:42px !important;min-width:42px;border-radius:12px !important;
  display:flex;justify-content:center;align-items:center;background:#123D31 !important;
  color:#fff !important;margin:0 !important;font-size:23px !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-card-complete {font-size:9px;font-weight:800;letter-spacing:.08em;color:rgba(20,36,59,.5);white-space:nowrap;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-complete .mb15-card-complete {color:#123D31;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card .mb-lesson-meta {font-size:10px !important;color:#123D31 !important;letter-spacing:.07em !important;font-weight:800 !important;margin:0 0 7px !important;}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card h3 {
  font:750 17px/1.3 var(--mbp-font-display,'Plus Jakarta Sans',Inter,sans-serif) !important;
  letter-spacing:-.03em !important;margin:0 0 8px !important;color:#14243B !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card p {
  font-size:12px !important;line-height:1.55 !important;color:rgba(20,36,59,.66) !important;margin:0 0 20px !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card .mb-lesson-status {
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  padding-top:12px;border-top:1px solid rgba(20,36,59,.1);font-size:11px !important;font-weight:800 !important;color:#123D31 !important;
}
#moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card .mb-lesson-status span {font-size:17px;color:#123D31;}
/* Lesson popup polish. Content and completion actions remain unchanged. */
#moneyBuddyProductModal:has(.mb-lesson-buddy-example) .mb-product-modal-card {
  border-radius:22px !important;background:#fff !important;border:1px solid rgba(20,36,59,.13) !important;
}
#moneyBuddyProductModal:has(.mb-lesson-buddy-example) .mb-product-modal-head {
  background:#fff !important;border-color:rgba(20,36,59,.1) !important;
}
#moneyBuddyProductModal:has(.mb-lesson-buddy-example) .mb-product-modal-head h2 {color:#14243B !important;font-weight:800 !important;letter-spacing:-.035em;}
#moneyBuddyProductModal:has(.mb-lesson-buddy-example) .mb-lesson-buddy-example {background:#fff !important;border:1px solid rgba(18,61,49,.2) !important;border-radius:15px !important;}
#moneyBuddyProductModal:has(.mb-lesson-buddy-example) .mb-btn-primary {background:#123D31 !important;border-color:#123D31 !important;}
@media(max-width:1080px) {
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:767px) {
  #moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-shell {
    padding:18px 16px calc(105px + env(safe-area-inset-bottom)) !important;
    overflow:visible !important;
  }
  #moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-topbar {margin-bottom:18px !important;gap:10px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-heading h1 {font-size:clamp(27px,7vw,34px) !important;line-height:1.16 !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-heading p {font-size:12.5px !important;line-height:1.55 !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb-feature-close {width:42px !important;height:42px !important;min-width:42px !important;flex-basis:42px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-learn-hero {
    grid-template-columns:1fr;display:grid !important;border-radius:18px;margin-bottom:17px;
  }
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-main {padding:23px 20px 22px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-step {margin-top:17px;font-size:9px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-main h2 {font-size:25px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-main p {font-size:12.5px !important;line-height:1.55 !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-primary {min-height:45px;font-size:12px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-side {padding:17px 20px 19px !important;border-left:0;border-top:1px solid rgba(255,255,255,.12);}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-progress-number {margin:8px 0 7px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-progress-number strong {font-size:36px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-side p {display:none;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-hero-side small {font-size:10px;margin-top:8px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-path {padding:20px 16px !important;margin-bottom:24px !important;border-radius:18px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-top {gap:10px;align-items:flex-start;flex-direction:column;margin-bottom:15px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-top h2,
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-library-top h2 {font-size:21px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-buddy-note {min-width:0;padding:3px 10px 3px 3px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-buddy-note img {width:38px;height:38px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps {grid-template-columns:1fr !important;gap:7px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-path-steps button {
    min-height:62px !important;padding:10px 12px !important;align-items:center !important;border-radius:12px !important;
  }
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-step-copy {gap:3px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-step-copy strong {font-size:12px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-step-arrow {align-self:center;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-library-top {flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-library-count {font-size:10px;padding:6px 10px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-categories {
    flex-wrap:nowrap !important;overflow-x:auto !important;scrollbar-width:none;
    scroll-snap-type:x proximity;padding:2px 0 7px !important;gap:7px !important;
    -webkit-overflow-scrolling:touch;
  }
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-categories::-webkit-scrollbar {display:none;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-categories .mb-chip {flex:none !important;scroll-snap-align:start;min-height:42px !important;white-space:nowrap;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-grid {grid-template-columns:1fr !important;gap:9px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card {
    min-height:182px !important;padding:16px !important;border-radius:15px !important;
  }
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-card-top {margin-bottom:12px;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-card-top .mb-lesson-icon {width:38px !important;height:38px !important;min-width:38px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card h3 {font-size:16px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card p {margin-bottom:14px !important;}
  #moneyBuddyFeatureLayer[data-view="learn"] .mb15-lesson-card .mb-lesson-status {padding-top:9px;}
}
@media(prefers-reduced-motion:reduce){
  #moneyBuddyFeatureLayer[data-view="learn"] :is(.mb15-lesson-card,.mb15-primary,.mb15-progress-track span) {transition:none !important;}
}