/* Small additions for the existing Hot-MD layout. */
#ladies {
  scroll-margin-top: 6rem;
}
.seo-facts,
.seo-listing-terms {
  line-height: 1.65;
}
.seo-profile-booking {
  margin-block: 1.2rem;
  padding-block: 1rem;
  border-block: 1px solid rgba(214, 169, 86, .3);
}
.seo-profile-booking h3 {
  margin: 0 0 .65rem;
  font-size: 1.15rem;
}
.seo-profile-booking p {
  margin: .6rem 0;
  line-height: 1.6;
}
.seo-profile-booking a,
.seo-listing-terms a,
.seo-contact-info a:not(.button),
.seo-local-faq a:not(.button) {
  text-decoration: underline;
  text-underline-offset: .16em;
}
.seo-local-faq > details {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(120, 91, 74, .3);
}
.seo-local-faq > details > summary {
  cursor: pointer;
  font-weight: 700;
  padding-block: .25rem;
}
.seo-local-faq > details > p {
  max-width: 70ch;
  line-height: 1.65;
}
.seo-local-faq summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
@media (max-width: 540px) {
  .seo-profile-booking {
    font-size: .95rem;
  }
  .seo-contact-info h2,
  .seo-local-experience h2 {
    overflow-wrap: break-word;
  }
}

/* Opt-in article layout: preserve the Pop-Art backdrop behind readable text. */
body.pop-art-article {
  --article-glass: linear-gradient(135deg, rgba(42, 24, 31, .84), rgba(81, 21, 43, .76));
  --article-text: #fffaf4;
  --article-accent: #ffd88a;
}
body.pop-art-article .section.blog-article {
  width: min(100% - 2rem, 860px);
  margin: 1.5rem auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body.pop-art-article .blog-body {
  background: transparent;
}
body.pop-art-article .blog-article-copy,
body.pop-art-article .answer-band,
body.pop-art-article .section.final-cta {
  padding: clamp(1.2rem, 3vw, 2.3rem);
  border: 1px solid rgba(214, 169, 86, .34);
  border-radius: 26px;
  background: var(--article-glass);
  color: var(--article-text);
  box-shadow: 0 24px 54px rgba(16, 11, 16, .2), inset 0 1px 0 rgba(255, 250, 244, .08);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
body.pop-art-article .answer-band,
body.pop-art-article .section.final-cta {
  width: min(100% - 2rem, 860px);
  max-width: 860px;
  margin: 1.5rem auto;
}
body.pop-art-article .blog-article-copy :is(.lead, p, li, ul, ol, h2, h3, b, strong),
body.pop-art-article .answer-band p,
body.pop-art-article .final-cta :is(h2, p) {
  color: var(--article-text);
}
body.pop-art-article .blog-article-copy .blog-meta {
  color: rgba(255, 250, 244, .82);
}
body.pop-art-article .blog-body a,
body.pop-art-article .final-cta .kicker {
  color: var(--article-accent);
}
body.pop-art-article .blog-body a:hover {
  color: var(--article-text);
}
body.pop-art-article .blog-tags span {
  border-color: rgba(214, 169, 86, .34);
  background: rgba(255, 250, 244, .08);
  color: var(--article-accent);
}
body.pop-art-article .blog-article-image {
  border: 1px solid rgba(214, 169, 86, .28);
  border-radius: 22px;
  background: #2a181f;
}
@media (max-width: 540px) {
  body.pop-art-article .section.blog-article,
  body.pop-art-article .answer-band,
  body.pop-art-article .section.final-cta {
    width: calc(100% - 1rem);
  }
  body.pop-art-article .blog-article-copy,
  body.pop-art-article .answer-band,
  body.pop-art-article .section.final-cta {
    border-radius: 20px;
  }
}

/* Readable timing panel within the dark service-page section. */
body[data-template="service"] .contact-panel.service-timing-panel {
  background: rgba(42, 24, 31, .9);
  border-color: rgba(214, 169, 86, .34);
  border-radius: 18px;
  color: #fffaf4;
}
body[data-template="service"] .service-timing-panel :is(h2, p) {
  color: #fffaf4;
}