/* =====================================================================
   TEXTBOOK DIRECTORY — premium reference page, warm editorial style
   matching the Teacher Bundle / Teacher Insights visual language.
   ===================================================================== */

.mt-tbd-page{
  --tbd-cream:      #FBF5EA;
  --tbd-cream-deep: #F3E9D8;
  --tbd-terracotta: #B84A2A;
  --tbd-terracotta-deep: #9C3D22;
  --tbd-sage:       #6F8259;
  --tbd-gold:       #B8892B;
  --tbd-ink:        #3C2F22;
  --tbd-ink-soft:   #6B5C4A;
  background:#fff;
  font-family:'Nunito',sans-serif;
  color:var(--tbd-ink);
}

.mt-tbd-wrap{ max-width:920px; margin:0 auto; padding:0 24px; }

/* ---------------- HERO ---------------- */
.mt-tbd-hero{
  background:linear-gradient(180deg,var(--tbd-cream) 0%,#fff 100%);
  padding:60px 24px 40px; text-align:center;
}
.mt-tbd-badge{
  display:inline-block; font-family:'Nunito',sans-serif; font-weight:800;
  font-size:.76rem; letter-spacing:1.5px; text-transform:uppercase;
  color:#fff; background:var(--tbd-terracotta);
  padding:6px 16px; border-radius:999px; margin-bottom:18px;
}
.mt-tbd-hero h1{
  font-family:'Playfair Display',serif; font-weight:800;
  font-size:clamp(2rem,4vw,2.9rem); color:var(--tbd-terracotta-deep);
  margin:0 0 14px;
}
.mt-tbd-lead{
  font-size:1.06rem; color:var(--tbd-ink-soft); font-weight:600;
  max-width:60ch; margin:0 auto; line-height:1.6;
}

/* ---------------- LEVEL SECTIONS ---------------- */
.mt-tbd-level{ padding:44px 0 8px; border-top:1px solid var(--tbd-cream-deep); }
.mt-tbd-level:first-of-type{ border-top:0; padding-top:50px; }
.mt-tbd-level-title{
  font-family:'Playfair Display',serif; font-weight:800; color:var(--tbd-terracotta-deep);
  font-size:1.5rem; margin:0 0 28px;
  padding-bottom:10px; border-bottom:3px solid var(--tbd-gold); display:inline-block;
}

.mt-tbd-book{ margin-bottom:36px; scroll-margin-top:100px; }
.mt-tbd-book-title{
  font-family:'Nunito',sans-serif; font-weight:800; color:var(--tbd-ink);
  font-size:1.08rem; margin:0 0 6px;
}
.mt-tbd-book-blurb{
  font-size:.86rem; color:var(--tbd-ink); opacity:.7; margin:0 0 14px; max-width:60ch; line-height:1.5;
}

/* ---------------- CARD ROW ---------------- */
.mt-tbd-card-row{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
.mt-tbd-card{
  background:#fff; border:1px solid var(--tbd-cream-deep); border-radius:16px;
  padding:20px 14px; text-align:center;
  box-shadow:0 6px 16px rgba(60,47,34,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.mt-tbd-card:hover{ transform:translateY(-3px); box-shadow:0 12px 24px rgba(60,47,34,.12); }
.mt-tbd-card-icon{
  display:flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:50%; font-size:1.35rem;
  margin:0 auto 12px;
}
.mt-tbd-card h4{
  font-family:'Nunito',sans-serif; font-weight:800; font-size:.86rem;
  color:var(--tbd-ink); margin:0 0 14px; min-height:34px;
}
.mt-tbd-card-btn{
  display:inline-block; font-family:'Nunito',sans-serif; font-weight:800;
  background:var(--tbd-terracotta); color:#fff !important; text-decoration:none !important;
  padding:9px 20px; border-radius:999px; font-size:.82rem;
  transition:background .16s ease, transform .16s ease;
}
.mt-tbd-card-btn:hover{ background:var(--tbd-terracotta-deep); transform:translateY(-2px); color:#fff !important; }
.mt-tbd-card-soon{
  display:inline-block; font-size:.78rem; font-weight:700; color:var(--tbd-ink-soft);
  opacity:.7; padding:9px 4px;
}

@media (max-width:720px){
  .mt-tbd-card-row{ grid-template-columns:1fr 1fr; }
}
@media (max-width:420px){
  .mt-tbd-card-row{ grid-template-columns:1fr; }
  .mt-tbd-hero{ padding:44px 20px 30px; }
}