:root{
  --fuchsia:#E6007E;
  --fuchsia-dark:#A5005C;
  --fuchsia-mid:#F04FA0;
  --pink-page:#FFFFFF;
  --pink-soft:#FDE7F3;
  --pink-softer:#FFF0F8;
  --lilac-line:#F4C7E3;
  --text-dark:#3B3540;
  --text-muted:#8A8290;
  --white:#FFFFFF;
  --shadow:0 10px 30px rgba(230,0,126,.10);
}

h1,h2,h3{
  font-family:'Manrope','Nunito Sans',sans-serif;
  color:var(--text-dark);
  line-height:1.25;
  margin:0 0 .5em;
}

.wrap{max-width:760px;margin:0 auto;padding:0 20px;}

.article-page {
  color: var(--text-dark);
  font-family: 'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  font-size: 17px;
  line-height: 1.6;
}

.bad__info_block {
  display: none !important;
}

/* breadcrumbs */
.breadcrumbs{
  max-width:760px;margin:0 auto;padding:16px 20px 0;
  margin-top: 20px;
  font-size:13px;color:var(--text-muted);
}
.breadcrumbs a{color:var(--text-muted);text-decoration:none;}
.breadcrumbs a:hover{color:var(--fuchsia);}
.breadcrumbs .sep{margin:0 6px;opacity:.6;}
.breadcrumbs .current{color:var(--fuchsia-dark);}

