:root {
  --cew-sand: #f7f4ef;
  --cew-white: #ffffff;
  --cew-charcoal: #2c2c2a;
  --cew-navy: #2c2c2a;
  --cew-navy-soft: #55737d;
  --cew-driftwood: #e8e2d6;
  --cew-morning-fog: #d6e5e8;
  --cew-coastal: #8eaeb8;
  --cew-seaglass: #a7bfb4;
  --cew-warm-sand: #c4b8a5;
  --cew-sage: #8a9a8e;
  --cew-deep: #55737d;

  /* --cew-muted is a text role, and at #687378 it measured 4.44:1 on sand and
     3.76:1 on morning fog against a 4.5:1 floor for small copy — understated
     to the point of being hard to read rather than quiet. Darkened just past
     the floor: 5.35:1 on sand, 4.54:1 on fog, 4.55:1 on driftwood. The hue is
     unchanged, so the Refined Coastal palette still reads as itself. */
  --cew-muted: #5d666b;

  /* The on-light text value of --cew-deep. --cew-deep stays #55737d: it is the
     brand teal, and it is correct as a focus ring, a border, a fill and the
     theme-color meta. What it cannot do is carry small text on the fog and
     driftwood panels, where it measures 3.93:1 and 3.94:1. This is the value
     for that job — 4.54:1 on fog, 5.35:1 on sand. Consumers ask for it by
     name; nothing inherits it by accident. */
  --cew-deep-ink: #4d6972;
  --cew-line: rgba(44, 44, 42, .16);
  --cew-display: "Playfair Display", Georgia, serif;
  --cew-ui: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --cew-shell: min(92rem, calc(100% - 2rem));
  --cew-shadow: 0 30px 80px rgba(44, 44, 42, .18);
}

body.cew-mode {
  margin: 0;
  background: var(--cew-sand);
  color: var(--cew-navy);
  font-family: var(--cew-ui);
}
body.cew-mode a { color: inherit; }
body.cew-mode ::selection { background: var(--cew-coastal); color: var(--cew-navy); }
.vv-skip {
  position: fixed;
  top: .75rem;
  left: .75rem;
  z-index: 1000;
  padding: .72rem 1rem;
  transform: translateY(-180%);
  background: var(--cew-charcoal);
  color: var(--cew-white) !important;
  text-decoration: none;
}
.vv-skip:focus { transform: translateY(0); }

.cew-masthead {
  position: relative;
  z-index: 50;
  background: rgba(247, 244, 239, .96);
  border-bottom: 1px solid var(--cew-line);
  backdrop-filter: blur(18px);
}
.cew-masthead__inner {
  width: var(--cew-shell);
  min-height: 5.5rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(13rem, .72fr) 1.28fr;
  gap: 2rem;
  align-items: center;
}
.cew-brand {
  display: inline-flex;
  align-items: center;
  width: min(20rem, 42vw);
  color: inherit;
  text-decoration: none;
}
.cew-brand-art { display:block; width:100%; aspect-ratio:620/201; background:var(--cew-img-logo) center left / contain no-repeat; }
.claire-nav__list,
.cew-fallback-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(.8rem, 1.8vw, 1.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
.claire-nav__link,
.cew-fallback-nav a {
  color: var(--cew-navy);
  text-decoration: none;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.claire-nav__link:hover,
.claire-nav__link:focus-visible,
.claire-nav__link[aria-current="page"],
.cew-fallback-nav a:hover {
  color: var(--cew-deep);
  text-decoration: underline;
  text-decoration-thickness: .1em;
  text-underline-offset: .4em;
}
.cew-boundary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .56rem max(1rem, calc((100% - 92rem) / 2));
  background: var(--cew-navy);
  color: var(--cew-sand);
  font-size: .67rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cew-boundary a { color: var(--cew-coastal); text-underline-offset: .25em; }

.cew-main { min-height: 65vh; overflow-x: clip; overflow-y: visible; }
.cew-shell { width: var(--cew-shell); margin-inline: auto; }
.cew-kicker {
  margin: 0;
  color: var(--cew-deep);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

/* Art-first gateway */
.cew-art-hero {
  position: relative;
  min-height: clamp(38rem, 72vh, 50rem);
  display: grid;
  align-items: end;
  isolation: isolate;
  background: var(--cew-navy);
  color: var(--cew-white);
  overflow: hidden;
}
.cew-art-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--cew-img-hero) center 42% / cover no-repeat;
  transform: scale(1.015);
}
.cew-art-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(44,44,42,.97) 0%, rgba(44,44,42,.88) 38%, rgba(44,44,42,.34) 67%, rgba(44,44,42,.14) 100%),
    linear-gradient(0deg, rgba(44,44,42,.78) 0%, transparent 46%);
}
.cew-art-hero__inner {
  width: min(78rem, calc(100% - 2rem));
  margin-inline: auto;
  padding-block: clamp(4.5rem, 10vw, 7rem) clamp(3rem, 6vw, 5rem);
}
.cew-art-hero__copy { max-width: 44rem; }
.cew-art-hero .cew-kicker { color: var(--cew-coastal); }
.cew-art-hero h1 {
  max-width: 12ch;
  margin: .65rem 0 1.2rem;
  font-family: var(--cew-display);
  font-size: clamp(3.4rem, 7vw, 6.8rem);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.045em;
}
.cew-art-hero__deck {
  max-width: 39rem;
  margin: 0;
  color: rgba(255,255,255,.9);
  font-size: clamp(1.08rem, 1.7vw, 1.35rem);
  line-height: 1.65;
}
.cew-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
body.cew-mode .cew-button {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  padding: .85rem 1.15rem;
  border: 1px solid var(--cew-sand);
  background: var(--cew-sand);
  color: var(--cew-charcoal);
  text-decoration: none;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
body.cew-mode .cew-button:hover { transform: translateY(-2px); }
body.cew-mode .cew-button:focus-visible { outline: 3px solid var(--cew-coastal); outline-offset: 3px; }
body.cew-mode .cew-button--quiet { background: rgba(44,44,42,.28); color: var(--cew-white); }
.cew-button--disabled { cursor: not-allowed; opacity: .72; border-style: dashed; }
.cew-art-hero__note {
  display: inline-flex;
  gap: .7rem;
  align-items: center;
  margin-top: 2rem;
  color: var(--cew-coastal);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.cew-art-hero__note::before { content: ""; width: 2.6rem; height: 1px; background: currentColor; }

.cew-intro {
  position: relative;
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--cew-sand);
}
.cew-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 52rem);
  justify-content: center;
  align-items: start;
}
.cew-intro h2 {
  max-width: 13ch;
  margin: 0 0 1.3rem;
  font-family: var(--cew-display);
  font-size: clamp(3.2rem, 6.8vw, 7rem);
  font-weight: 400;
  line-height: .94;
  letter-spacing: -.045em;
}
.cew-intro p { max-width: 44rem; margin: 0; color: var(--cew-charcoal); font-size: clamp(1.03rem, 1.55vw, 1.23rem); }

