:root {
  --blush:#F2C4C4;--rose:#D4788A;--deep-rose:#9E3A52;
  --warm:#F7EDE8;--cream:#FBF6F1;--sage:#7C9B8A;
  --deep-sage:#3E6152;--gold:#C8973F;--charcoal:#2A2020;
  --muted:#7A6868;--light-muted:#776E6E;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--charcoal);}
nav{position:sticky;top:0;background:rgba(251,246,241,0.95);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:16px 48px;z-index:1000;border-bottom:1px solid rgba(212,120,138,0.15);}
.nav-logo{display:flex;align-items:center;text-decoration:none;}.nav-logo img{height:40px;width:auto;}
.nav-back{font-size:13px;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:8px;}
.nav-back:hover{color:var(--deep-rose);}
.nav-search{color:var(--muted);text-decoration:none;display:flex;align-items:center;transition:color 0.15s;}
.nav-search:hover{color:var(--deep-rose);}
.ad-unit{display:none;}
.ad-unit-label{font-size:9px;letter-spacing:0.15em;text-transform:uppercase;color:#B5A8A8;margin-bottom:6px;}
.article-hero{padding:56px 80px 40px;max-width:860px;margin:0 auto;}
.article-badge{display:inline-block;padding:6px 16px;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:20px;}
.badge-teen{background:rgba(124,155,138,0.15);color:var(--deep-sage);}
.badge-twenties{background:rgba(200,151,63,0.12);color:var(--gold);}
.badge-thirties{background:rgba(212,120,138,0.12);color:var(--rose);}
.badge-forties{background:rgba(158,58,82,0.12);color:var(--deep-rose);}
.badge-menopause{background:rgba(42,32,32,0.1);color:var(--charcoal);}
.badge-newmum{background:rgba(242,196,196,0.3);color:var(--deep-rose);}
.badge-allwomen{background:rgba(124,155,138,0.15);color:var(--deep-sage);}
.article-hero h1{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,50px);line-height:1.15;color:var(--charcoal);margin-bottom:16px;}
.article-hero h1 em{font-style:italic;color:var(--deep-rose);}
.article-lede{font-size:17px;line-height:1.8;color:var(--charcoal);font-weight:400;margin-bottom:20px;max-width:680px;}
.key-takeaways{background:rgba(212,120,138,0.1);border-radius:16px;padding:22px 28px;margin:0 0 24px;}
.kt-label{font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--deep-rose);margin-bottom:12px;}
.key-takeaways ul{padding-left:18px;margin:0;}
.key-takeaways li{font-size:14px;line-height:1.75;color:var(--charcoal);font-weight:300;margin-bottom:4px;}
.key-takeaways li:last-child{margin-bottom:0;}
.article-meta{display:flex;gap:24px;align-items:center;font-size:12px;color:var(--light-muted);padding-bottom:28px;border-bottom:1px solid rgba(0,0,0,0.08);margin-bottom:40px;}
.article-body{max-width:720px;margin:0 auto;padding:0 80px 80px;}
.article-body h2{font-family:'Playfair Display',serif;font-size:26px;font-weight:600;color:var(--charcoal);margin:44px 0 16px;line-height:1.25;}
.article-body h3{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--charcoal);margin:28px 0 12px;}
.article-body p{font-size:16px;line-height:1.85;color:var(--charcoal);font-weight:300;margin-bottom:18px;}
.article-body strong{font-weight:500;}
.callout{padding:24px 28px;border-radius:16px;margin:28px 0;}
.callout-research{background:rgba(124,155,138,0.1);border-left:4px solid var(--sage);}
.callout-tip{background:rgba(242,196,196,0.2);border-left:4px solid var(--rose);}
.callout-warning{background:rgba(200,151,63,0.1);border-left:4px solid var(--gold);}
.callout-label{font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:8px;}
.callout-research .callout-label{color:var(--deep-sage);}
.callout-tip .callout-label{color:var(--rose);}
.callout-warning .callout-label{color:var(--gold);}
.callout p{margin-bottom:0;font-size:15px;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;}
.stat-card{padding:20px;border-radius:16px;background:white;border:1px solid rgba(0,0,0,0.07);text-align:center;}
.stat-num{font-family:'Playfair Display',serif;font-size:34px;color:var(--deep-rose);display:block;margin-bottom:6px;}
.stat-desc{font-size:12px;color:var(--muted);line-height:1.5;}
.tips-list{list-style:none;margin:12px 0 24px;}
.tips-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.06);font-size:15px;line-height:1.7;color:var(--charcoal);font-weight:300;}
.tips-list li:last-child{border-bottom:none;}
.tip-icon{width:26px;height:26px;border-radius:8px;background:rgba(212,120,138,0.15);color:var(--rose);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px;}
.disclaimer-box{background:var(--warm);border-radius:16px;padding:20px 24px;margin:40px 0;font-size:14px;color:var(--muted);line-height:1.8;font-weight:300;}
.citations{margin-top:48px;padding-top:28px;border-top:1px solid rgba(0,0,0,0.08);}
.citations h3{font-size:12px;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--light-muted);margin-bottom:14px;}
.citations ol{padding-left:20px;}
.citations li{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:6px;font-weight:300;}
.citations a{color:var(--deep-rose);text-decoration:underline;text-underline-offset:2px;}
.doctor-note{background:var(--warm);border-radius:20px;padding:24px 28px;margin:40px 0;display:flex;gap:18px;align-items:flex-start;}
.doctor-icon{width:42px;height:42px;border-radius:12px;background:var(--blush);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.doctor-note h4{font-family:'Playfair Display',serif;font-size:16px;margin-bottom:6px;color:var(--charcoal);}
.doctor-note p{font-size:14px;color:var(--muted);font-weight:300;margin-bottom:0;}
.treatment-tier{background:white;border-radius:16px;padding:20px 24px;margin:12px 0;border:1px solid rgba(0,0,0,0.07);}
.tier-label{font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--rose);margin-bottom:8px;}
.treatment-tier h3{font-family:'Playfair Display',serif;font-size:17px;margin-bottom:8px;color:var(--charcoal);}
.treatment-tier p{font-size:14px;color:var(--muted);margin-bottom:0;font-weight:300;line-height:1.8;}
.related{background:white;padding:48px 80px;}
.related h2{font-family:'Playfair Display',serif;font-size:26px;margin-bottom:28px;color:var(--charcoal);}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.related-card{padding:20px;border-radius:16px;border:1px solid rgba(0,0,0,0.07);text-decoration:none;transition:all 0.2s;}
.related-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.08);}
.related-card .category{font-size:11px;color:var(--rose);text-transform:uppercase;letter-spacing:0.1em;font-weight:500;margin-bottom:6px;}
.related-card h3{font-family:'Playfair Display',serif;font-size:16px;color:var(--charcoal);line-height:1.4;}
footer{background:var(--charcoal);color:white;padding:40px 80px;text-align:center;}
.footer-logo{font-family:'Playfair Display',serif;font-size:22px;font-style:italic;color:var(--blush);margin-bottom:10px;}
footer p{font-size:13px;color:rgba(255,255,255,0.4);font-weight:300;margin-bottom:5px;}
footer a{color:var(--rose);text-decoration:none;}
.article-illustration{margin:0 0 32px 0;}
.article-illustration svg{border-radius:16px;}
.data-visual{margin:24px 0;}
/* ── New article class aliases ── */
.site-header{position:sticky;top:0;background:rgba(251,246,241,0.95);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:16px 48px;z-index:1000;border-bottom:1px solid rgba(212,120,138,0.15);}
.site-header nav{position:static;background:none;backdrop-filter:none;border:none;padding:0;display:flex;gap:24px;}
.site-header nav a{font-size:13px;color:var(--muted);text-decoration:none;}
.site-header nav a:hover{color:var(--deep-rose);}
.logo{font-family:'Playfair Display',serif;font-size:18px;font-style:italic;color:var(--charcoal);text-decoration:none;}
.logo:hover{color:var(--deep-rose);}
.article-page{}
.article-header{padding:56px 80px 40px;max-width:860px;margin:0 auto;}
.article-header h1{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,50px);line-height:1.15;color:var(--charcoal);margin-bottom:16px;}
.article-header h1 em{font-style:italic;color:var(--deep-rose);}
.article-intro{font-size:17px;line-height:1.8;color:var(--charcoal);font-weight:400;margin-bottom:20px;max-width:680px;}
.category-tag{display:inline-block;font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--rose);}
.stage-tag{display:inline-block;padding:5px 14px;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;background:rgba(200,151,63,0.12);color:var(--gold);}
.read-time{font-size:12px;color:var(--light-muted);}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;}
.stat-number{font-family:'Playfair Display',serif;font-size:34px;color:var(--deep-rose);display:block;margin-bottom:6px;}
.stat-label{font-size:12px;color:var(--muted);line-height:1.5;}
.disclaimer{background:var(--warm);border-radius:16px;padding:20px 24px;margin:40px 0;font-size:14px;color:var(--muted);line-height:1.8;font-weight:300;}
.site-footer{background:var(--charcoal);color:white;padding:40px 80px;text-align:center;}
.site-footer p{font-size:13px;color:rgba(255,255,255,0.4);font-weight:300;margin-bottom:5px;}
.site-footer a{color:var(--rose);text-decoration:none;}
/* key-takeaways when used outside a constrained container */
.article-page > .key-takeaways{max-width:720px;margin:0 auto 24px;padding:22px 80px;}
.article-page > .key-takeaways ul{padding-left:18px;}
/* ── Reading progress bar ─────────────────────────────────────────── */
.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--deep-rose);z-index:2000;width:0%;transition:width 0.08s linear;border-radius:0 2px 2px 0;pointer-events:none;}