/* hero */
.hero{
  position:relative;
  margin:16px auto 0;
  max-width:1100px;
  border-radius:22px;
  overflow:hidden;
  min-height:420px;
  display:flex;
  align-items:flex-end;
  background:linear-gradient(160deg,#3B1030 0%,#7A1257 45%,#B8005F 100%);
}
.hero-photo-placeholder{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  text-align:center;color:rgba(255,255,255,.75);
  font-size:14px;line-height:1.5;padding:30px;
  border:2px dashed rgba(255,255,255,.35);
  margin:0;background:rgba(0,0,0,.08);
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,5,15,0) 0%,rgba(20,5,15,.55) 60%,rgba(20,5,15,.82) 100%);
}
.hero-inner{
  position:relative;z-index:2;padding:36px 32px 32px;color:#fff;width:100%;
}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;}
.hero-badge{
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(4px);
  padding:6px 12px;border-radius:99px;font-size:12.5px;
}
.hero h1{color:#fff;font-size:clamp(26px,4vw,38px);font-weight:800;margin:0;max-width:680px;}
.hero h1 .accent{color:var(--fuchsia-mid);}

/* lead */
.lead{
  font-size:20px;font-weight:600;color:var(--text-dark);
  margin:36px 0 8px;line-height:1.55;
}

/* article body */
.article-body{padding-bottom:10px;}
.article-body h2{
  font-size:26px;font-weight:800;margin-top:52px;margin-bottom:18px;
  position:relative;padding-left:18px;
}
.article-body h2::before{
  content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;
  background:var(--fuchsia);border-radius:4px;
}
.article-body h3{font-size:20px;font-weight:800;margin-top:32px;color:var(--fuchsia-dark);}
.article-body p{margin:0 0 18px;}
.article-body strong{color:var(--text-dark);font-weight:800;}

/* checklist */
.checklist{list-style:none;margin:0 0 24px;padding:0;}
.checklist li{
  display:flex;gap:12px;align-items:flex-start;
  margin-bottom:14px;font-size:17px;
}
.checklist .ico{flex:0 0 26px;margin-top:2px;}

/* callout */
.callout{
  background:var(--pink-soft);
  border-left:5px solid var(--fuchsia);
  border-radius:0 16px 16px 0;
  padding:22px 26px;margin:30px 0;
  font-style:italic;color:var(--text-dark);
  position:relative;
}
.callout p{margin:0 0 8px;font-style:italic;}
.callout p:last-child{margin-bottom:0;}

/* infographic */
.infographic-img{
  margin:32px 0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.infographic-img img{width:100%;height:auto;display:block;}
.infographic{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
  margin:32px 0;
}
@media(max-width:600px){.infographic{grid-template-columns:1fr;}}
.info-card{
  background:var(--white);border:1px solid var(--lilac-line);
  border-radius:18px;padding:24px 20px;text-align:center;
  box-shadow:var(--shadow);
}
.info-card .icon{width:52px;height:52px;margin:0 auto 14px;}
.info-card .title{font-weight:800;color:var(--fuchsia-dark);margin-bottom:6px;font-size:16px;}
.info-card .desc{font-size:14.5px;color:var(--text-muted);}

/* checklist cards (article 3) */
.check-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 36px;}
@media(max-width:700px){.check-cards{grid-template-columns:1fr;}}
.check-card{
  background:var(--white);border:1px solid var(--lilac-line);
  border-radius:18px;padding:22px 18px;box-shadow:var(--shadow);
}
.check-card .num{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;background:var(--pink-soft);
  color:var(--fuchsia-dark);font-weight:800;font-size:14px;margin-bottom:12px;
}
.check-card h4{margin:0 0 8px;font-size:16px;font-weight:800;color:var(--text-dark);}
.check-card p{font-size:14px;color:var(--text-muted);margin:0;}

/* butterfly */
.butterfly{position:relative;height:0;}
.butterfly svg{position:absolute;opacity:.9;}
.fly-in{transition:transform 1.4s ease, opacity 1.4s ease;opacity:0;transform:translate(-40px,10px) rotate(-8deg);}
.fly-in.in-view{opacity:1;transform:translate(0,0) rotate(0deg);}
.bg-butterfly{
  position:absolute;right:-10px;top:8px;width:64px;height:64px;opacity:.14;z-index:0;
}

/* in-text banner */
.banner{
  display:block;text-decoration:none;
  margin:36px 0;border-radius:22px;overflow:hidden;
  background:linear-gradient(120deg,#FFD9EC 0%,#FDE7F3 55%,#FFF0F8 100%);
  border:1px solid var(--lilac-line);
  box-shadow:var(--shadow);
  padding:24px;
  display:flex;align-items:center;gap:20px;
  color:var(--text-dark);
}
.banner:hover{filter:brightness(1.02);}
.banner .pack{flex:0 0 84px;}
.banner .txt{flex:1;}
.banner .txt .big{font-weight:800;font-size:19px;color:var(--fuchsia-dark);line-height:1.3;}
.banner .txt .small{font-size:13.5px;color:var(--text-muted);margin-top:4px;}
.banner .arrow{flex:0 0 auto;font-size:22px;color:var(--fuchsia);}

/* final CTA */
.final-cta{
  margin:56px 0 40px;padding:40px 28px;border-radius:26px;
  background:var(--pink-soft);text-align:center;
}
.final-cta .render{width:130px;margin:0 auto 18px;}
.final-cta h3{font-size:24px;margin-bottom:10px;}
.final-cta p{color:var(--text-muted);margin-bottom:26px;}
.cta-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.btn-fuchsia{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--fuchsia);color:#fff;text-decoration:none;
  font-weight:800;font-size:15px;padding:15px 26px;border-radius:99px;
  box-shadow:0 8px 20px rgba(230,0,126,.28);
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn-fuchsia:hover{color: #fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(230,0,126,.36);}
.disclaimer-line{font-size:12.5px;color:var(--text-muted);margin-top:18px;}

/* sources */
.sources{margin:30px 0 60px;font-size:13px;color:var(--text-muted);}
.sources summary{
  cursor:pointer;font-weight:700;color:var(--fuchsia-dark);
  list-style:none;display:inline-flex;align-items:center;gap:6px;
}
.sources summary::-webkit-details-marker{display:none;}
.sources summary::after{content:"▾";transition:transform .2s;}
.sources[open] summary::after{transform:rotate(180deg);}
.sources ol{margin:14px 0 0;padding-left:20px;}
.sources li{margin-bottom:8px;}

/* sticky bottom bar */
.sticky-bar{
  position:fixed;left:0;right:0;bottom:-100px;z-index:50;
  background:#fff;border-top:1px solid var(--lilac-line);
  box-shadow:0 -8px 24px rgba(0,0,0,.08);
  padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  transition:bottom .3s ease;
}
.sticky-bar.show{bottom:0;}
.sticky-bar .label{font-size:13.5px;font-weight:800;color:var(--text-dark);}
.sticky-bar .links{display:flex;gap:8px;}
.sticky-bar .links a{
  background:var(--fuchsia);color:#fff;text-decoration:none;
  font-size:12.5px;font-weight:700;padding:9px 12px;border-radius:99px;white-space:nowrap;
}
@media(min-width:900px){.sticky-bar{display:none;}}

footer.site-note{
  max-width:760px;margin:0 auto;padding:0 20px 40px;
  font-size:11.5px;color:var(--text-muted);line-height:1.6;
}
