/* DermPrep Idea 9.32 — Pimp Me homepage reasoning feature, editorial cards, footer logo */
:root{
  --pm932-forest:#0B4A3F;
  --pm932-dark:#083A32;
  --pm932-coral:#F07A62;
  --pm932-cream:#F7F1E7;
  --pm932-paper:#FFFDFC;
  --pm932-text:#173F38;
  --pm932-gold:#B99A5E;
  --pm932-line:rgba(23,63,56,.18);
  --pm932-muted:#65736f;
  --pm932-shadow:0 12px 32px rgba(8,58,50,.07);
}

/* Hero reasoning feature — light, editorial, clinical. */
body.pm931-page .pm932-reasoning-feature{
  position:relative!important;
  min-height:0!important;
  overflow:hidden;
  background:linear-gradient(145deg,#fffdfa 0%,#fbf6ed 100%)!important;
  border:1px solid var(--pm932-line)!important;
  border-radius:18px!important;
  padding:28px 30px 26px!important;
  box-shadow:var(--pm932-shadow)!important;
  color:var(--pm932-text)!important;
}
.pm932-feature-eyebrow{
  margin:0 0 12px;
  color:var(--pm932-coral);
  font:800 .68rem/1 "DM Sans",sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.pm932-feature-title{
  margin:0;
  max-width:13ch;
  color:var(--pm932-forest);
  font:600 clamp(2rem,3vw,2.8rem)/.98 "Playfair Display",serif;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.pm932-feature-lead{
  position:relative;
  z-index:2;
  max-width:42ch;
  margin:14px 0 20px;
  color:#425953;
  font:500 .94rem/1.6 "DM Sans",sans-serif;
}
.pm932-reasoning-sequence{
  position:relative;
  z-index:2;
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.pm932-reasoning-sequence li{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:72px;
  padding:12px 11px;
  border:1px solid rgba(23,63,56,.12);
  border-radius:11px;
  background:rgba(247,241,231,.72);
}
.pm932-step-num{
  color:var(--pm932-coral);
  font:800 .62rem/1 "DM Sans",sans-serif;
  letter-spacing:.08em;
}
.pm932-reasoning-sequence strong{
  color:var(--pm932-text);
  font:800 .74rem/1.25 "DM Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.pm932-feature-foot{
  position:relative;
  z-index:2;
  margin:17px 0 0;
  color:var(--pm932-forest);
  font:700 .84rem/1.45 "DM Sans",sans-serif;
}
.pm932-morphology-motif{
  position:absolute;
  right:-12px;
  bottom:-10px;
  width:180px;
  opacity:.08;
  pointer-events:none;
}
.pm932-morphology-motif svg{
  width:100%;
  height:auto;
  fill:none;
  stroke:var(--pm932-forest);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Homepage mode cards — one light editorial system. */
body.pm931-page .pm-grid{
  align-items:stretch;
}
body.pm931-page .pm932-mode-card{
  position:relative;
  display:flex!important;
  flex-direction:column;
  min-height:220px!important;
  padding:24px 24px 22px!important;
  background:var(--pm932-paper)!important;
  color:var(--pm932-text)!important;
  border:1px solid var(--pm932-line)!important;
  border-radius:16px!important;
  box-shadow:0 6px 22px rgba(8,58,50,.045)!important;
  text-decoration:none!important;
}
body.pm931-page .pm932-mode-card::before{
  content:"";
  position:absolute;
  top:-1px;
  left:24px;
  right:24px;
  height:2px;
  border-radius:2px;
  background:rgba(240,122,98,.36);
}
body.pm931-page .pm932-featured-card{
  background:#fffaf5!important;
  border-color:rgba(240,122,98,.34)!important;
}
body.pm931-page .pm932-featured-card::before{
  height:3px;
  background:var(--pm932-coral);
}
.pm932-card-eyebrow{
  display:block;
  margin:2px 0 14px;
  color:var(--pm932-coral);
  font:800 .64rem/1 "DM Sans",sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.pm931-page .pm932-mode-card h3{
  margin:0 0 9px!important;
  color:var(--pm932-forest)!important;
  font-size:clamp(1.35rem,2vw,1.7rem)!important;
  line-height:1.05!important;
}
.pm932-card-desc{
  margin:0!important;
  max-width:34ch;
  color:#455d57!important;
  font-size:.9rem!important;
  line-height:1.5!important;
}
.pm932-card-meta{
  display:block;
  margin-top:13px;
  color:#6c7774;
  font:700 .72rem/1.35 "DM Sans",sans-serif;
  letter-spacing:.01em;
}
body.pm931-page .pm932-mode-card .pm932-card-action{
  margin-top:auto!important;
  padding-top:22px!important;
  color:var(--pm932-forest)!important;
  font:800 .82rem/1.2 "DM Sans",sans-serif!important;
}
body.pm931-page .pm932-mode-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(240,122,98,.46)!important;
  box-shadow:var(--pm932-shadow)!important;
}
body.pm931-page .pm932-mode-card:hover h3,
body.pm931-page .pm932-mode-card:hover .pm932-card-action{
  color:#c55c49!important;
}

/* Prevent legacy dark featured-card styles from leaking through. */
body.pm931-page .pm-card.recommended,
body.pm931-page .pm-card.recommended *{
  background-image:none!important;
}
body.pm931-page .pm-card.recommended.pm932-mode-card{
  color:var(--pm932-text)!important;
}

/* Approved standard logo on a light plate for dark-footer legibility. */
.dp-global-footer .dp-footer-logo{
  display:block!important;
  width:150px!important;
  height:auto!important;
  box-sizing:content-box!important;
  padding:7px 11px!important;
  margin:0 0 12px!important;
  border-radius:8px!important;
  background:var(--pm932-cream)!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* No browser-default link colors on dark surfaces. */
.dp-global-footer a,
.dp-global-footer a:link,
.dp-global-footer a:visited,
.dp-global-footer .dp-footer-email,
.dp-global-footer .dp-footer-email:visited,
.pm930-education a,
.pm930-education a:visited{
  color:var(--pm932-cream)!important;
  text-decoration-color:rgba(247,241,231,.45)!important;
}
.dp-global-footer a:hover,
.dp-global-footer a:focus-visible,
.dp-global-footer .dp-footer-email:hover,
.dp-global-footer .dp-footer-email:focus-visible,
.pm930-education a:hover,
.pm930-education a:focus-visible{
  color:var(--pm932-coral)!important;
  text-decoration-color:var(--pm932-coral)!important;
}

/* Keep the homepage lighter: remove legacy dark feature/card pressure. */
body.pm931-page .pm-hero-panel.pm932-reasoning-feature *{
  text-shadow:none!important;
}

/* Responsive */
@media (max-width:900px){
  .pm932-reasoning-sequence{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  body.pm931-page .pm932-reasoning-feature{
    padding:22px 20px!important;
    border-radius:14px!important;
  }
  .pm932-feature-title{
    font-size:clamp(1.85rem,9vw,2.45rem);
  }
  .pm932-feature-lead{
    font-size:.9rem;
  }
  .pm932-reasoning-sequence{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .pm932-reasoning-sequence li{
    min-height:64px;
    padding:10px;
  }
  body.pm931-page .pm932-mode-card{
    min-height:0!important;
    padding:20px!important;
  }
  .dp-global-footer .dp-footer-logo{
    width:138px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.pm931-page .pm932-mode-card{
    transition:none!important;
  }
  body.pm931-page .pm932-mode-card:hover{
    transform:none!important;
  }
}