/* ── Sticky Read Next card ────────────────────────────────────────── */
.read-next-sticky{position:fixed;bottom:-140px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:560px;background:white;border-radius:18px;box-shadow:0 8px 36px rgba(42,32,32,0.16),0 2px 8px rgba(42,32,32,0.08);padding:16px 52px 16px 20px;display:flex;align-items:center;gap:16px;z-index:1500;transition:bottom 0.4s cubic-bezier(0.34,1.2,0.64,1);text-decoration:none;border:1px solid rgba(212,120,138,0.15);}
.read-next-sticky.rn-visible{bottom:24px;}
.read-next-sticky:hover{box-shadow:0 12px 44px rgba(42,32,32,0.2);}
.rn-text{flex:1;min-width:0;}
.rn-label{font-size:10px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--rose);margin-bottom:4px;font-family:'DM Sans',sans-serif;}
.rn-title{font-family:'Playfair Display',serif;font-size:15px;color:var(--charcoal);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rn-cat{font-size:11px;color:var(--muted);font-weight:300;margin-top:3px;font-family:'DM Sans',sans-serif;}
.rn-arrow{width:38px;height:38px;border-radius:50%;background:var(--deep-rose);color:white;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:transform 0.2s;}
.read-next-sticky:hover .rn-arrow{transform:translateX(3px);}
.rn-close{position:absolute;top:50%;right:14px;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px 6px;line-height:1;font-family:'DM Sans',sans-serif;}
.rn-close:hover{color:var(--deep-rose);}

@media(max-width:768px){
  nav{padding:16px 24px;}
  .site-header{padding:16px 24px;}
  .article-hero{padding:36px 20px 28px;}
  .article-header{padding:28px 20px 24px;}
  .article-body{padding:0 20px 56px;}
  .stats-grid{grid-template-columns:1fr;}
  .stat-row{grid-template-columns:1fr;}
  .related{padding:36px 20px;}
  .related-grid{grid-template-columns:1fr;}
  footer{padding:36px 20px;}
  .site-footer{padding:36px 20px;}
  .article-page > .key-takeaways{padding:20px;}
  .read-next-sticky{width:calc(100% - 24px);padding:14px 44px 14px 16px;border-radius:14px;}
  .rn-title{font-size:14px;}
  /* Homepage search bar mobile fix */
  .hero-search{width:100% !important;max-width:100% !important;box-sizing:border-box;}
  .hero-search form{padding:5px 5px 5px 16px !important;box-sizing:border-box;}
  .hero-search input{font-size:13px !important;}
  .hero-search button{padding:9px 14px !important;font-size:12px !important;}
}