/* MyDebtLens Debt Education public structure - JUL26-293. */
.mdl-tour-nav-dropdown-debt-education[data-active="true"] > .mdl-tour-nav-dropdown-trigger,
.mdl-tour-nav-dropdown-debt-education > .mdl-tour-nav-dropdown-trigger[aria-current="page"] {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.mdl-education-breadcrumbs {
  width: min(1120px, calc(100% - 40px));
  margin: 28px auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #64748b;
  font-size: 0.88rem;
}
.mdl-education-breadcrumbs a { color: #1d4ed8; text-decoration: none; }
.mdl-education-breadcrumbs a:hover { text-decoration: underline; }
.mdl-article-breadcrumbs { width: min(1180px, calc(100% - 40px)); }

.mdl-education-hero { padding-bottom: 44px; }
.mdl-education-hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.mdl-education-hero-links a,
.mdl-education-category-intro > a,
.mdl-education-empty > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 12px;
  padding: 10px 16px;
  background: #123a68;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}
.mdl-education-hero-links a + a { background: #fff; color: #123a68; border: 1px solid #b9cbe0; }

.mdl-education-category-intro {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto 28px;
  padding: 24px;
  border: 1px solid #dbe5ef;
  border-radius: 20px;
  background: #f8fbff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.mdl-education-category-intro h2 { margin: 5px 0 8px; }
.mdl-education-category-intro p { margin: 0; color: #526477; }

.mdl-education-card-taxonomy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.mdl-education-card-taxonomy > * {
  display: inline-flex;
  border-radius: 999px;
  padding: 5px 9px;
  background: #eef4fb;
  color: #244c75;
  text-decoration: none;
}
.mdl-education-card-taxonomy > * + * { background: #f1f5f9; color: #475569; }
.mdl-education-category-link:hover { text-decoration: underline; }

.mdl-education-empty {
  padding: 34px;
  border: 1px dashed #b8c7d8;
  border-radius: 20px;
  background: #fff;
  text-align: center;
}
.mdl-education-empty strong { display: block; color: #14263b; font-size: 1.25rem; }
.mdl-education-empty p { max-width: 680px; margin: 10px auto 20px; color: #5b6b7d; }

@media (max-width: 900px) {
  .mdl-tour-nav-dropdown.is-open > .mdl-tour-nav-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .mdl-tour-nav-dropdown-debt-education { width: 100%; }
  .mdl-tour-nav-dropdown-debt-education > .mdl-tour-nav-dropdown-trigger { width: 100%; text-align: left; }
  .mdl-education-category-intro { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 640px) {
  .mdl-education-breadcrumbs,
  .mdl-article-breadcrumbs,
  .mdl-education-category-intro { width: min(100% - 28px, 1120px); }
  .mdl-education-hero-links { flex-direction: column; }
  .mdl-education-hero-links a { width: 100%; }
}

.mdl-education-categories {
  width: min(1120px, calc(100% - 40px));
  margin: 34px auto 10px;
}
.mdl-education-section-heading { margin-bottom: 16px; }
.mdl-education-section-heading h2 { margin: 5px 0 0; }
.mdl-education-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
.mdl-education-category-card {
  border: 1px solid #dbe5f0;
  border-radius: 20px;
  background: #fff;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}
.mdl-education-category-card h2 { margin: 5px 0 8px; font-size: 1.35rem; }
.mdl-education-category-card p { margin: 0; color: #526477; line-height: 1.65; }
.mdl-education-category-card span { display: block; margin-top: 13px; color: #64748b; font-size: .82rem; font-weight: 700; }
.mdl-education-category-card > a { color: #174ea6; font-weight: 800; text-decoration: none; }
.mdl-education-category-card > a:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .mdl-education-categories { width: min(100% - 28px, 1120px); }
}