.cew-gateway {
  padding-block: clamp(4rem, 9vw, 8rem);
  background: var(--cew-navy);
  color: var(--cew-white);
}
.cew-gateway__head {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 3rem;
  align-items: end;
  margin-bottom: 2.5rem;
}
.cew-gateway__head .cew-kicker { color: var(--cew-coastal); }
.cew-gateway__head h2 {
  max-width: 11ch;
  margin: 0;
  font-family: var(--cew-display);
  font-size: clamp(3.5rem, 7vw, 7.5rem);
  font-weight: 400;
  line-height: .9;
  letter-spacing: -.05em;
}
.cew-gateway__head p { max-width: 37rem; margin: 0 0 .5rem auto; color: rgba(255,255,255,.75); }
.cew-gateway-grid {
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  grid-template-areas:
    "body resources"
    "body about"
    "services services";
  gap: 1rem;
}
.cew-gateway-card {
  position: relative;
  min-height: 28rem;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  color: var(--cew-white);
  text-decoration: none;
  isolation: isolate;
  background: var(--cew-deep);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
.cew-gateway-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--cew-card-image) center / cover no-repeat;
  transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .4s ease;
}
.cew-gateway-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(44,44,42,.08) 16%, rgba(44,44,42,.72) 66%, rgba(44,44,42,.98) 100%);
}
.cew-gateway-card:hover::before { transform: scale(1.035); filter: saturate(1.06); }
.cew-gateway-card--body { grid-area: body; min-height: 47rem; --cew-card-image: var(--cew-img-body); }
.cew-gateway-card--resources { grid-area: resources; --cew-card-image: var(--cew-img-resources); }
.cew-gateway-card--about { grid-area: about; --cew-card-image: var(--cew-img-about); }
.cew-gateway-card--services { grid-area: services; min-height: 22rem; --cew-card-image: var(--cew-img-services); }
.cew-gateway-card__content { width: 100%; padding: clamp(1.5rem, 3vw, 2.8rem); text-shadow: 0 2px 18px rgba(44,44,42,.72); }
.cew-gateway-card__eyebrow {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: var(--cew-morning-fog);
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.cew-gateway-card h3 {
  max-width: 11ch;
  margin: .55rem 0 .65rem;
  font-family: var(--cew-display);
  font-size: clamp(2.5rem, 4.8vw, 5.2rem);
  font-weight: 400;
  line-height: .93;
  letter-spacing: -.04em;
}
.cew-gateway-card p { max-width: 35rem; margin: 0; color: var(--cew-white); }
.cew-gateway-card--draft { cursor: default; }
.cew-gateway-card--draft::before { filter: grayscale(.15) contrast(.92); }
.cew-gateway-card--draft:hover::before { transform: none; }

.cew-principles {
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--cew-white);
}
.cew-principles__grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}
.cew-principles h2 {
  margin: 0;
  font-family: var(--cew-display);
  font-size: clamp(3rem, 6vw, 6.5rem);
  font-weight: 400;
  line-height: .94;
  letter-spacing: -.045em;
}
.cew-principle-list { display: grid; gap: 0; border-top: 1px solid var(--cew-line); }
.cew-principle-list article {
  display: grid;
  grid-template-columns: 2.7rem 1fr;
  gap: 1rem;
  padding: 1.45rem 0;
  border-bottom: 1px solid var(--cew-line);
}
.cew-principle-list span { color: var(--cew-deep); font-size: .72rem; font-weight: 700; letter-spacing: .12em; }
.cew-principle-list strong { display: block; margin-bottom: .25rem; font-family: var(--cew-display); font-size: 1.45rem; font-weight: 500; }
.cew-principle-list p { margin: 0; color: var(--cew-muted); }

