/* SEO update 2026-08-31 */
.hero-slogan{margin:.65rem 0 0;font-weight:800;color:var(--primary,#5b4bc4);letter-spacing:.01em}
.service-link-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.35rem}
.case-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.case-study-card{padding:1.35rem;border:1px solid rgba(91,75,196,.15);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(37,31,71,.055)}
.case-study-card .case-label{display:inline-block;margin-bottom:.65rem;color:#5b4bc4;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.case-study-card h3{margin:.1rem 0 .6rem;font-size:1.2rem}.case-study-card p{margin:.45rem 0;color:var(--muted,#6f6b80)}
.case-study-card strong{color:var(--text,#29234d)}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}
.service-summary{padding:1.4rem;border-radius:24px;background:rgba(91,75,196,.075);border:1px solid rgba(91,75,196,.16)}
.service-summary h2{font-size:1.25rem;margin:.15rem 0 .85rem}.service-summary ul{margin:0;padding-left:1.15rem}.service-summary li{margin:.5rem 0}
.seo-intro{max-width:860px;margin:0 auto 2rem;color:var(--muted,#6f6b80);font-size:1.05rem;line-height:1.75}
.article-cluster{margin-top:3rem}.article-cluster:first-child{margin-top:0}.article-cluster-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.2rem}.article-cluster-heading p{max-width:620px;margin:0;color:var(--muted,#6f6b80)}
.seo-related-links{margin:2.2rem 0 1.3rem;padding:1.2rem 1.3rem;border:1px solid rgba(91,75,196,.16);border-radius:20px;background:rgba(91,75,196,.055)}
.seo-related-links h2{margin:.1rem 0 .45rem!important;font-size:1.3rem!important}.seo-related-links p{margin:.35rem 0 .65rem}.seo-related-links ul{margin:.4rem 0 0;padding-left:1.25rem}
.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.compare-card{padding:1.4rem;border-radius:22px;border:1px solid rgba(91,75,196,.15);background:#fff}.compare-card.accent{background:#5b4bc4;color:#fff}.compare-card.accent p,.compare-card.accent li{color:rgba(255,255,255,.9)}
.price-note{font-size:.95rem;color:var(--muted,#6f6b80);margin-top:.75rem}
@media(max-width:900px){.service-hero-grid,.case-study-grid{grid-template-columns:1fr}.article-cluster-heading{align-items:start;flex-direction:column}.compare-grid{grid-template-columns:1fr}}

/* Layout hotfix v1.9.20.2 — natural image proportions and compact proof blocks */
section[id]{scroll-margin-top:104px}

/* Review/result cards: do not stretch short screenshots to the tallest card. */
.proof-grid{align-items:start}
.proof-card{
  display:block;
  width:100%;
  height:auto;
  align-self:start;
}
.proof-card img,
.reviews-section .proof-card img,
.support-reviews .proof-card img{
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none;
  aspect-ratio:auto!important;
  object-fit:contain;
  object-position:top center;
  padding:0;
  background:#f4f2f8;
}

/* Single proof block on OGE/EGE pages. */
.proof-pair{align-items:start!important}
.proof-panel{align-self:start}
.proof-panel .proof-card{margin:0}
.proof-panel .proof-card img{
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}

/* Teacher block: HTML image dimensions must not force a 900px-tall portrait. */
.teacher-card>div:first-child{
  width:100%;
  max-width:320px;
  margin-inline:auto;
}
.teacher-card img{
  width:100%;
  height:auto!important;
  max-height:480px;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center 25%;
}

/* Diploma block: keep the section compact and preserve the real image ratio. */
.education-proof{padding-block:64px!important}
.education-grid{gap:clamp(32px,4vw,52px)}
.diploma-preview img{
  display:block;
  width:100%;
  height:auto!important;
  max-height:520px;
  object-fit:contain;
}

@media(max-width:900px){
  section[id]{scroll-margin-top:88px}
  .teacher-card>div:first-child{max-width:300px}
  .education-proof{padding-block:52px!important}
}

/* v1.9.20.3: current EGE materials and unified public templates */
.seo-current-materials{margin-top:3rem}
.seo-current-grid{margin-top:1rem}
@media (max-width:720px){.seo-current-materials{margin-top:2.2rem}}


/* v1.9.20.4: article subscription and conversion tracking */
.article-subscribe{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(1rem,4vw,2.5rem);
  margin:2.2rem 0 1.4rem;
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid rgba(91,75,196,.2);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(91,75,196,.10),rgba(255,255,255,.96));
  box-shadow:0 14px 34px rgba(37,31,71,.06);
}
.article-subscribe-copy{max-width:700px}
.article-subscribe h2{margin:.25rem 0 .45rem!important;font-size:clamp(1.3rem,2.4vw,1.75rem)!important}
.article-subscribe p{margin:0;color:var(--muted,#6f6b80);line-height:1.65}
.article-subscribe .btn{flex:0 0 auto;text-align:center}
@media(max-width:760px){
  .article-subscribe{align-items:stretch;flex-direction:column}
  .article-subscribe .btn{width:100%}
}