/* =====================================================================
   TEACHER INSIGHTS — PREMIUM POST TEMPLATE
   Warm editorial look, reusing the Teacher Bundle's palette and type,
   applied here to blog content. Selectable per-post, doesn't affect
   any other post or lesson.
   ===================================================================== */

.mt-ti-article{
  --ti-cream:      #FBF5EA;
  --ti-cream-deep: #F3E9D8;
  --ti-terracotta: #B84A2A;
  --ti-terracotta-deep: #9C3D22;
  --ti-sage:       #6F8259;
  --ti-sage-tint:  #E7EDE0;
  --ti-gold:       #B8892B;
  --ti-ink:        #3C2F22;
  --ti-ink-soft:   #6B5C4A;
}

/* ---------------- HERO ---------------- */
.mt-ti-hero{
  background:linear-gradient(180deg,var(--ti-cream) 0%,#fff 100%);
  padding:64px 24px 40px; text-align:center;
}
.mt-ti-hero-inner{ max-width:760px; margin:0 auto; }
.mt-ti-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(--ti-terracotta);
  padding:6px 16px; border-radius:999px; margin-bottom:18px;
}
.mt-ti-hero h1{
  font-family:'Playfair Display',serif; font-weight:800;
  font-size:clamp(1.9rem,4vw,2.9rem); color:var(--ti-terracotta-deep);
  line-height:1.18; margin:0 0 16px;
}
.mt-ti-lead{
  font-size:1.08rem; color:var(--ti-ink-soft); font-weight:600;
  max-width:56ch; margin:0 auto 22px; line-height:1.6;
}
.mt-ti-meta{
  display:flex; align-items:center; justify-content:center; gap:10px;
  color:var(--ti-ink-soft); font-weight:700; font-size:.88rem; flex-wrap:wrap;
}
.mt-ti-author{ display:inline-flex; align-items:center; gap:8px; }
.mt-ti-author img{ border-radius:50%; }
.mt-ti-dot{ opacity:.5; }

.mt-ti-cover{ max-width:920px; margin:0 auto 10px; padding:0 24px; }
.mt-ti-cover img{
  width:100%; border-radius:18px; box-shadow:0 20px 45px rgba(60,47,34,.18);
  display:block;
}

/* ---------------- BODY ---------------- */
.mt-ti-wrap{ max-width:720px; margin:0 auto; padding:0 24px; }
.mt-ti-content{
  font-family:'Nunito',sans-serif; color:var(--ti-ink);
  font-size:1.06rem; line-height:1.8; margin-top:36px;
}
.mt-ti-content > p:first-of-type{ font-size:1.14rem; color:var(--ti-ink-soft); font-weight:600; }

/* Re-skin the lesson blocks for a warmer, more editorial feel here */
.mt-ti-content .mt-lb-hero{ display:none; } /* hero already shown above; avoid duplicate title */

.mt-ti-content .mt-lb-section{ margin:34px 0; }
.mt-ti-content .mt-lb-section-head{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.mt-ti-content .mt-lb-num{
  background:var(--ti-terracotta); color:#fff; font-family:'Playfair Display',serif;
  font-weight:800; width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:.95rem; flex-shrink:0;
}
.mt-ti-content .mt-lb-section-title{
  font-family:'Playfair Display',serif; font-weight:800; color:var(--ti-terracotta-deep);
  font-size:1.4rem; margin:0;
}
.mt-ti-content .mt-lb-section-body{ font-size:1.02rem; }

.mt-ti-content .mt-lb-tip,
.mt-ti-content .mt-lb-example{
  background:var(--ti-sage-tint); border-left:4px solid var(--ti-sage);
  border-radius:10px; padding:16px 20px; margin:20px 0;
}
.mt-ti-content .mt-lb-tag{
  display:block; font-family:'Nunito',sans-serif; font-weight:800;
  font-size:.78rem; text-transform:uppercase; letter-spacing:.6px;
  color:var(--ti-sage); margin-bottom:6px;
}

/* Download / resource links inside premium posts become elevated cards */
.mt-ti-content a.mt-btn{
  display:block; text-align:center; font-family:'Nunito',sans-serif; font-weight:800 !important;
  background:#fff !important; color:var(--ti-terracotta-deep) !important;
  border:2px solid var(--ti-cream-deep) !important; border-radius:14px !important; padding:16px 18px;
  box-shadow:0 6px 16px rgba(60,47,34,.08); text-decoration:none !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.mt-ti-content a.mt-btn:hover{
  transform:translateY(-3px); border-color:var(--ti-terracotta) !important;
  background:var(--ti-terracotta) !important; color:#fff !important;
  box-shadow:0 12px 26px rgba(184,74,42,.24);
}

/* ---------------- FLASHCARD SHOWCASE ---------------- */
.mt-ti-content .mt-flashcard-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:26px; margin:32px 0;
}
.mt-ti-content .mt-flashcard-card{
  background:#fff; border-radius:18px; overflow:hidden;
  box-shadow:0 10px 28px rgba(60,47,34,.12); border:1px solid var(--ti-cream-deep);
  display:flex; flex-direction:column;
  transition:transform .2s ease, box-shadow .2s ease;
}
.mt-ti-content .mt-flashcard-card:hover{
  transform:translateY(-4px); box-shadow:0 18px 38px rgba(60,47,34,.18);
}
.mt-ti-content .mt-flashcard-card img{
  width:100%; display:block; aspect-ratio:5/7; object-fit:cover;
  border-bottom:1px solid var(--ti-cream-deep);
}
.mt-ti-content .mt-flashcard-card-foot{ padding:18px 20px 22px; text-align:center; }
.mt-ti-content .mt-flashcard-card-foot h3{
  font-family:'Playfair Display',serif; font-weight:800; color:var(--ti-terracotta-deep);
  font-size:1.05rem; margin:0 0 14px;
}
.mt-ti-content .mt-flashcard-card-foot a.mt-btn{
  display:inline-block; width:auto; padding:11px 22px;
}

@media (max-width:640px){
  .mt-ti-content .mt-flashcard-grid{ grid-template-columns:1fr; }
}

/* ---------------- MORE FOR TEACHERS ---------------- */
.mt-ti-more{ background:var(--ti-cream-deep); padding:56px 0 64px; margin-top:56px; }
.mt-ti-more h2{
  font-family:'Playfair Display',serif; font-weight:800; color:var(--ti-terracotta-deep);
  font-size:1.6rem; text-align:center; margin:0 0 28px;
}
.mt-ti-more-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; }
.mt-ti-more-card{
  display:block; background:#fff; border-radius:14px; overflow:hidden;
  box-shadow:0 8px 20px rgba(60,47,34,.1); text-decoration:none !important;
  transition:transform .18s ease;
}
.mt-ti-more-card:hover{ transform:translateY(-4px); }
.mt-ti-more-card img{ width:100%; display:block; aspect-ratio:16/9; object-fit:cover; }
.mt-ti-more-card h3{
  font-family:'Playfair Display',serif; font-weight:700; color:var(--ti-terracotta-deep);
  font-size:1rem; margin:0; padding:16px 18px;
}
.mt-ti-more-fallback{ display:flex; align-items:center; justify-content:center; min-height:90px; }
.mt-ti-more-fallback h3{ padding:0; }

@media (max-width:560px){
  .mt-ti-hero{ padding:44px 20px 30px; }
  .mt-ti-more{ padding:44px 0 50px; }
}