/* Stage 5 — editorial journeys that genuinely help clients find
   Katie's advice, salon services and current enquiry process.
   No SEO metadata, schema, business hours, booking integration or RRPs change. */

.products-page .retail-guides {
  margin-block: clamp(42px,5.5vw,72px) clamp(24px,3vw,40px);
  padding: clamp(24px,3.3vw,42px);
  border: 1px solid #e5d9e2;
  border-radius: 16px;
  background: #fbf8fb;
  color: #423347;
}
.products-page .retail-guides h2 {
  margin: 9px 0 15px;
  font-size: clamp(1.55rem,2.2vw,2.3rem);
  line-height: 1.2;
  font-family: Georgia,serif;
  font-weight: 400;
  text-wrap: balance;
}
.products-page .retail-guides > p {
  max-width: 78ch;
  line-height: 1.72;
}
.products-page .retail-guides ul {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: clamp(14px,2vw,26px);
  padding: 0;
  margin: clamp(20px,2.4vw,28px) 0 0;
  list-style: none;
}
.products-page .retail-guides li {
  min-width: 0;
  border-left: 3px solid #a781a9;
  padding-left: 15px;
  line-height: 1.66;
}
.products-page .retail-guides a {
  color: #593862;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legacy-article .faq-reading-label {
  font-weight: 650;
  margin-top: 18px;
  margin-bottom: 8px;
}
.legacy-article .faq-expert-links {
  padding-left: 23px;
  margin-block: 8px 22px;
}
.legacy-article .faq-expert-links li {
  padding-block: 4px;
  line-height: 1.7;
}
.legacy-article .advice-next-steps {
  background: #faf7f9;
  border-top: 3px solid #aa8aa8;
  border-radius: 0 0 12px 12px;
  padding: clamp(22px,3vw,34px);
  margin-block: clamp(35px,4vw,58px) 0;
}
.legacy-article .advice-next-steps h2,
.legacy-article .post-current-note h2 {
  font: 400 clamp(1.5rem,2.1vw,1.9rem)/1.25 Georgia,serif;
  margin: 0 0 13px;
}
.legacy-article .advice-next-steps p,
.legacy-article .post-current-note p {
  line-height: 1.75;
  margin-bottom: 0;
}
.legacy-article .post-current-note {
  margin-block: 27px 37px;
  border-left: 4px solid #a078a6;
  background: #f8f3f8;
  padding: clamp(20px,2.4vw,30px);
  border-radius: 0 10px 10px 0;
}
:is(.products-page .retail-guides,.legacy-article .faq-expert-links,
    .legacy-article .advice-next-steps,.legacy-article .post-current-note) a:focus-visible {
  outline: 3px solid #654369;
  outline-offset: 4px;
}
@media(max-width:820px) {
  .products-page .retail-guides ul {
    grid-template-columns:minmax(0,1fr);
    gap: 17px;
  }
  .products-page .retail-guides li {
    padding-left: 14px;
  }
}
@media(max-width:430px) {
  .products-page .retail-guides {padding:20px;}
}

/* A launch-era booking announcement is genuine history, not today's booking method.
   Keep this annotation readable without overwriting Katie's original Wix article. */
.legacy-article .archive-historical-note {
  border-left:3px solid #99749e;
  padding:8px 0 8px 12px;
  margin-top:14px;
  color:#513b58;
  font-size:.94rem;
  line-height:1.58;
  font-weight:600;
}