.elementor-11135 .elementor-element.elementor-element-fd08f73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* ============================================================
   FindMyGLP1 — Article (single-page, strictly scoped)
   Scope: .PostBody only
   ============================================================ */

.PostBody {
  /* Base tokens */
  --ink: var(--ink, #1F2340);
  --muted: var(--muted, #6B7280);
  --brand-1: var(--brand-1, #7334F0);
  --brand-2: var(--brand-2, #606EF8);
  --brand-3: var(--brand-3, #BFA9FF);
  --line: var(--line, #E7E9F2);
  --surface-2: var(--surface-2, #F7F8FE);
  --radius: var(--radius-md, 18px);

  color: var(--ink);
  font-family: var(--body-font, "Nunito", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif);
  font-size: 1rem;
  line-height: 1.3;

  /* Wider read on desktop; responsive padding */
  max-width: 76ch;
  margin-inline: auto;
  padding-block: clamp(12px, 2.5vw, 28px);
  /* ↓ >50% less on very small phones */
  padding-inline: clamp(6px, 3vw, 24px);
}

.PostBody * { box-sizing: border-box; }

/* Headings: clearer hierarchy */
.PostBody h1,
.PostBody h2,
.PostBody h3 {
  font-family: var(--heading-font, "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif);
  color: var(--ink);
  line-height: 1.3;
  margin: 0 0 0.6em;
}

.PostBody h1 {
  font-weight: 800;
  font-size: clamp(1.9rem, 2.4vw + 1.2rem, 2.6rem);
  letter-spacing: -0.01em;
  margin-top: 2px;
}

.PostBody h2 {
  font-weight: 800;
  font-size: clamp(1.35rem, 1.2vw + 1rem, 1.85rem);
  /* Big, consistent section “air” */
  margin-top: clamp(40px, 7vw, 64px);
  margin-bottom: 0.5em;
}

.PostBody h3 {
  font-weight: 700;
  font-size: clamp(1.05rem, 0.7vw + 0.95rem, 1.25rem);
  margin-top: clamp(18px, 3vw, 28px);
  margin-bottom: 0.4em;
}

.PostBody p { margin: 0 0 0.85rem; color: var(--ink); }

.PostBody .MetaNote {
  color: var(--muted);
  font-size: 0.8855rem;
  margin: 6px 0 14px;
}

/* Links */
.PostBody a {
  color: var(--brand-1);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.PostBody a:hover,
.PostBody a:focus-visible {
  color: var(--brand-2);
  text-decoration-thickness: 2px;
}

/* Rules */
.PostBody hr {
  border: 0;
  height: 1px;
  background: var(--line);
  margin: clamp(16px, 3vw, 28px) 0;
}

/* Answer box (TL;DR) */
.PostBody .AnswerBox {
  background: color-mix(in srgb, var(--brand-1) 8%, #fff);
  /* Fallback */
  background: rgba(115, 52, 240, 0.08);
  border: 1px solid color-mix(in srgb, var(--brand-1) 22%, #fff);
  border: 1px solid rgba(115, 52, 240, 0.22);
  padding: 16px 18px;
  border-radius: var(--radius);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
  margin: 14px 0 18px;
}
.PostBody .AnswerBox p { margin: 0; }

/* Inline nav links under intro */
.PostBody .InlineLinks { margin: 8px 0 12px; font-size: 0.9375rem; }

/* Figures */
.PostBody .Figure { margin: 14px auto; }
.PostBody .Figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
}
.PostBody .Figure--wide img { max-width: 1100px; margin-inline: auto; }
.PostBody .Figure--half       { max-width: 640px; width: min(100%, 640px); }

/* Blockquote */
.PostBody blockquote {
  margin: 18px 0;
  padding: 12px 16px;
  border-left: 4px solid var(--brand-3);
  background: var(--surface-2);
  border-radius: 0 var(--radius) var(--radius) 0;
}
.PostBody blockquote p { margin: 0; color: #2F2B6C; font-style: italic; }

/* Lists (more breathing room + better indent) */
.PostBody ul,
.PostBody ol { margin: 0 0 1rem 1.25rem; }
.PostBody li { margin: 10px 0; }
.PostBody li + li { margin-top: 12px; }
.PostBody ul { list-style: disc; }
.PostBody ol { list-style: decimal; }
.PostBody ul li::marker { color: var(--brand-1); }
.PostBody li > ul,
.PostBody li > ol { margin-top: 6px; }

/* Callouts */
.PostBody .callout {
  padding: 14px 16px;
  border-radius: var(--radius);
  background: var(--surface-2);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
  margin: 16px 0;
}
.PostBody .callout.hot-tip { border-left: 4px solid var(--brand-2); }
.PostBody .callout.fun-fact { border-left: 4px solid var(--brand-3); }
.PostBody .callout p { margin: 0; }

/* Superscripts (AMA-style) */
.PostBody sup { font-size: 0.65em; line-height: 1.4; vertical-align: text-top; margin-left: 1px; }



/* FAQ headings spacing */
.PostBody h2 + h3 { margin-top: 8px; }

/* References (tidy numerals) */
.PostBody .References { counter-reset: refnum; margin: 0; padding: 0; list-style: none; }
.PostBody .References li {
  counter-increment: refnum;
  position: relative;
  padding-left: 28px;
  margin: 10px 0 14px;
}
.PostBody .References li::before {
  content: counter(refnum) ".";
  position: absolute; left: 0; top: 0;
  color: var(--muted); width: 22px; text-align: right;
}
.PostBody .Figure figcaption { margin-top: 6px; font-size: 0.85rem; color: var(--muted); }

/* Pill CTAs */
.PostBody .PillCtas { display:flex; flex-wrap:wrap; gap:10px; margin: 14px 0 18px; }
.PostBody .Button {
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 16px; border-radius: 9999px; font-weight: 700;
  text-decoration: none; line-height: 1; font-size: 0.9375rem;
  border: 1px solid transparent;
}
.PostBody .Button--primary { background: var(--brand-1); color:#fff; border-color: var(--brand-1); }
.PostBody .Button--primary:hover,
.PostBody .Button--primary:focus-visible { background: var(--brand-2); border-color: var(--brand-2); }
.PostBody .Button--ghost { background: transparent; color: var(--brand-1); border-color: var(--brand-1); }
.PostBody .Button--ghost:hover,
.PostBody .Button--ghost:focus-visible { background: rgba(115,52,240,.08); }

/* Section anchors don’t vanish under sticky headers */
.PostBody :is(h2, h3, [id]) { scroll-margin-top: 88px; }

/* Accessibility & motion */
@media (prefers-reduced-motion: reduce) { .PostBody * { transition: none !important; } }

/* Tablet: keep the hierarchy, add breathing room */
@media (max-width: 768px) {
  .PostBody { max-width: 70ch; padding-inline: clamp(8px, 3.2vw, 18px); }
  .PostBody h1 { font-size: clamp(1.7rem, 5.2vw, 2.2rem); margin-bottom: 0.7em; }
  .PostBody h2 { margin-top: clamp(36px, 8vw, 48px); }
  .PostBody p  { margin-bottom: 0.95rem; }
  .PostBody .Button { width: 100%; padding: 12px 18px; font-size: 1rem; }
  .PostBody figure.Figure:not(.Figure--wide) { width: 92%; max-width: 560px; }
}

/* Small phones: minimal side padding (>50% less than before) */
@media (max-width: 480px) {
  .PostBody { padding-inline: 6px; }
  .PostBody h2 { margin-top: 44px; }
  .PostBody .AnswerBox { padding: 12px 14px; border-radius: 14px; }
  .PostBody figure.Figure:not(.Figure--wide) { width: 94%; max-width: 520px; }
}
.PostBody .CiteAnchor { display:inline-block; width:0; height:0; line-height:0; }

.PostBody { line-height: 1.3; }
.PostBody li { line-height: 1.35; }


/* Optional: make superscripts even smaller on tiny screens */
@media (max-width: 480px) {
  .PostBody sup { font-size: 0.6em; }
}

/* --- Callouts: base + variants (wins by order) --- */
.elementor .PostBody .callout{
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid #E7E9F2;
  box-shadow: 0 1px 2px rgba(16,24,40,.06);
  margin: 16px 0;
}

/* HOT TIP = warm peach background */
.elementor .PostBody .callout.hot-tip{
  background: #FFF3E8;          /* warm light shade */
  border-color: #FFD6BF;
  border-left: 4px solid #FF7A45;/* vivid warm accent */
}
.elementor .PostBody .callout.hot-tip strong{ color:#B54708; }

/* FUN FACT = soft yellow background */
.elementor .PostBody .callout.fun-fact{
  background: #FFFBEA;          /* light yellow */
  border-color: #FDE68A;
  border-left: 4px solid #EAB308;/* golden accent */
}
.elementor .PostBody .callout.fun-fact strong{ color:#854D0E; }

/* Keep text tidy inside callouts */
.elementor .PostBody .callout p{ margin:0; line-height:inherit; }
/* ========= Pill CTAs — specificity fix & restore ========= */
.elementor .PostBody .PillCtas{
  display:flex; flex-wrap:wrap; gap:12px;
  margin:16px 0 24px;
}

/* Base pill button */
.elementor .PostBody .Button{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px;
  font:700 1rem/1.1 "Nunito", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  border-radius:9999px;           /* pill shape */
  border:2px solid transparent;
  background:transparent;
  color:var(--brand-1, #7334F0);
  text-decoration:none !important; /* kill inherited underlines */
  box-shadow:none;
  transition:background .2s ease, border-color .2s ease, transform .05s ease;
}

/* Keep pill rounding even if a theme resets border-radius */
.elementor .PostBody .Button--pill{ border-radius:9999px !important; }

/* Focus accessibility */
.elementor .PostBody .Button:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(115,52,240,.35);
}

/* Primary (filled) */
.elementor .PostBody .Button--primary{
  background:var(--brand-1, #7334F0) !important;
  color:#fff !important;
  border-color:var(--brand-1, #7334F0) !important;
}
.elementor .PostBody .Button--primary:hover,
.elementor .PostBody .Button--primary:focus-visible{
  background:var(--brand-2, #606EF8) !important;
  border-color:var(--brand-2, #606EF8) !important;
}

/* Ghost (outlined) */
.elementor .PostBody .Button--ghost{
  background:transparent !important;
  color:var(--brand-1, #7334F0) !important;
  border-color:var(--brand-1, #7334F0) !important;
}
.elementor .PostBody .Button--ghost:hover,
.elementor .PostBody .Button--ghost:focus-visible{
  background:rgba(115,52,240,.08) !important;
}

/* Mobile: full-width tap targets */
@media (max-width: 768px){
  .elementor .PostBody .Button{ width:100%; }
}
/* --- Calmer, inset callouts (applies to hot-tip & fun-fact) --- */
.elementor .PostBody .callout{
  /* visually smaller than the 76ch article column */
  max-width: 60ch;
  width: 100%;
  margin: clamp(14px, 2.8vw, 22px) auto; /* center + breathing room */
  padding: 14px 16px;                     /* comfortable inner padding */
  border-radius: 16px;
  border: 1px solid #EAE6D9;              /* softer than default */
  box-shadow: 0 1px 1px rgba(16,24,40,.04);
  font-size: 0.975rem;                    /* slightly smaller text */
}

/* Variant backgrounds (subtle) */
.elementor .PostBody .callout.hot-tip{
  background: #FFF3E8;                    /* warm light */
  border-color: #FFE2CF;
  border-left: 4px solid #FF8A4A;         /* warm accent, thinner */
}
.elementor .PostBody .callout.hot-tip strong{ color:#B54708; }

.elementor .PostBody .callout.fun-fact{
  background: #FFFBEA;                    /* light yellow */
  border-color: #F6EBC2;
  border-left: 4px solid #E0B200;         /* golden accent */
}
.elementor .PostBody .callout.fun-fact strong{ color:#854D0E; }

/* Keep paragraph rhythm inside */
.elementor .PostBody .callout p{ margin: 0; line-height: inherit; }

/* Mobile: let them breathe but not edge-to-edge */
@media (max-width: 768px){
  .elementor .PostBody .callout{
    max-width: 92%;                       /* inset from edges */
    padding: 12px 14px;
  }
}/* End custom CSS */