/*
 * Bright marker treatment for inline links in public content.
 * Navigation, cards, buttons, CTAs, and transactional controls stay unchanged.
 */

body.public-site .site-main :where(p, li) a:not(:where(
  [class*="button"],
  [class*="btn"],
  [class*="cta"],
  .back-link,
  .blog-post-back,
  .booking-float,
  .episode-card,
  .journal-card,
  .offering-link,
  .post-card
)),
body.public-site .site-main .editorial-split-hero :where(p, li) a:not(:where(
  [class*="button"],
  [class*="btn"],
  [class*="cta"],
  .back-link,
  .blog-post-back,
  .booking-float,
  .episode-card,
  .journal-card,
  .offering-link,
  .post-card
)),
body.public-site .site-main .mark-link {
  --inline-mark-color: 249 174 182;
  margin-inline: -0.04em;
  padding: 0.02em 0.16em 0.04em;
  border-radius: 0.16em;
  background-image: linear-gradient(
    103deg,
    rgb(var(--inline-mark-color) / 0%) 0%,
    rgb(var(--inline-mark-color) / 58%) 7%,
    rgb(var(--inline-mark-color) / 78%) 80%,
    rgb(var(--inline-mark-color) / 46%) 96%,
    rgb(var(--inline-mark-color) / 0%) 100%
  );
  background-position: 0 78%;
  background-repeat: no-repeat;
  background-size: 100% 0.88em;
  color: #2F2A28;
  font-weight: 600;
  text-decoration: none;
  text-shadow: 0 1px 0 rgb(255 255 255 / 42%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size 160ms ease, color 160ms ease, filter 160ms ease;
}

body.public-site .site-main :where(p, li) a:not(:where(
  [class*="button"],
  [class*="btn"],
  [class*="cta"],
  .back-link,
  .blog-post-back,
  .booking-float,
  .episode-card,
  .journal-card,
  .offering-link,
  .post-card
)):hover,
body.public-site .site-main .editorial-split-hero :where(p, li) a:not(:where(
  [class*="button"],
  [class*="btn"],
  [class*="cta"],
  .back-link,
  .blog-post-back,
  .booking-float,
  .episode-card,
  .journal-card,
  .offering-link,
  .post-card
)):hover,
body.public-site .site-main .mark-link:hover {
  background-size: 100% 1em;
  color: #242824;
  filter: saturate(1.06);
  text-decoration: none;
}

body.public-site .site-main :where(p, li) a:not(:where(
  [class*="button"],
  [class*="btn"],
  [class*="cta"],
  .back-link,
  .blog-post-back,
  .booking-float,
  .episode-card,
  .journal-card,
  .offering-link,
  .post-card
)):focus-visible,
body.public-site .site-main .editorial-split-hero :where(p, li) a:not(:where(
  [class*="button"],
  [class*="btn"],
  [class*="cta"],
  .back-link,
  .blog-post-back,
  .booking-float,
  .episode-card,
  .journal-card,
  .offering-link,
  .post-card
)):focus-visible,
body.public-site .site-main .mark-link:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 0.2rem;
}

body.public-site .site-main .mark-link--green {
  --inline-mark-color: 188 235 184;
}

body.public-site .site-main .mark-link--rose {
  --inline-mark-color: 249 174 182;
}

body.public-site .site-main .mark-link--gold {
  --inline-mark-color: 255 211 118;
}

@media (prefers-reduced-motion: reduce) {
  body.public-site .site-main :where(p, li) a,
  body.public-site .site-main .mark-link {
    transition: none;
  }
}