/* Editorial mini-home */
.cew-latest {
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--cew-white);
  color: var(--cew-charcoal);
}
.cew-section-head {
  display: grid;
  grid-template-columns: 1.05fr .75fr;
  gap: clamp(2rem, 7vw, 7rem);
  align-items: end;
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.cew-section-head h2,
.cew-tools h2,
.cew-founder h2 {
  margin: .5rem 0 0;
  font-family: var(--cew-display);
  font-size: clamp(3rem, 6.5vw, 6.8rem);
  font-weight: 400;
  line-height: .94;
  letter-spacing: -.045em;
}
.cew-section-head > p { max-width: 35rem; margin: 0 0 .5rem; color: var(--cew-muted); font-size: 1.03rem; }
.cew-article-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  grid-template-areas: "lead second" "lead third";
  gap: 1px;
  background: var(--cew-warm-sand);
  border: 1px solid var(--cew-warm-sand);
}
.cew-article-card {
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.6rem, 4vw, 3rem);
  background: var(--cew-sand);
  color: var(--cew-charcoal);
  text-decoration: none;
}
.cew-article-card:nth-child(2) { grid-area: second; background: var(--cew-white); }
.cew-article-card:nth-child(3) { grid-area: third; background: var(--cew-white); }
.cew-article-card--lead { grid-area: lead; min-height: 0; background: var(--cew-morning-fog, #d6e5e8); }
.cew-article-grid:not(:has(.cew-article-card:nth-child(3))) { grid-template-areas: "lead second"; }
.cew-article-grid:not(:has(.cew-article-card:nth-child(2))) { grid-template-columns: 1fr; grid-template-areas: "lead"; }
.cew-article-card__meta { display: flex; justify-content: space-between; gap: 1rem; color: var(--cew-deep); font-size: .67rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.cew-article-card h3,
.cew-editorial-note h3 {
  max-width: 14ch;
  margin: .8rem 0;
  font-family: var(--cew-display);
  font-size: clamp(2.1rem, 4vw, 4.8rem);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.035em;
}
.cew-article-card__excerpt p { max-width: 38rem; margin: 0 0 1.2rem; color: var(--cew-muted); }
.cew-text-link { color: var(--cew-deep); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-decoration: underline; text-decoration-thickness: .1em; text-underline-offset: .35em; text-transform: uppercase; }
.cew-article-card--draft { cursor: default; }
.cew-resource-journal { margin-top: clamp(4rem, 8vw, 7rem); }
.cew-resource-journal .cew-article-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: none;
  gap: 1rem;
  background: transparent;
  border: 0;
}
.cew-resource-journal .cew-article-card,
.cew-resource-journal .cew-article-card:nth-child(2),
.cew-resource-journal .cew-article-card:nth-child(3) {
  grid-area: auto;
  min-height: 0;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(85,115,125,.18);
  border-radius: 1rem;
  box-shadow: 0 16px 45px rgba(44,44,42,.06);
}
.cew-resource-journal .cew-article-card:nth-child(3n + 2) { background: rgba(214,229,232,.42); }
.cew-resource-journal .cew-article-card h3 { font-size: clamp(1.8rem, 3vw, 3rem); }
@media (max-width: 980px) { .cew-resource-journal .cew-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .cew-resource-journal .cew-article-grid { grid-template-columns: 1fr; } }
.cew-editorial-note { padding: clamp(2rem, 5vw, 4.5rem); background: var(--cew-morning-fog, #d6e5e8); border-left: 5px solid var(--cew-deep); }
.cew-editorial-note p:last-child { max-width: 40rem; color: var(--cew-muted); }

.cew-tools {
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--cew-sand);
}
.cew-tools__grid {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}
.cew-tools__intro { position: sticky; top: 2rem; }
.cew-tools__intro > p:last-child { max-width: 36rem; color: var(--cew-muted); }
.cew-tool-list { border-top: 1px solid var(--cew-warm-sand); }
.cew-tool-row {
  display: grid;
  grid-template-columns: 2.5rem 1fr auto;
  gap: 1.2rem;
  align-items: start;
  padding-block: 1.8rem;
  border-bottom: 1px solid var(--cew-warm-sand);
  color: var(--cew-charcoal);
  text-decoration: none;
}
.cew-tool-row > span,
.cew-tool-row small { color: var(--cew-deep); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cew-tool-row h3 { margin: 0; font-family: var(--cew-display); font-size: clamp(1.65rem, 3vw, 2.7rem); font-weight: 500; line-height: 1; }
.cew-tool-row p { max-width: 36rem; margin: .55rem 0 0; color: var(--cew-muted); }
.cew-tool-row[href]:hover h3,
.cew-tool-row[href]:focus-visible h3 { color: var(--cew-deep); text-decoration: underline; text-underline-offset: .15em; }
.cew-tool-row--draft { cursor: default; }

.cew-founder {
  padding-block: clamp(5rem, 10vw, 9rem);
  background: var(--cew-driftwood, #e8e2d6);
}
.cew-founder__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.cew-founder__portrait { width: 100%; min-height: 0; aspect-ratio: 16 / 9; background: var(--cew-img-founder) center / cover no-repeat; }
.cew-founder h2 { max-width: 13ch; font-size: clamp(2.7rem, 4.7vw, 5rem); line-height: 1; letter-spacing: -.035em; }
.cew-founder__copy > p:not(.cew-kicker) { max-width: 40rem; color: var(--cew-charcoal); font-size: 1.05rem; line-height: 1.7; }
.cew-founder__copy .cew-text-link { display: inline-block; margin-top: 1rem; }

@media (max-width: 980px) {
  .cew-section-head,
  .cew-tools__grid,
  .cew-founder__grid { grid-template-columns: 1fr; }
  .cew-tools__intro { position: static; }
}
@media (max-width: 680px) {
  .cew-article-grid { grid-template-columns: 1fr; grid-template-areas: "lead" "second" "third"; }
  .cew-article-card,
  .cew-article-card--lead { min-height: 0; }
  .cew-tool-row { grid-template-columns: 2rem 1fr; }
  .cew-tool-row small { grid-column: 2; }
  .cew-founder__portrait { min-height: 0; }
}

/* Claire resource library */
.cew-library .cew-page-content { background: linear-gradient(180deg, var(--cew-sand) 0%, #fff 32%, var(--cew-sand) 100%); }
.cew-library-intro {
  max-width: 66rem;
  margin: 0 auto clamp(4rem, 9vw, 7rem);
  padding: clamp(2rem, 5vw, 4.5rem);
  text-align: center;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(85,115,125,.18);
  border-radius: 1.4rem;
  box-shadow: 0 22px 65px rgba(44,44,42,.07);
}
.cew-library-intro h2 { max-width: 15ch; margin: .45rem auto 1rem; font-size: clamp(2.6rem, 6vw, 5.4rem); line-height: .97; }
.cew-library-intro > p:not(.cew-kicker) { max-width: 48rem; margin-inline: auto; color: var(--cew-muted); font-size: 1.08rem; }
.cew-library-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; margin-top: 1.75rem; }
.cew-library-jump a {
  padding: .72rem 1rem;
  color: var(--cew-deep);
  background: rgba(214,229,232,.48);
  border: 1px solid rgba(85,115,125,.18);
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-decoration: none;
  text-transform: uppercase;
}
.cew-library-jump a:hover,
.cew-library-jump a:focus-visible { color: #fff; background: var(--cew-deep); }
.cew-featured-tools { margin-bottom: clamp(5rem, 10vw, 9rem); }
.cew-featured-tools__grid { display: grid; grid-template-columns: 1.08fr 1fr 1fr; gap: 1rem; }
.cew-featured-tool {
  position: relative;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  padding: clamp(1.6rem, 3vw, 2.6rem);
  color: var(--cew-ink);
  background: #fff;
  border: 1px solid rgba(85,115,125,.18);
  border-radius: 1.2rem;
  box-shadow: 0 18px 55px rgba(44,44,42,.07);
  text-decoration: none;
}
.cew-featured-tool::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 85% 12%, rgba(167,191,180,.5), transparent 38%);
  pointer-events: none;
}
.cew-featured-tool--foundations { background: linear-gradient(145deg, #fff, rgba(214,229,232,.72)); }
.cew-featured-tool--questions { background: linear-gradient(145deg, #fff, rgba(167,191,180,.4)); }
.cew-featured-tool--transition { background: linear-gradient(145deg, #fff, rgba(232,226,214,.8)); }
.cew-featured-tool > * { position: relative; z-index: 1; }
.cew-featured-tool > span,
.cew-library-card__meta { color: var(--cew-deep); font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.cew-featured-tool h3 { max-width: 12ch; margin: .65rem 0 .7rem; font-size: clamp(2rem, 3.6vw, 3.6rem); line-height: 1; }
.cew-featured-tool p { max-width: 31rem; margin: 0 0 1.4rem; color: var(--cew-muted); }
.cew-featured-tool strong,
.cew-library-card span { color: var(--cew-deep); font-size: .75rem; letter-spacing: .05em; }
.cew-featured-tool:hover,
.cew-featured-tool:focus-visible { transform: translateY(-3px); border-color: rgba(85,115,125,.4); }
.cew-library-section { scroll-margin-top: 6rem; margin-bottom: clamp(5rem, 11vw, 9rem); }
.cew-library-section__head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .7fr);
  align-items: end;
  gap: 2rem;
  margin-bottom: 2rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid rgba(85,115,125,.2);
}
.cew-library-section__head h2 { max-width: 15ch; margin: .4rem 0 0; font-size: clamp(2.6rem, 5vw, 5rem); line-height: .98; }
.cew-library-section__head > p { margin: 0; color: var(--cew-muted); }
.cew-library-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.cew-library-card {
  min-width: 0;
  overflow: hidden;
  color: var(--cew-ink);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(85,115,125,.16);
  border-radius: 1rem;
  box-shadow: 0 14px 42px rgba(44,44,42,.06);
  text-decoration: none;
}
.cew-library-card figure { aspect-ratio: 16 / 10; overflow: hidden; margin: 0; background: var(--cew-morning-fog); }
.cew-library-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.cew-library-card__body { display: flex; min-height: 0; flex-direction: column; padding: 1.45rem; }
.cew-library-card__body h3 { margin: .65rem 0 .8rem; font-size: clamp(1.65rem, 2.5vw, 2.55rem); line-height: 1.05; }
.cew-library-card__body > p:not(.cew-library-card__meta) { margin: 0 0 1.5rem; color: var(--cew-muted); }
.cew-library-card__body span { margin-top: auto; }
.cew-library-card:hover,
.cew-library-card:focus-visible { border-color: rgba(85,115,125,.42); box-shadow: 0 22px 55px rgba(44,44,42,.11); transform: translateY(-3px); }
.cew-library-card:hover img,
.cew-library-card:focus-visible img { transform: scale(1.035); }
.cew-library-boundary {
  margin: 0 0 clamp(2rem, 6vw, 5rem);
  padding: clamp(2.2rem, 5vw, 4.5rem);
  background: linear-gradient(135deg, rgba(214,229,232,.78), rgba(255,255,255,.9));
  border-left: 5px solid var(--cew-deep);
  border-radius: 0 1.2rem 1.2rem 0;
}
.cew-library-boundary h2 { max-width: 18ch; margin: .45rem 0 1rem; font-size: clamp(2.2rem, 4vw, 4rem); }
.cew-library-boundary > p:last-child { max-width: 55rem; margin-bottom: 0; color: var(--cew-muted); }
@media (max-width: 980px) {
  .cew-featured-tools__grid,
  .cew-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cew-featured-tool--foundations { grid-column: 1 / -1; min-height: 0; }
  .cew-library-section__head { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 680px) {
  .cew-library-intro { padding-inline: 1.3rem; }
  .cew-featured-tools__grid,
  .cew-library-grid { grid-template-columns: 1fr; }
  .cew-featured-tool--foundations { grid-column: auto; }
  .cew-library-card__body { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .cew-featured-tool,
  .cew-library-card,
  .cew-library-card img { transition: none; }
}

/* Claire article pages */
.cew-article-hero {
  position: relative;
  min-height: clamp(36rem, 78vh, 52rem);
  display: flex;
  align-items: end;
  isolation: isolate;
  overflow: hidden;
  /* --cew-deep-ink, not --cew-deep. This ground shows on articles with no
     featured image, and the kicker above it is morning fog: on #55737d that
     measured 3.93:1 against the 4.5:1 floor. The ink value takes the same
     pairing to 4.54:1 and lifts the white headline with it, so the fog kicker
     keeps its tint instead of being flattened to white. Where a featured
     image is set, the image and __shade cover this and nothing changes. */
  background: var(--cew-deep-ink);
  color: #fff;
}
.cew-article-hero figure,
.cew-article-hero figure::after { position: absolute; inset: 0; margin: 0; }
.cew-article-hero img { width: 100%; height: 100%; object-fit: cover; }
.cew-article-hero__shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(44,44,42,.08) 10%, rgba(44,44,42,.82) 100%); }
.cew-article-hero__content { position: relative; z-index: 2; width: 100%; padding-block: 8rem 4rem; }
.cew-article-hero__content h1 { max-width: 18ch; margin: .55rem 0 1rem; color: #fff; font-size: clamp(3.2rem, 8vw, 7.5rem); line-height: .93; }
.cew-article-hero__deck { max-width: 48rem; margin: 0; color: rgba(255,255,255,.88); font-size: clamp(1.05rem, 2vw, 1.32rem); }
.cew-article-hero__meta { margin: 1.35rem 0 0; color: rgba(255,255,255,.68); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cew-article-wrap { padding-block: clamp(4rem, 9vw, 8rem); background: linear-gradient(180deg, #fff, var(--cew-sand)); }
.cew-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(17rem, 22rem); gap: clamp(2.5rem, 7vw, 6rem); align-items: start; }
/* Bleed contract, Claire routes. house-bleed.css is deliberately not enqueued
   here (see functions.php), so the 90% interior rule has to be honoured
   locally. The prose column fills its grid track instead of sitting in a 49rem
   middle column; legibility is bought back with fluid type, which is the same
   trade the rest of the fleet makes in house-bleed.css. Do not reintroduce a
   rem or ch cap on .cew-article-prose. */
.cew-article-prose {
  max-width: none;
  color: var(--cew-ink);
  font-size: var(--cew-prose-size, clamp(1.0625rem, 0.92rem + 0.42vw, 1.5rem));
  line-height: var(--cew-prose-lh, clamp(1.5, 1.42 + 0.35vw, 1.72));
}
.cew-article-prose > p:first-child { color: var(--cew-deep); font-size: clamp(1.2rem, 1.02rem + 0.5vw, 1.75rem); line-height: 1.55; }
.cew-article-prose h2 { margin: 3.5rem 0 1rem; font-size: clamp(2.2rem, 4vw, 4rem); line-height: 1; }
.cew-article-prose h3 { margin: 2.4rem 0 .8rem; font-size: clamp(1.6rem, 2.8vw, 2.4rem); }
.cew-article-prose ul,
.cew-article-prose ol { display: grid; gap: .65rem; padding-left: 1.3rem; }
.cew-article-prose blockquote { margin: 2.5rem 0; padding: 1.5rem 1.8rem; background: rgba(214,229,232,.48); border-left: 4px solid var(--cew-deep); }
.cew-article-prose a { color: var(--cew-deep); text-decoration-thickness: 1px; text-underline-offset: .18em; }
.cew-article-aside { position: sticky; top: 2rem; display: grid; gap: 1rem; }
.cew-article-aside .cew-panel { background: rgba(214,229,232,.55); }
.cew-article-aside .cew-panel h2 { margin: .4rem 0 .8rem; font-size: 2rem; }
.cew-article-back { display: block; padding: 1rem 1.15rem; color: var(--cew-deep); background: #fff; border: 1px solid rgba(85,115,125,.2); border-radius: .8rem; font-weight: 700; text-decoration: none; }
.cew-article-next { padding-block: clamp(3rem, 7vw, 5rem); background: var(--cew-morning-fog); }
.cew-article-next > .cew-shell > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.cew-article-next a { display: flex; align-items: center; min-height: 0; padding: 1.4rem; color: var(--cew-ink); background: rgba(255,255,255,.72); border: 1px solid rgba(85,115,125,.17); border-radius: .9rem; font-family: var(--cew-serif); font-size: clamp(1.35rem, 2.5vw, 2.2rem); line-height: 1.08; text-decoration: none; }
.cew-article .sharedaddy { display: none !important; }
@media (max-width: 860px) {
  .cew-article-layout { grid-template-columns: 1fr; }
  .cew-article-aside { position: static; }
}
@media (max-width: 620px) {
  .cew-article-next > .cew-shell > div { grid-template-columns: 1fr; }
}

/* Claire printable resources */
.cew-prose .vov-printable { display: grid; gap: 1rem; }
.cew-prose .vov-printable > header,
.cew-prose .vov-printable > section,
.cew-prose .vov-printable > footer {
  margin: 0;
  padding: clamp(1.6rem, 4vw, 2.8rem);
  overflow: hidden;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(85,115,125,.2);
  border-radius: 1.1rem;
  box-shadow: 0 18px 55px rgba(44,44,42,.07);
}
.cew-prose .vov-printable > header {
  position: relative;
  background: linear-gradient(135deg, rgba(214,229,232,.76), rgba(255,255,255,.96) 64%);
  border-top: 5px solid var(--cew-coastal);
}
.cew-prose .vov-printable > header::after {
  content: "";
  position: absolute;
  right: -4rem;
  bottom: -6rem;
  width: 13rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(167,191,180,.2);
}
.cew-prose .vov-printable > section:nth-of-type(even) { background: rgba(247,244,239,.7); }
.cew-prose .vov-printable h2 { margin: 0 0 1rem; font-size: clamp(2rem, 4vw, 3.35rem); }
.cew-prose .vov-practitioner__eyebrow { margin: 0 0 .7rem; color: var(--cew-deep); font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.cew-prose .vov-print-button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin-top: 0;
  padding: .82rem 1.15rem;
  border-radius: 999px;
  background: var(--cew-deep);
  color: var(--cew-white);
  box-shadow: 0 10px 24px rgba(85,115,125,.18);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}
.cew-prose .vov-print-action { position: relative; z-index: 1; margin: .9rem 0 0; }
.cew-prose .vov-print-button::after { content: " ↗"; margin-left: .45rem; }
.cew-prose .vov-write-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.cew-prose .vov-write-grid p,
.cew-prose .vov-write-lines p {
  min-height: 4.5rem;
  margin: 0;
  padding: .9rem .15rem 2rem;
  color: var(--cew-muted);
  border-bottom: 1px solid rgba(85,115,125,.3);
}
.cew-prose .vov-write-grid p + p,
.cew-prose .vov-write-lines p + p { margin-top: .35rem; }
.cew-prose .vov-write-grid strong { display: block; color: var(--cew-deep); }
.cew-prose .vov-printable__stop { background: var(--cew-morning-fog); border-left: 5px solid var(--cew-deep); }
.cew-prose .vov-printable ol { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; counter-reset: cew-question; }
.cew-prose .vov-printable ol li {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: .8rem;
  align-items: start;
  margin: 0;
  padding: .85rem 1rem;
  background: rgba(214,229,232,.24);
  border-radius: .75rem;
  counter-increment: cew-question;
}
.cew-prose .vov-printable ol li::before { content: counter(cew-question, decimal-leading-zero); color: var(--cew-deep); font-size: .7rem; font-weight: 700; letter-spacing: .08em; }
.cew-prose .vov-printable > footer { background: rgba(167,191,180,.2); border-color: rgba(85,115,125,.24); }
.cew-prose .vov-printable > footer p { margin: 0; }
.cew-prose .vov-printable > footer p + p { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.cew-prose .vov-printable > footer a { display: inline-flex; padding: .68rem .9rem; border: 1px solid rgba(85,115,125,.35); border-radius: 999px; background: rgba(255,255,255,.7); text-decoration: none; }
.cew-prose .vov-printable .vov-print-return { display: none; }
@media (max-width: 680px) {
  .cew-prose .vov-write-grid { grid-template-columns: 1fr; }
  .cew-prose .vov-printable > header,
  .cew-prose .vov-printable > section,
  .cew-prose .vov-printable > footer { border-radius: .8rem; }
}

.cew-prose .cew-reflection-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  margin: 1.2rem 0 0;
  padding: 0;
  list-style: none;
}
.cew-prose .cew-reflection-checks li {
  margin: 0;
  padding: .9rem 1rem;
  background: rgba(214,229,232,.28);
  border: 1px solid rgba(85,115,125,.16);
  border-radius: .8rem;
  color: var(--cew-ink);
}
.cew-prose .cew-foundations-map > section { position: relative; }
.cew-prose .cew-foundations-map > section::before {
  content: "";
  position: absolute;
  inset: .75rem auto .75rem .75rem;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(var(--cew-sea-glass), transparent);
  opacity: .55;
}
@media (max-width: 680px) {
  .cew-prose .cew-reflection-checks { grid-template-columns: 1fr; }
}

/* Keep Claire tools and wellness notes visually quiet at the close. */
body.page-id-151 .sharedaddy,
body.page-id-402 .sharedaddy,
body.page-id-654 .sharedaddy,
body.postid-466 .sharedaddy,
body.postid-467 .sharedaddy,
body.postid-468 .sharedaddy,
body.postid-469 .sharedaddy,
body.postid-470 .sharedaddy,
body.postid-471 .sharedaddy {
  display: none !important;
}

/* Interior Claire pages */
.cew-page-head {
  position: relative;
  isolation: isolate;
  min-height: clamp(27rem, 55vw, 42rem);
  display: flex;
  align-items: end;
  overflow: hidden;
  padding-block: clamp(6rem, 12vw, 10rem) clamp(3.5rem, 7vw, 6rem);
  background: var(--cew-navy);
  color: var(--cew-white);
  border-bottom: 1px solid rgba(255,255,255,.15);
}
.cew-page-head::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--cew-img-body) center 43% / cover no-repeat;
  filter: saturate(.86) contrast(1.04);
}
.cew-page-head::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(44,44,42,.97) 0%, rgba(44,44,42,.78) 44%, rgba(44,44,42,.32) 100%);
}
.cew-page-head .cew-kicker { color: var(--cew-coastal); }
.cew-page-head h1 {
  max-width: 11ch;
  margin: .55rem 0 1rem;
  font-family: var(--cew-display);
  font-size: clamp(3.8rem, 8vw, 8rem);
  font-weight: 400;
  line-height: .91;
  letter-spacing: -.05em;
}
.cew-page-head .cew-hero__deck { max-width: 43rem; color: rgba(255,255,255,.82); }
.cew-page-content { padding-block: clamp(4rem, 9vw, 8rem); background: var(--cew-sand); }
.cew-page-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .55fr); gap: clamp(3rem, 8vw, 8rem); }
.cew-prose { max-width: 52rem; color: var(--cew-charcoal); font-size: 1.04rem; }
.cew-prose > * + * { margin-top: 1.25rem; }
.cew-prose h2,
.cew-prose h3 { color: var(--cew-navy); font-family: var(--cew-display); font-weight: 500; line-height: 1.04; }
.cew-prose h2 { font-size: clamp(2.4rem, 4.5vw, 4.6rem); letter-spacing: -.035em; }
.cew-prose h3 { font-size: clamp(1.7rem, 3vw, 2.7rem); }
.cew-prose a { color: var(--cew-deep); text-underline-offset: .2em; }
.cew-panel {
  padding: 1.7rem;
  background: rgba(255,255,255,.9);
  border: 1px solid var(--cew-line);
  border-top: 4px solid var(--cew-coastal);
  box-shadow: 0 18px 50px rgba(44,44,42,.08);
}
.cew-panel + .cew-panel { margin-top: 1rem; }
.cew-panel h2,
.cew-panel h3 { margin-top: 0; color: var(--cew-navy); font-family: var(--cew-display); font-weight: 500; }
.cew-state {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .48rem .72rem;
  background: rgba(167,191,180,.42);
  color: var(--cew-navy);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
}
.cew-state::before { content: ""; width: .55rem; aspect-ratio: 1; border-radius: 50%; background: var(--cew-deep); }
.cew-resource-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.cew-resource {
  padding: 1.6rem;
  border: 1px solid var(--cew-line);
  background: var(--cew-white);
  box-shadow: 0 14px 40px rgba(44,44,42,.07);
}
.cew-resource h2,
.cew-resource h3 { color: var(--cew-navy); }
.cew-resource:nth-child(2n) { border-top: 4px solid var(--cew-seaglass); }
.cew-resource:nth-child(2n+1) { border-top: 4px solid var(--cew-coastal); }

.cew-footer { background: var(--cew-navy); color: var(--cew-white); }
.cew-footer__inner {
  width: var(--cew-shell);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
  padding-block: clamp(4rem, 8vw, 7rem);
}
.cew-footer__brand { max-width: 25rem; }
.cew-footer__title { margin: 0 0 .8rem; color: var(--cew-white); font-family: var(--cew-display); font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1; }
.cew-footer__brand p:not(.cew-footer__title) { max-width: 37rem; margin: 0; color: rgba(255,255,255,.78); }
.cew-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: start; gap: 1rem 1.4rem; }
.cew-footer a { color: var(--cew-coastal); text-underline-offset: .3em; }
.cew-footer__meta { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 1rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.56); font-size: .7rem; letter-spacing: .05em; }

@media (max-width: 980px) {
  .cew-masthead__inner,
  .cew-intro__grid,
  .cew-gateway__head,
  .cew-principles__grid,
  .cew-page-grid,
  .cew-footer__inner { grid-template-columns: 1fr; }
  .cew-masthead__inner { padding-block: 1rem; }
  .cew-brand { width: min(18rem, 76vw); }
  .claire-nav__list,
  .cew-fallback-nav { justify-content: flex-start; overflow-x: auto; padding-bottom: .5rem; }
  .cew-boundary { flex-direction: column; }
  .cew-gateway-grid { grid-template-columns: 1fr 1fr; grid-template-areas: "body body" "resources about" "services services"; }
  .cew-gateway-card--body { min-height: 38rem; }
  .cew-footer nav { justify-content: flex-start; }
}
@media (max-width: 680px) {
  .cew-art-hero { min-height: 38rem; }
  .cew-art-hero::after { background: linear-gradient(0deg, rgba(44,44,42,.98) 0%, rgba(44,44,42,.78) 68%, rgba(44,44,42,.28) 100%); }
  .cew-art-hero__inner { padding-top: 10rem; }
  .cew-art-hero h1 { font-size: clamp(3rem, 14vw, 4.75rem); line-height: .98; }
  .cew-actions { align-items: stretch; }
  body.cew-mode .cew-button { flex: 1 1 12rem; }
  .cew-art-hero__note { line-height: 1.5; }
  .cew-gateway-grid { grid-template-columns: 1fr; grid-template-areas: "body" "resources" "about" "services"; }
  .cew-gateway-card,
  .cew-gateway-card--body,
  .cew-gateway-card--services { min-height: 27rem; }
  .cew-resource-grid { grid-template-columns: 1fr; }
  .cew-footer__meta { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .cew-gateway-card::before,
  body.cew-mode .cew-button { transition: none; }
  .cew-gateway-card:hover::before,
  body.cew-mode .cew-button:hover { transform: none; }
}
@media (forced-colors: active) {
  .cew-art-hero::before,
  .cew-page-head::before,
  .cew-gateway-card::before { display: none; }
  .cew-art-hero,
  .cew-page-head,
  .cew-gateway-card { border: 1px solid CanvasText; }
}
@media print {
  .cew-masthead nav,
  .cew-boundary,
  .cew-footer,
  .cew-button { display: none !important; }
  body.cew-mode { background: #fff; color: #000; }
  .cew-art-hero,
  .cew-page-head,
  .cew-gateway { background: #fff !important; color: #000 !important; min-height: auto; }
  .cew-art-hero::before,
  .cew-art-hero::after,
  .cew-page-head::before,
  .cew-page-head::after,
  .cew-gateway-card::before,
  .cew-gateway-card::after { display: none !important; }
}

/* 2026-07-28 Claire ecosystem restoration: owner-selected Drive imagery. */
:root {
  --cew-img-logo: none;
  --cew-img-hero: url("https://vanityvice.blog/wp-content/uploads/2026/07/Claire-Elise-Wellness-—-grounded-transition.jpg?w=2400&quality=85");
  --cew-img-body: url("https://vanityvice.blog/wp-content/uploads/2026/07/Claire-Elise-Wellness-—-trust-your-observations.jpg?w=2000&quality=85");
  --cew-img-resources: url("https://vanityvice.blog/wp-content/uploads/2026/07/Claire-Elise-Wellness-—-nourishment.jpg?w=1600&quality=85");
  --cew-img-about: url("https://vanityvice.blog/wp-content/uploads/2026/07/Claire-Elise-Wellness-—-mountain-lake.jpg?w=1600&quality=85");
  --cew-img-services: url("https://vanityvice.blog/wp-content/uploads/2026/07/Claire-Elise-Wellness-—-sleep-environment.jpg?w=2000&quality=85");
  --cew-img-founder: url("https://vanityvice.blog/wp-content/uploads/2026/07/Claire-Elise-Wellness-—-hormone-language.jpg?w=2000&quality=85");
  --cew-img-ripple: url("https://vanityvice.blog/wp-content/uploads/2026/07/Claire-Elise-Wellness-—-water-ripple.jpg?w=1800&quality=85");
}

.cew-brand-art {
  aspect-ratio: auto;
  min-height: 2.6rem;
  background: none;
}
.cew-brand-art::before {
  content: "Claire Elise Wellness";
  display: block;
  color: var(--cew-charcoal);
  font-family: var(--cew-display);
  font-size: clamp(1.25rem, 2.3vw, 2rem);
  letter-spacing: -.02em;
}
.cew-brand-art::after {
  content: "A calm place for clearer questions";
  display: block;
  margin-top: .18rem;
  color: var(--cew-deep);
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cew-app-feature {
  position: relative;
  padding-block: clamp(5rem, 10vw, 9rem);
  overflow: hidden;
  background: var(--cew-morning-fog);
}
.cew-app-feature::after {
  content: "";
  position: absolute;
  right: -10rem;
  bottom: -14rem;
  width: 34rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(167,191,180,.55);
  filter: blur(1px);
}
.cew-app-feature__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, .92fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: center;
}
.cew-app-feature__visual {
  min-height: clamp(34rem, 62vw, 54rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.6rem, 4vw, 3.2rem);
  background:
    linear-gradient(0deg, rgba(44,44,42,.9), rgba(44,44,42,.02) 68%),
    var(--cew-img-body) center / cover no-repeat;
  color: var(--cew-white);
  box-shadow: var(--cew-shadow);
}
.cew-app-feature__visual span {
  margin-bottom: .5rem;
  color: var(--cew-morning-fog);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.cew-app-feature__visual strong {
  max-width: 18ch;
  font-family: var(--cew-display);
  font-size: clamp(2rem, 4vw, 4.4rem);
  font-weight: 400;
  line-height: .98;
}
.cew-app-feature__copy h2 {
  max-width: 12ch;
  margin: .7rem 0 1.2rem;
  font-family: var(--cew-display);
  font-size: clamp(3rem, 6vw, 6.7rem);
  font-weight: 400;
  line-height: .93;
  letter-spacing: -.045em;
}
.cew-app-feature__copy > p:not(.cew-kicker) { max-width: 42rem; color: var(--cew-charcoal); font-size: 1.08rem; line-height: 1.75; }
.cew-app-feature__steps { margin: 2rem 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(44,44,42,.22); }
.cew-app-feature__steps li { display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(44,44,42,.22); }
.cew-app-feature__steps span { color: var(--cew-deep); font-size: .7rem; font-weight: 700; letter-spacing: .1em; }
.cew-app-feature__steps strong { font-family: var(--cew-display); font-size: 1.4rem; font-weight: 500; }
.cew-app-feature__steps p { margin: .2rem 0 0; color: var(--cew-muted); }
.cew-app-feature .cew-button { border-color: var(--cew-charcoal); background: var(--cew-charcoal); color: var(--cew-white); }
.cew-app-feature .cew-button--quiet { background: transparent; color: var(--cew-charcoal); }

.cew-page-head::before { background-image: var(--cew-img-ripple); }

@media (max-width: 980px) {
  .cew-app-feature__grid { grid-template-columns: 1fr; }
  .cew-app-feature__visual { min-height: 36rem; }
}
@media (max-width: 680px) {
  .cew-app-feature__visual { min-height: 28rem; }
}

@media print {
  body.vov-print-map * { visibility: hidden !important; }
  body.vov-print-map .vov-printable,
  body.vov-print-map .vov-printable * { visibility: visible !important; }
  body.vov-print-map .vov-printable { position: absolute; left: 0; top: 0; width: 100%; }
  body.vov-print-map .vov-printable > header,
  body.vov-print-map .vov-printable > section,
  body.vov-print-map .vov-printable > footer { margin: 0 0 1rem; padding: 1rem 0; border: 0; border-top: 1px solid #c4b8a5; box-shadow: none; }
  body.vov-print-map .vov-print-button,
  body.vov-print-map .vov-screen-return { display: none !important; }
  body.vov-print-map .vov-print-return {
    display: block !important;
    margin-top: .8rem;
    padding-top: .8rem;
    color: #55737d;
    border-top: 1px solid #c4b8a5;
    font-size: 10pt;
    letter-spacing: .01em;
  }
}

/* ---- Selectable Claire page / article templates (not Vanity or Vice) ---- */
.cew-tpl-landing {
  padding: clamp(3.5rem, 9vw, 7rem) 0 clamp(2.5rem, 6vw, 4rem);
  background: linear-gradient(180deg, rgba(214,229,232,.55), var(--cew-sand) 70%);
  border-bottom: 1px solid var(--cew-line);
}
.cew-tpl-landing__inner { max-width: 48rem; }
.cew-tpl-landing h1 {
  margin: .55rem 0 1rem;
  font-family: var(--cew-display);
  font-size: clamp(2.6rem, 6vw, 4.8rem);
  line-height: 1.02;
  color: var(--cew-charcoal);
}
.cew-tpl-landing__deck {
  margin: 0 0 1.4rem;
  max-width: 40rem;
  font-size: clamp(1.05rem, 2vw, 1.28rem);
  line-height: 1.55;
  color: var(--cew-deep);
}
.cew-tpl-landing__note {
  margin: 1.25rem 0 0;
  color: var(--cew-muted);
  font-size: .78rem;
  letter-spacing: .04em;
}
.cew-tpl-faq__prose h2 {
  margin-top: 2.4rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--cew-line);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  line-height: 1.2;
}
.cew-tpl-faq__prose h2:first-of-type { margin-top: 1rem; border-top: 0; padding-top: 0; }
.cew-tpl-series__intro { max-width: 48rem; margin-bottom: 1rem; }
.cew-tpl-series__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}
.cew-tpl-series__card {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  min-height: 11rem;
  padding: 1.25rem 1.3rem;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(85,115,125,.18);
  border-radius: 1rem;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 12px 32px rgba(44,44,42,.06);
}
.cew-tpl-series__card:hover { border-color: var(--cew-coastal); transform: translateY(-1px); }
.cew-tpl-series__card h3 {
  margin: 0;
  font-family: var(--cew-display);
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
  line-height: 1.12;
}
.cew-tpl-series__card p { margin: 0; color: var(--cew-muted); font-size: .95rem; line-height: 1.5; }
.cew-tpl-print__actions { margin: 0 0 1.5rem; }
.cew-tpl-prep__banner {
  padding: clamp(1.4rem, 3vw, 2rem);
  background: linear-gradient(135deg, rgba(214,229,232,.75), rgba(255,255,255,.95));
  border: 1px solid rgba(85,115,125,.18);
  border-radius: 1.1rem;
  border-top: 4px solid var(--cew-coastal);
}
.cew-tpl-prep__banner > p:not(.cew-kicker) {
  margin: .6rem 0 1.1rem;
  max-width: 42rem;
  color: var(--cew-deep);
  font-size: 1.05rem;
  line-height: 1.55;
}
.cew-tpl-article-head {
  padding: clamp(3rem, 7vw, 5rem) 0 2rem;
  background: linear-gradient(180deg, rgba(214,229,232,.5), var(--cew-sand));
  border-bottom: 1px solid var(--cew-line);
}
.cew-tpl-article-head h1 {
  margin: .5rem 0 1rem;
  max-width: 18ch;
  font-family: var(--cew-display);
  font-size: clamp(2.6rem, 6vw, 4.6rem);
  line-height: 1.02;
}
.cew-tpl-article-head__deck {
  margin: 0 0 1rem;
  max-width: 42rem;
  color: var(--cew-deep);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.55;
}
.cew-tpl-article-head__meta {
  margin: 0;
  color: var(--cew-muted);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cew-tpl-article-head--prep .cew-actions { margin-top: 1.25rem; }
.cew-tpl-article-figure {
  margin: 0 auto;
  padding: 1.5rem 0 0;
}
.cew-tpl-article-figure img {
  display: block;
  width: 100%;
  max-height: 28rem;
  object-fit: cover;
  border-radius: 1rem;
}
.cew-article-layout--long { grid-template-columns: minmax(0, 1fr) minmax(15rem, 20rem); }
.cew-tpl-note {
  max-width: 42rem;
  margin: clamp(2.5rem, 6vw, 4.5rem) auto;
  padding: clamp(1.6rem, 4vw, 2.4rem);
  background: #fff;
  border: 1px solid rgba(85,115,125,.16);
  border-radius: 1.15rem;
  box-shadow: 0 18px 48px rgba(44,44,42,.07);
}
.cew-tpl-note h1 {
  margin: .45rem 0 .75rem;
  font-family: var(--cew-display);
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  line-height: 1.08;
}
.cew-tpl-note__meta {
  margin: 0 0 1.4rem;
  color: var(--cew-muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cew-tpl-note__foot {
  display: grid;
  gap: .75rem;
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--cew-line);
  color: var(--cew-muted);
  font-size: .92rem;
}
.cew-tpl-note__foot a { color: var(--cew-deep); font-weight: 700; text-decoration: none; }
@media print {
  .cew-hybrid, .no-print, .cew-tpl-print__actions { display: none !important; }
  .cew-tpl-print .cew-page-grid { display: block; }
}
@media (max-width: 860px) {
  .cew-article-layout--long { grid-template-columns: 1fr; }
}

/* ------------------------------------------------------------------
   Refined Coastal polish — Claire only (beats Vanity type floors)
   ------------------------------------------------------------------ */
body.cew-mode {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background:
    radial-gradient(1200px 480px at 8% -10%, rgba(214, 229, 232, .55), transparent 58%),
    radial-gradient(900px 420px at 92% 0%, rgba(167, 191, 180, .22), transparent 50%),
    var(--cew-sand);
}
body.cew-mode h1,
body.cew-mode h2,
body.cew-mode h3,
body.cew-mode .cew-article-prose h2,
body.cew-mode .cew-article-prose h3,
body.cew-mode .cew-panel h2 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.03em;
}
html body.cew-mode .cew-art-hero h1 {
  font-size: clamp(3.2rem, 7vw, 6.6rem) !important;
  line-height: 0.95 !important;
  font-weight: 400 !important;
  max-width: 12ch;
}
html body.cew-mode .cew-intro h2,
html body.cew-mode .cew-app-feature__copy h2,
html body.cew-mode .cew-section-head h2,
html body.cew-mode .cew-gateway__head h2,
html body.cew-mode .cew-principles h2,
html body.cew-mode .cew-founder h2 {
  font-size: clamp(2.8rem, 5.8vw, 5.8rem) !important;
  line-height: 0.96 !important;
  font-weight: 400 !important;
}
html body.cew-mode .cew-article-hero__content h1 {
  font-size: clamp(2.9rem, 6.5vw, 5.8rem) !important;
  line-height: 0.96 !important;
  font-weight: 400 !important;
}
html body.cew-mode .cew-article-card h3,
html body.cew-mode .cew-gateway-card h3 {
  font-size: clamp(2rem, 3.8vw, 3.8rem) !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}
html body.cew-mode .cew-kicker,
html body.cew-mode p.cew-kicker {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.16em !important;
  font-weight: 700 !important;
}
html body.cew-mode main p {
  max-width: none;
}
body.cew-mode .cew-button {
  border-radius: 999px;
  padding-inline: 1.35rem;
  box-shadow: 0 10px 28px rgba(44, 44, 42, 0.08);
}
body.cew-mode .cew-button--quiet {
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.55);
}
body.cew-mode .cew-app-feature .cew-button--quiet {
  border-color: rgba(44, 44, 42, 0.28);
}
body.cew-mode .cew-article-card,
body.cew-mode .cew-gateway-card,
body.cew-mode .cew-app-feature__visual,
body.cew-mode .cew-panel,
body.cew-mode .cew-tpl-note {
  border-radius: 1.15rem;
}
body.cew-mode .cew-article-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
body.cew-mode .cew-article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(44, 44, 42, 0.08);
}
body.cew-mode .cew-panel {
  padding: 1.35rem 1.4rem;
  border: 1px solid rgba(85, 115, 125, 0.16);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 36px rgba(44, 44, 42, 0.05);
}
body.cew-mode .cew-panel--soft {
  background: linear-gradient(160deg, rgba(214, 229, 232, 0.72), rgba(255, 255, 255, 0.92));
}
body.cew-mode .cew-article-hero {
  border-bottom: 1px solid rgba(44, 44, 42, 0.08);
}
body.cew-mode .cew-article-prose > p:first-child {
  /* Tracks the fluid lede scale set with the bleed contract above, so the
     opening paragraph keeps its lead over body copy at every width. */
  font-size: clamp(1.2rem, 1.02rem + 0.5vw, 1.75rem);
  color: var(--cew-deep);
}
body.cew-mode .cew-article-prose h2 {
  font-family: "Playfair Display", Georgia, serif;
  color: var(--cew-charcoal);
}
body.cew-mode .cew-boundary,
body.cew-mode .cew-hybrid__boundary {
  letter-spacing: 0.1em;
}
body.cew-mode .cew-art-hero::after {
  background:
    linear-gradient(95deg, rgba(44, 44, 42, 0.92) 0%, rgba(44, 44, 42, 0.72) 36%, rgba(44, 44, 42, 0.28) 64%, rgba(44, 44, 42, 0.08) 100%),
    linear-gradient(0deg, rgba(44, 44, 42, 0.72) 0%, transparent 48%);
}
body.cew-mode .cew-gateway {
  background:
    linear-gradient(180deg, rgba(44, 44, 42, 0.04), transparent 18%),
    #2c2c2a;
}
body.cew-mode .cew-gateway-card {
  border-radius: 1.15rem;
}
body.cew-mode .cew-intro {
  background: transparent;
}
body.cew-mode .cew-latest {
  background: rgba(255, 255, 255, 0.72);
  border-block: 1px solid rgba(196, 184, 165, 0.35);
}
/* Claire brand restoration: keep the shared WordPress install from leaking Vanity tokens into Claire routes. */
body.cew-mode {
  --wp--preset--color--garnet-900: var(--cew-charcoal);
  --wp--preset--color--garnet-700: var(--cew-deep);
  --wp--preset--color--garnet-500: var(--cew-coastal);
  --wp--preset--color--garnet-300: var(--cew-morning-fog);
  --wp--preset--color--garnet-100: var(--cew-driftwood);
  --wp--preset--color--lacquer-900: var(--cew-charcoal);
  --wp--preset--color--lacquer-700: var(--cew-deep);
  --wp--preset--color--lacquer-500: var(--cew-coastal);
  --wp--preset--color--brass-900: var(--cew-charcoal);
  --wp--preset--color--brass-700: var(--cew-warm-sand);
  --wp--preset--color--brass-500: var(--cew-warm-sand);
}
body.cew-mode .wp-element-button,
body.cew-mode .wp-block-button__link {
  background: var(--cew-deep) !important;
  color: var(--cew-white) !important;
}
body.cew-mode .wp-element-button:hover,
body.cew-mode .wp-block-button__link:hover {
  background: var(--cew-charcoal) !important;
}
/* Refined Coastal palette enforcement — Claire routes only.
   Sand/White carry the surfaces; Charcoal carries reading text; Deep Coastal carries actions;
   Coastal Blue, Sea Glass, Morning Fog, Driftwood, Warm Sand, and Sage are controlled accents. */
body.cew-mode {
  background: var(--cew-sand);
  color: var(--cew-charcoal);
}
body.cew-mode .cew-hybrid {
  background: rgba(247, 244, 239, .985);
  border-bottom-color: var(--cew-driftwood);
}
body.cew-mode .cew-hybrid__boundary {
  background: var(--cew-deep);
  color: var(--cew-white);
}
body.cew-mode .cew-hybrid__boundary a { color: var(--cew-morning-fog); }
body.cew-mode .cew-hybrid__pillars {
  background: var(--cew-white);
  border-color: var(--cew-driftwood);
}
body.cew-mode .cew-hybrid__pillars a,
body.cew-mode .cew-hybrid__pillars button { color: var(--cew-charcoal); }
body.cew-mode .cew-hybrid__pillars a:hover,
body.cew-mode .cew-hybrid__pillars a:focus-visible,
body.cew-mode .cew-hybrid__pillars button:hover,
body.cew-mode .cew-hybrid__pillars button:focus-visible { color: var(--cew-deep); }

body.cew-mode .cew-art-hero {
  min-height: clamp(34rem, 68vh, 44rem);
  background: var(--cew-deep);
}
body.cew-mode .cew-art-hero::after {
  background:
    linear-gradient(94deg, rgba(85,115,125,.96) 0%, rgba(85,115,125,.86) 35%, rgba(142,174,184,.48) 62%, rgba(214,229,232,.12) 100%),
    linear-gradient(0deg, rgba(44,44,42,.44) 0%, transparent 48%);
}
body.cew-mode .cew-art-hero__inner {
  padding-block: clamp(2.5rem, 6vw, 4.25rem) clamp(2.5rem, 5vw, 3.75rem);
}
html body.cew-mode .cew-art-hero h1 {
  color: var(--cew-white) !important;
  font-size: clamp(2.9rem, 6vw, 5.65rem) !important;
  margin-top: 0;
}
body.cew-mode .cew-art-hero .cew-kicker,
body.cew-mode .cew-art-hero__note { color: var(--cew-morning-fog); }
body.cew-mode .cew-art-hero__deck { color: rgba(255,255,255,.92); }
body.cew-mode .cew-art-hero .cew-actions { margin-top: 1.35rem; }
body.cew-mode .cew-art-hero .cew-button {
  background: var(--cew-white);
  border-color: var(--cew-white);
  color: var(--cew-deep);
}
body.cew-mode .cew-art-hero .cew-button--quiet {
  background: rgba(167,191,180,.18);
  border-color: var(--cew-seaglass);
  color: var(--cew-white);
}
body.cew-mode .cew-art-hero__note { margin-top: 1.25rem; }

body.cew-mode .cew-intro {
  background: var(--cew-sand);
  border-bottom: 1px solid var(--cew-driftwood);
}
body.cew-mode .cew-app-feature { background: var(--cew-morning-fog); }
body.cew-mode .cew-app-feature__visual,
body.cew-mode .cew-app-feature__copy {
  border-color: var(--cew-warm-sand);
}
body.cew-mode .cew-latest {
  background: var(--cew-white);
  border-block: 1px solid var(--cew-driftwood);
}
body.cew-mode .cew-article-grid {
  background: var(--cew-warm-sand);
  border-color: var(--cew-warm-sand);
}
body.cew-mode .cew-article-card { background: var(--cew-sand); }
body.cew-mode .cew-article-card:nth-child(2),
body.cew-mode .cew-article-card:nth-child(3) { background: var(--cew-white); }
body.cew-mode .cew-article-card--lead { background: var(--cew-morning-fog); }

body.cew-mode .cew-gateway {
  background: var(--cew-deep);
  color: var(--cew-white);
}
body.cew-mode .cew-gateway__head .cew-kicker,
body.cew-mode .cew-gateway__head h2,
body.cew-mode .cew-gateway__head p { color: var(--cew-white); }
body.cew-mode .cew-founder__copy > .cew-kicker { color: var(--cew-charcoal); }
body.cew-mode .cew-gateway-card {
  background: var(--cew-deep);
  box-shadow: inset 0 0 0 1px rgba(214,229,232,.22);
}
body.cew-mode .cew-gateway-card::after {
  background: linear-gradient(180deg, rgba(85,115,125,.08) 14%, rgba(85,115,125,.72) 66%, rgba(44,44,42,.94) 100%);
}
body.cew-mode .cew-gateway-card__eyebrow { color: var(--cew-morning-fog); }

body.cew-mode .cew-tools { background: var(--cew-sand); }
body.cew-mode .cew-tool-list,
body.cew-mode .cew-tool-row { border-color: var(--cew-warm-sand); }
body.cew-mode .cew-founder { background: var(--cew-driftwood); }
body.cew-mode .cew-principles { background: var(--cew-white); }
body.cew-mode .cew-principle-list,
body.cew-mode .cew-principle-list article { border-color: var(--cew-warm-sand); }
body.cew-mode .cew-principle-list span { color: var(--cew-deep); }

/* Interior pages and Claire articles must carry the same palette, not Vanity's publication colors. */
body.cew-mode .cew-page-head {
  background: linear-gradient(135deg, var(--cew-morning-fog) 0%, var(--cew-sand) 72%);
  color: var(--cew-charcoal);
  border-bottom: 1px solid var(--cew-warm-sand);
}
body.cew-mode .cew-page-head .cew-kicker { color: var(--cew-deep); }
body.cew-mode .cew-page-content,
body.cew-mode .cew-library .cew-page-content {
  background: var(--cew-sand);
  color: var(--cew-charcoal);
}
body.cew-mode .cew-panel,
body.cew-mode .cew-library-intro,
body.cew-mode .cew-resource-journal .cew-article-card {
  background: var(--cew-white);
  border-color: var(--cew-warm-sand);
}
body.cew-mode .cew-panel--soft,
body.cew-mode .cew-editorial-note { background: var(--cew-morning-fog); }
body.cew-mode .cew-state,
body.cew-mode .cew-library-jump a {
  color: var(--cew-deep);
  background: rgba(167,191,180,.28);
  border-color: var(--cew-seaglass);
}
body.cew-mode .cew-article-hero {
  /* The ink value of the teal, for the same reason as the base rule far above:
     the fog kicker sitting on this ground measured 3.93:1 against a 4.5:1
     floor, and 4.54:1 here. This rule is the one that decides it — it is later
     and more specific than .cew-article-hero, so setting it in only one place
     left the ground unchanged. */
  background-color: var(--cew-deep-ink);
  border-bottom-color: var(--cew-warm-sand);
}
body.cew-mode .cew-article-hero__content,
body.cew-mode .cew-article-hero__content h1 { color: var(--cew-white); }
body.cew-mode .cew-article-hero__content .cew-kicker { color: var(--cew-morning-fog); }
body.cew-mode .cew-article-prose,
body.cew-mode .cew-prose { color: var(--cew-charcoal); }
body.cew-mode .cew-article-prose a,
body.cew-mode .cew-prose a,
body.cew-mode .cew-page-content a:not(.cew-button) { color: var(--cew-deep); }
body.cew-mode blockquote { border-left-color: var(--cew-sage); }
body.cew-mode input,
body.cew-mode select,
body.cew-mode textarea {
  background: var(--cew-white);
  color: var(--cew-charcoal);
  border-color: var(--cew-warm-sand);
}
body.cew-mode input:focus,
body.cew-mode select:focus,
body.cew-mode textarea:focus {
  border-color: var(--cew-coastal);
  outline-color: rgba(142,174,184,.35);
}
body.cew-mode .cew-footer {
  background: var(--cew-charcoal);
  color: var(--cew-sand);
  border-top: 4px solid var(--cew-sage);
}
body.cew-mode .cew-footer a { color: var(--cew-morning-fog); }

@media (max-width: 720px) {
  body.cew-mode .cew-art-hero { min-height: auto; }
  body.cew-mode .cew-art-hero__inner { padding-block: 2.2rem 2.5rem; }
  html body.cew-mode .cew-art-hero h1 { font-size: clamp(2.55rem, 12vw, 4rem) !important; }
  body.cew-mode .cew-art-hero .cew-actions { gap: .55rem; margin-top: 1rem; }
  body.cew-mode .cew-art-hero .cew-button { min-height: 3rem; }
}

/* ——————————————————————————————————————————————————————————————
   Deep teal text on a morning-fog ground.

   --cew-deep #55737d is right on sand (4.63:1) and white (5.08:1), which is
   where most of it lives and what claire-identity.css measured it against.
   On morning fog #d6e5e8 the same value is 3.93:1, under the 4.5:1 floor for
   small copy — and fog is exactly the ground these panels use. Measured on
   the audit: the "Private by design" note and the kicker on
   /hormones-wellness-life-changes/ both landed there.

   The panels below are the fog grounds in this sheet. Rebinding --cew-deep to
   its on-light text value inside them fixes every `color: var(--cew-deep)`
   they contain at once, and leaves the token alone everywhere else. Borders
   and rules that also read it darken by the same small step, which only
   deepens a hairline. --cew-deep itself is unchanged.
   —————————————————————————————————————————————————————————————— */
.cew-editorial-note,
.cew-article-next,
.cew-article-card--lead,
.cew-library-jump a,
.cew-panel--soft,
.cew-prose .vov-printable__stop,
body.cew-mode .cew-app-feature,
body.cew-mode .cew-panel--soft,
body.cew-mode .cew-editorial-note,
body.cew-mode .cew-article-card--lead {
  --cew-deep: var(--cew-deep-ink);
}