/* MP Site Code — snippet #7504074. Edited in wp-admin; do not edit this file. */
/* =====================================================================
   MENSTRUAL PORTAL — Topic / cluster page  (single-mp_qa_cluster)
===================================================================== */
body.single-mp_qa_cluster{
  --mpc-berry:#8E2C4E;
  --mpc-wash:#FBF2F5;
  --mpc-light-pink:#FDEEF2;
  --mpc-pink-2:#F8D5DF;
  --mpc-lav:#EFEAF9;
  --mpc-line:#EFE3E8;
  --mpc-black:#1A1A1A;
  --mpc-muted:#6B5B62;
}

/* Canvas glow behind eyebrow, title and intro */
body.single-mp_qa_cluster main{position:relative}
body.single-mp_qa_cluster main::before{
  content:"";position:absolute;top:0;left:0;right:0;height:560px;
  pointer-events:none;z-index:-1;
  background:radial-gradient(560px 380px at 88% 40px, var(--mpc-light-pink) 0%, transparent 70%);
}

/* ===== TITLE (alignfull → back into the 1120px container) ===== */
body.single-mp_qa_cluster .wp-block-post-title{
  box-sizing:border-box;
  max-width:1168px;               /* 1120 content + 24px side padding */
  margin:0 auto 16px;
  padding:0 24px;
  color:var(--mpc-black);
}

/* Eyebrow — generated, with the left dash drawn as a background */
body.single-mp_qa_cluster .wp-block-post-title::before{
  content:"You Asked, We Answered";
  display:block;
  padding-left:30px;
  margin-bottom:14px;
  font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  line-height:1.4;color:var(--mpc-berry);
  background:linear-gradient(var(--mpc-berry),var(--mpc-berry)) left 45%/20px 2px no-repeat;
}

/* ===== INTRO DECK (first paragraph of the post content) ===== */
body.single-mp_qa_cluster .wp-block-post-content > .wp-block-paragraph:first-child{
  box-sizing:border-box;
  max-width:1168px;               /* full container width, same as the h1 */
  margin:0 auto 40px;
  padding:0 24px;
  color:var(--mpc-black);line-height:1.7;
}

/* ===== META LINE — "N answers · Updated date" (plugin v0.31.1) ===== */
body.single-mp_qa_cluster .mp-aod-cluster-meta{
  width:fit-content;
  /* left edge aligned with the 1120px container */
  margin:-16px 24px 0 max(24px, calc(50% - 560px));
  background:var(--mpc-wash);
  border:1px solid var(--mpc-line);
  border-radius:100px;
  padding:6px 16px;
  font-size:.78rem;font-weight:700;color:var(--mpc-berry);
  letter-spacing:.02em;
  text-transform:capitalize;
}

/* ===== TOC — "Questions on this page" (plugin v0.32.2), re-constrained ===== */
body.single-mp_qa_cluster .mp-aod-toc{
  box-sizing:border-box;
  /* box spans the 1120px container: gutters grow from 24px to centered */
  margin-left:max(24px, calc(50% - 560px));
  margin-right:max(24px, calc(50% - 560px));
}

/* ===== Q&A CLUSTER (plugin output, re-constrained) ===== */
body.single-mp_qa_cluster .mp-aod-cluster-answers{
  box-sizing:border-box;
  max-width:1168px;
  margin:0 auto;
  padding:0 24px 8px;
}
body.single-mp_qa_cluster .mp-aod-answer-block{
  padding:36px 0;
  border-top:0;                    /* plugin's cluster.css adds a top hairline; ours is bottom-only */
  border-bottom:1px solid var(--mpc-line);
  scroll-margin-top:110px;         /* clears sticky header on #answer-N jumps */
}
body.single-mp_qa_cluster .mp-aod-answer-block:last-child{border-bottom:0}

/* Question — berry Q tile drawn as ::before */
body.single-mp_qa_cluster .mp-aod-answer-q{
  display:flex;gap:14px;align-items:flex-start;
  margin:0 0 14px;
  font-size:1.35rem;line-height:1.4;
  color:var(--mpc-black);
}
body.single-mp_qa_cluster .mp-aod-answer-q::before{
  content:"Q";
  flex:0 0 auto;width:30px;height:30px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--mpc-wash);color:var(--mpc-berry);
  font-size:.9rem;font-weight:800;margin-top:1px;
}

