/* ==========================================================================
   AOM — Education article page styles (CMS template)
   ========================================================================== */

/* ---------- Header ---------- */
.main-wrapper > .article-hero{margin:0;border-radius:0;--section-inset:0px}
.article-hero{padding:3.5rem 0 3rem}
.article-hero-inner{max-width:760px;margin:0 auto}
.article-breadcrumb{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.04em;
  color:var(--grey-400);
  margin-bottom:1.6rem;
}
.article-breadcrumb a{color:var(--grey-700)}
.article-breadcrumb a:hover{color:var(--ink)}
.article-title{font-size:clamp(1.9rem,3.8vw,3rem);margin-top:1.6rem}
.article-meta{font-family:var(--font-mono);font-size:.74rem;color:var(--grey-400);margin-top:.9rem}

/* ---------- Media ---------- */
.article-media-section{padding:2.5rem 0 0}
.article-media-container{max-width:760px;margin:0 auto}
.article-video-placeholder{
  position:relative;
  aspect-ratio:16/9;
  border-radius:var(--radius-card);
  background:linear-gradient(135deg,var(--ink) 0%,#26262e 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1.1rem;
}
.article-video-play{
  width:64px;
  height:64px;
  border-radius:50%;
  background:var(--purple);
  position:relative;
}
.article-video-play::after{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:0;
  height:0;
  border-left:16px solid var(--white);
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  transform:translateX(3px);
}
.article-video-label{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--grey-300);
}

/* ---------- Body ---------- */
.article-body-section{padding:3rem 0 4.5rem}
.article-body{max-width:760px;margin:0 auto;font-size:1.02rem;color:var(--grey-700)}
.article-body h2{font-size:1.4rem;font-weight:550;color:var(--ink);margin:2.2rem 0 .8rem}
.article-body p{margin-bottom:1rem}
.article-body ol{
  list-style:decimal;
  padding-left:1.4rem;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  margin-bottom:1rem;
}
.article-download{margin-top:2.4rem}

/* ---------- CTA ---------- */
.article-cta{background:var(--purple-100);padding:4.5rem 0}
.article-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  flex-wrap:wrap;
}
.article-cta-title{font-size:clamp(1.5rem,2.6vw,2rem);color:var(--ink)}
.article-cta-text{margin-top:.6rem;color:var(--grey-700)}
.article-cta-actions{display:flex;gap:.8rem;flex-wrap:wrap}