/* Two equal columns: lunar feature and four upcoming phase placeholders. */
.section-astrology .astro-moon-phases{
  width:min(var(--ast-container-max,1360px),calc(100% - 2 * var(--ast-gutter,24px)));
  margin:calc(14px + var(--moon-top-gap,0px)) auto 46px;
  display:grid;grid-template-columns:1fr 1fr;gap:13px;
  padding:0;color:#4d254b;background:transparent;
}
.section-astrology .astro-moon-phases__feature{
  min-height:255px;position:relative;overflow:hidden;
  display:flex;align-items:center;background:
  radial-gradient(circle at 81% 39%,rgba(250,220,178,.24) 0 4%,transparent 22%),
  radial-gradient(circle at 60% 70%,rgba(190,139,163,.35),transparent 55%),
  linear-gradient(130deg,var(--moon-banner,#342343),#62517b 60%,#c29b93);
  border-radius:9px;isolation:isolate;color:#fff7ee;
}
.section-astrology .astro-moon-phases__feature:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(21,16,39,.48),rgba(21,16,39,0) 90%);
}
.section-astrology .astro-moon-phases__feature-decoration{
  position:absolute;right:26px;top:21px;font:42px/1 Georgia,serif;
  color:#ffe9c4;opacity:.6;letter-spacing:4px;white-space:nowrap
}
.section-astrology .astro-moon-phases__feature-copy{
  position:relative;z-index:1;width:min(83%,380px);margin-left:clamp(25px,5.5%,55px);
  padding:25px 0;text-shadow:0 1px 2px #30213c55;
}
.section-astrology .astro-moon-phases__feature-copy h2{
  font:var(--ast-type-section-weight,600) var(--ast-type-section-size,32px)/1.12 var(--ast-font-display,Georgia,serif);
  margin:0 0 9px
}
.section-astrology .astro-moon-phases__feature-copy p{
  margin:0 0 11px;font:var(--ast-type-description-weight,400) var(--ast-type-description-size,12px)/1.46 var(--ast-font-body,Arial,sans-serif)
}
.section-astrology .astro-moon-phases__feature-copy strong{
  display:block;font:600 16px/1.28 var(--ast-font-display,Georgia,serif);
  margin:13px 0 5px;color:#ffdfb6
}
.section-astrology .astro-moon-phases__button{
  display:inline-flex;align-items:center;gap:19px;padding:10px 17px;
  background:#6d164f;border:1px solid #d29f93;border-radius:24px;
  font-size:12px;font-weight:700;color:#fff;text-decoration:none;
}
.section-astrology a.astro-moon-phases__button:hover{background:#902667}
.section-astrology .astro-moon-phases__disabled{opacity:.65;cursor:default}
.section-astrology .astro-moon-phases__right{
  display:flex;flex-direction:column;justify-content:center;min-width:0;
  background:var(--moon-background,#fff8ef);
  padding:10px;
  border-radius:9px;
}
.section-astrology .astro-moon-phases__demo{
  font:400 10px/1.3 var(--ast-font-body,Arial,sans-serif);
  color:#876878;text-align:right;margin:0 2px 9px
}
.section-astrology .astro-moon-phases__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1;
}
.section-astrology .astro-moon-phases__card{
  min-width:0;text-align:center;padding:16px 7px 11px;
  border-radius:8px;border:1px solid #eee3d8;background:#fffdfa;
  display:flex;flex-direction:column;align-items:center;
}
.section-astrology .astro-moon-phases__orb{
  position:relative;width:64px;height:64px;max-width:100%;aspect-ratio:1;
  margin:0 auto 13px;border-radius:50%;background:#b3adbb;
  box-shadow:inset -8px -5px 14px #463d56,0 1px 7px #5133502e;
  overflow:hidden;
}
.section-astrology .astro-moon-phases__orb--new{background:#30263d;box-shadow:inset -5px 0 3px #9d8ca2,0 1px 7px #5133502e}
.section-astrology .astro-moon-phases__orb--first{background:linear-gradient(90deg,#26213b 49%,#dcd2d6 51%)}
.section-astrology .astro-moon-phases__orb--full{background:radial-gradient(circle at 36% 28%,#fff6e3,#b9acbd 76%)}
.section-astrology .astro-moon-phases__orb--last{background:linear-gradient(90deg,#dcd2d6 49%,#26213b 51%)}
.section-astrology .astro-moon-phases__card h3{
  font:var(--ast-type-card-weight,600) var(--ast-type-card-size,18px)/1.23 var(--ast-font-display,Georgia,serif);
  color:#762958;margin:0 0 9px
}
.section-astrology .astro-moon-phases__date{
  font:var(--ast-type-meta-weight,700) var(--ast-type-meta-size,12px)/1.35 var(--ast-font-body,Arial,sans-serif);
  color:#98839c;margin:0 0 6px
}
.section-astrology .astro-moon-phases__description{
  font:400 11px/1.34 var(--ast-font-body,Arial,sans-serif);
  color:#766b80;margin:0
}
@media(max-width:950px){
  .section-astrology .astro-moon-phases{grid-template-columns:1fr}
  .section-astrology .astro-moon-phases__feature{min-height:250px}
  .section-astrology .astro-moon-phases__card{min-height:182px}
}
@media(max-width:540px){
  .section-astrology .astro-moon-phases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-astrology .astro-moon-phases__feature-copy{width:85%}
  .section-astrology .astro-moon-phases__demo{text-align:left}
}

/* Independent second section background, across viewport behind both moon halves. */
.section-astrology .astro-moon-phases--scenic{
  position:relative;isolation:isolate;
}
.section-astrology .astro-moon-phases--scenic::before{
  content:"";position:absolute;pointer-events:none;
  width:100vw;max-width:100vw;height:var(--moon-scene-height,400px);
  top:50%;left:50%;transform:translate(-50%,-50%);
  background-image:var(--moon-scene-image);
  background-position:center;background-repeat:no-repeat;background-size:cover;
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 16%,black 84%,transparent);
  mask-image:linear-gradient(to bottom,transparent,black 16%,black 84%,transparent);
  z-index:0;
}
.section-astrology .astro-moon-phases--scenic > *{position:relative;z-index:1}

.section-astrology .astro-moon-phases__editorial-photo{
  display:block;width:100%;max-height:120px;object-fit:cover;border-radius:8px;
  margin:9px 0 12px;
}