/* Byline — flush left, generic "Dr" disc (initial isn't reachable in CSS) */
body.single-mp_qa_cluster .mp-aod-answer-by{
  position:relative;
  padding-left:36px;              /* hanging indent: wrapped lines align with the first */
  margin:0 0 18px;
  font-size:.8rem;font-weight:600;color:var(--mpc-muted);
  line-height:1.45;
}
body.single-mp_qa_cluster .mp-aod-answer-by::before{
  content:"Dr";
  position:absolute;left:0;top:-4px;   /* centred on the first line only */
  display:inline-flex;width:26px;height:26px;border-radius:50%;
  align-items:center;justify-content:center;
  background:var(--mpc-wash);color:var(--mpc-berry);
  font-size:.68rem;font-weight:800;
}
body.single-mp_qa_cluster .mp-aod-answer-by a{
  color:var(--mpc-berry);font-weight:700;text-decoration:none;
}
body.single-mp_qa_cluster .mp-aod-answer-by a:hover{text-decoration:underline;text-underline-offset:3px}

/* Answer prose — aligned under the question text */
body.single-mp_qa_cluster .mp-aod-answer-a{padding-left:44px}
body.single-mp_qa_cluster .mp-aod-answer-a p{
  margin:0 0 14px;
}
body.single-mp_qa_cluster .mp-aod-answer-a p:last-of-type{margin-bottom:0}
/* pasted answers carry inline font/colour styles — normalise to theme */
body.single-mp_qa_cluster .mp-aod-answer-a span[style]{
  font-size:inherit !important;
  font-family:inherit !important;
  color:inherit !important;
}
/* stray empty paragraphs from editor block comments */
body.single-mp_qa_cluster .mp-aod-answer-a p:empty{display:none}


/* ===== ASK BAND — "Can't find your question?" (mpc-ask.html) ===== */
body.single-mp_qa_cluster .mpc-ask{padding:20px 0 72px}
body.single-mp_qa_cluster .mpc-ask-wrap{
  box-sizing:border-box;max-width:1168px;margin:0 auto;padding:0 24px;
}
body.single-mp_qa_cluster .mpc-ask-band{
  position:relative;overflow:hidden;
  background:var(--mpc-wash);
  border:1px solid var(--mpc-line);
  border-radius:22px;
  text-align:center;
  padding:44px 28px;
}
body.single-mp_qa_cluster .mpc-ask-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(360px 240px at 100% 0%, var(--mpc-pink-2) 0%, transparent 70%),
    radial-gradient(320px 220px at 0% 100%, var(--mpc-lav) 0%, transparent 70%);
  opacity:.55;
}
body.single-mp_qa_cluster .mpc-ask-band > *{position:relative;z-index:1}
body.single-mp_qa_cluster .mpc-ask-band h2{
  margin:0 0 10px;color:var(--mpc-black);
}
body.single-mp_qa_cluster .mpc-ask-band p{
  margin:0 auto 22px;max-width:52ch;
  color:var(--mpc-black);line-height:1.7;
}
body.single-mp_qa_cluster .mpc-ask-btn{
  display:inline-block;
  background:var(--mpc-berry);color:#fff;
  font-size:.92rem;font-weight:700;text-decoration:none;
  padding:14px 30px;border-radius:100px;
  transition:transform .18s,box-shadow .18s;
}
body.single-mp_qa_cluster .mpc-ask-btn:hover{
  transform:translateY(-2px);box-shadow:0 10px 30px rgba(142,44,78,.10);
}

/* ===== MOBILE ===== */
@media (max-width:560px){
  body.single-mp_qa_cluster .wp-block-post-title{padding:0 18px}
  body.single-mp_qa_cluster .wp-block-post-content > .wp-block-paragraph:first-child{
    padding:0 18px;margin-bottom:32px;
  }
  body.single-mp_qa_cluster .mp-aod-cluster-meta{margin:-12px 18px 0}
  body.single-mp_qa_cluster .mp-aod-toc{margin-left:18px;margin-right:18px}
  body.single-mp_qa_cluster .mp-aod-cluster-answers{padding:0 18px 8px}
  body.single-mp_qa_cluster .mp-aod-answer-block{padding:28px 0}
  body.single-mp_qa_cluster .mp-aod-answer-q{font-size:1.18rem;gap:12px}
  body.single-mp_qa_cluster .mp-aod-answer-q::before{
    width:26px;height:26px;border-radius:8px;font-size:.82rem;
  }
  body.single-mp_qa_cluster .mp-aod-answer-a{padding-left:0}
  /* lists keep only enough indent for their markers on mobile */
  body.single-mp_qa_cluster .mp-aod-answer-a ul,
  body.single-mp_qa_cluster .mp-aod-answer-a ol{padding-left:20px}
  body.single-mp_qa_cluster .mpc-ask{padding:14px 0 48px}
  body.single-mp_qa_cluster .mpc-ask-wrap{padding:0 18px}
  body.single-mp_qa_cluster .mpc-ask-band{padding:34px 20px;border-radius:18px}
}