/* ============================================================
   Treatment Guides — brand alignment for migrated guide bodies.
   Colours are remapped server-side (inc/treatment-guides.php); this file
   handles typography + a few structural tweaks so the guides feel native to
   the new theme. Scoped to the two migrated wrappers only.
   ============================================================ */

/* Manrope everywhere (guides shipped with 'Inter'). */
.slinic-treatment-guide, .slinic-treatment-guide *,
.stg-wrap, .stg-wrap * {
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

/* Blend the guide onto the site's ivory page instead of its own slab. */
.slinic-treatment-guide,
.stg-wrap {
  background: transparent !important;
  color: #1E2733;
}

/* Tighter display headings, matching the theme. */
.slinic-treatment-guide h1, .slinic-treatment-guide h2, .slinic-treatment-guide h3,
.stg-wrap h1, .stg-wrap h2, .stg-wrap h3, .stg-hero h1 {
  letter-spacing: -0.015em;
}

/* Hero: a touch more rounding + soft navy shadow to match the site's cards. */
.slinic-treatment-guide .stg-hero,
.stg-wrap .stg-hero {
  border-radius: 1.75rem !important;
  box-shadow: 0 24px 60px -24px rgba(4, 36, 84, 0.55) !important;
}

/* CTA buttons → the theme's gold pill (was a white/navy button). */
.slinic-treatment-guide .cta-button,
.stg-wrap .stg-cta-btn,
.stg-wrap .cta-button {
  background: #042454 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  box-shadow: 0 10px 26px -8px rgba(4, 36, 84, 0.45) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}
.slinic-treatment-guide .cta-button:hover,
.stg-wrap .stg-cta-btn:hover,
.stg-wrap .cta-button:hover {
  transform: translateY(-2px) !important;
  background: #1b3358 !important;
  box-shadow: 0 16px 32px -8px rgba(4, 36, 84, 0.5) !important;
}

/* Links: the remap makes them deep teal; make hover a touch brighter. */
.slinic-treatment-guide a:hover,
.stg-wrap a:hover { color: #5FB0B5; }

/* Rounded corners on content cards/tables to match the theme's soft UI. */
.slinic-treatment-guide .content-card,
.slinic-treatment-guide .toc-container,
.stg-wrap .stg-card {
  border-radius: 1.25rem !important;
}

/* ---- Migrated blog posts (self-contained pasted HTML) ---- */
/* Force Manrope over the blogs' DM Sans / Fraunces / Playfair Display. */
.blog-body, .blog-body * {
  font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
.blog-body { color: #1E2733; }
/* Some posts wrap everything in an unpadded <article>; keep text off the
   screen edge on phones. */
@media (max-width: 767px) {
  .blog-body { padding-left: 16px; padding-right: 16px; }
}
.blog-body a { color: #1B6B70; }
.blog-body a:hover { color: #5FB0B5; }
/* Blog CTA buttons → gold pill (covers .spost/.scluster + inline-styled). */
.blog-body .scluster__cta-btn,
.blog-body .spost__cta,
.blog-body a[class*="cta"] {
  border-radius: 9999px !important;
}