/* Visual23 candidate. Only main[data-visual23] on the two reviewed prototypes.
   The shared header, dialogs, footer, optical field and five old pages are untouched. */
.subpage main.editorial-page[data-visual23]{
  --e23-ink:#173f35;--e23-muted:#4f6859;--e23-line:#bdcdb7;--e23-sage:#e7eee2;
  max-width:1440px;padding:168px clamp(28px,7vw,112px) 108px;
  color:var(--e23-ink);font-family:OnestClinic,Arial,sans-serif;
}
.subpage .editorial-page[data-visual23] .page-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:9px 12px;
  margin:0 0 37px;font-size:14px;line-height:1.5;color:var(--e23-muted);
}
.subpage .editorial-page[data-visual23] .page-breadcrumb a{padding-bottom:2px;border-bottom-color:#9eb59d}
.subpage .editorial-page[data-visual23] .page-breadcrumb [aria-current]{max-width:100%}
.subpage .editorial-page[data-visual23] .editorial-hero{
  display:block;padding:0 0 52px;margin:0;border-bottom:1px solid var(--e23-line);
}
.subpage .editorial-page[data-visual23] .editorial-hero h1{
  font-family:GeologicaClinic,Arial,sans-serif;font-weight:400;
  font-size:clamp(60px,6.8vw,96px);line-height:1.035;letter-spacing:-.057em;
  margin:0;max-width:19ch;color:var(--e23-ink);text-wrap:balance;
  overflow-wrap:normal;word-break:normal;
}
.subpage .editorial-page[data-visual23] .editorial-lead{
  font-family:OnestClinic,Arial,sans-serif;font-weight:400;
  font-size:clamp(21px,1.95vw,26px);line-height:1.55!important;
  max-width:65ch;margin:30px 0 0;color:var(--e23-muted);
}
.subpage .editorial-page[data-visual23=article] .editorial-hero h1{
  font-size:clamp(48px,5.15vw,74px);line-height:1.12;letter-spacing:-.047em;max-width:27ch;
}
.subpage .editorial-page[data-visual23=article] .editorial-lead{max-width:64ch;font-size:24px;line-height:1.6!important}
.subpage .editorial-page[data-visual23] .editorial-reading{
  display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(44px,5vw,78px);
  align-items:start;padding:48px 0 60px;
}
.subpage .editorial-page[data-visual23] .article-body{
  min-width:0;max-width:70ch;font-size:20px;line-height:1.75;color:var(--e23-ink);
}
.subpage .editorial-page[data-visual23] .article-body h2{
  font-family:GeologicaClinic,Arial,sans-serif;font-size:clamp(28px,2.45vw,35px);
  line-height:1.22;letter-spacing:-.04em;font-weight:430;
  margin:53px 0 18px;color:var(--e23-ink);scroll-margin-top:136px;text-wrap:balance;
}
.subpage .editorial-page[data-visual23] .article-body h2:first-child{margin-top:0}
.subpage .editorial-page[data-visual23] .article-body p{
  font-size:inherit;line-height:1.75;margin:0 0 24px;color:inherit;
}
.subpage .editorial-page[data-visual23] .editorial-status{
  margin:0 0 47px;padding:4px 0 4px 22px;background:transparent;
  border-left:3px solid #8ba77b;border-radius:0;
}
.subpage .editorial-page[data-visual23] .editorial-status p{
  font-size:17px;line-height:1.65;margin:0;color:var(--e23-muted);
}
.subpage .editorial-page[data-visual23=article] [data-cms-body]>h2:first-child+p{
  font-size:21px;line-height:1.7;margin:0 0 42px;padding:26px 28px;
  background:var(--e23-sage);border-radius:0 22px 22px 22px;color:var(--e23-ink);
}
.subpage .editorial-page[data-visual23] .editorial-aside{
  position:sticky;top:130px;display:flex;align-items:stretch;gap:18px;
  padding:28px 25px 26px;border:0;border-radius:24px;background:var(--e23-sage);
}
.subpage .editorial-page[data-visual23] .editorial-aside h2{
  font-family:GeologicaClinic,Arial,sans-serif;font-size:29px;font-weight:430;
  letter-spacing:-.045em;line-height:1.17;margin:0;color:var(--e23-ink);
}
.subpage .editorial-page[data-visual23] .editorial-aside p{
  font-size:16px;line-height:1.65!important;margin:0;color:var(--e23-muted);
}
.subpage .editorial-page[data-visual23] .editorial-aside .button{
  width:100%;justify-content:space-between;min-height:52px;margin:3px 0 0;
  padding:15px 18px;font-size:15px;
}
.subpage .editorial-page[data-visual23] .editorial-aside .line-link{
  display:inline-flex;align-self:flex-start;font-size:15px;line-height:1.45;
}
.subpage .editorial-page[data-visual23] .editorial-aside nav{
  display:flex;flex-direction:column;gap:0;margin-top:7px;padding-top:16px;
  border-top:1px solid #b8cbb1;font-size:15px;line-height:1.4;
}
.subpage .editorial-page[data-visual23] .editorial-aside nav a{
  padding:10px 0;border:0;color:var(--e23-muted);
}
.subpage .editorial-page[data-visual23] .editorial-aside nav a:hover{color:var(--e23-ink);text-decoration:underline;text-underline-offset:4px}
.subpage .editorial-page[data-visual23=article] .editorial-aside{
  border-top:2px solid #8ba77b;border-radius:0;background:transparent;padding:25px 0 0;
}
.subpage .editorial-page[data-visual23] .editorial-faq{margin-top:50px;padding:0 0 30px}
.subpage .editorial-page[data-visual23] .editorial-faq>h2{margin:0 0 15px}
.subpage .editorial-page[data-visual23] .editorial-faq details{padding:0;border-bottom:1px solid var(--e23-line)}
.subpage .editorial-page[data-visual23] .editorial-faq summary{
  position:relative;display:block;list-style:none;padding:23px 42px 23px 0;
  font-family:OnestClinic,Arial,sans-serif;font-size:21px;font-weight:500;
  line-height:1.45;color:var(--e23-ink);cursor:pointer;
}
.subpage .editorial-page[data-visual23] .editorial-faq summary::-webkit-details-marker{display:none}
.subpage .editorial-page[data-visual23] .editorial-faq summary::before,
.subpage .editorial-page[data-visual23] .editorial-faq summary::after{
  content:"";position:absolute;right:6px;top:50%;width:16px;height:1.5px;
  background:currentColor;transform:translateY(-50%);pointer-events:none;
}
.subpage .editorial-page[data-visual23] .editorial-faq summary::after{transform:translateY(-50%) rotate(90deg)}
.subpage .editorial-page[data-visual23] .editorial-faq details[open]>summary::after{display:none}
.subpage .editorial-page[data-visual23] .editorial-faq details>p{padding:0 38px 0 0;margin:0 0 24px;font-size:18px;line-height:1.7}
.subpage .editorial-page[data-visual23] .editorial-sources{
  margin-top:46px;padding:26px 0 0;border-top:1px solid var(--e23-line);
  font-size:15px;line-height:1.65;color:var(--e23-muted);max-width:100%;
}
.subpage .editorial-page[data-visual23] .editorial-sources h2{font-size:23px;margin:0 0 18px;letter-spacing:-.025em;line-height:1.3}
.subpage .editorial-page[data-visual23] .editorial-sources ol{margin:0;padding-left:21px}
.subpage .editorial-page[data-visual23] .editorial-sources li{padding:0 0 0 3px;margin:12px 0;line-height:1.65}
.subpage .editorial-page[data-visual23] .editorial-sources a{border-bottom:1px solid #a6bba0;overflow-wrap:anywhere}
.subpage .editorial-page[data-visual23] .editorial-sources p{font-size:14px;line-height:1.6;margin:20px 0 0}
.subpage .editorial-page[data-visual23] p.editorial-medical-note{font-size:15px!important;line-height:1.65!important;margin:22px 0;color:var(--e23-muted)}
.subpage .editorial-page[data-visual23] .editorial-related{padding:32px 0 0;border-top:1px solid var(--e23-line)}
.subpage .editorial-page[data-visual23] .editorial-related h2{font-size:28px;line-height:1.25;font-weight:430;margin:0 0 22px;letter-spacing:-.035em;color:var(--e23-ink)}
.subpage .editorial-page[data-visual23] .editorial-related-link{max-width:48ch;margin:0 28px 18px 0;padding-bottom:7px;font-size:21px;line-height:1.5;color:var(--e23-ink);border-bottom-color:#9bb490}
.subpage .editorial-page[data-visual23] a:focus-visible,
.subpage .editorial-page[data-visual23] button:focus-visible,
.subpage .editorial-page[data-visual23] summary:focus-visible{outline:2px solid var(--e23-ink);outline-offset:5px;border-radius:3px}
@media(max-width:1040px){
  .subpage main.editorial-page[data-visual23]{padding-top:150px}
  .subpage .editorial-page[data-visual23] .editorial-reading{display:block;padding-top:38px}
  .subpage .editorial-page[data-visual23] .article-body{max-width:70ch}
  .subpage .editorial-page[data-visual23] .editorial-aside{position:static;max-width:70ch;margin-top:44px;padding:28px;border-radius:22px}
  .subpage .editorial-page[data-visual23=article] .editorial-aside{padding:25px 0 0;border-radius:0}
  .subpage .editorial-page[data-visual23] .editorial-aside .button{width:auto;min-width:220px;align-self:flex-start}
  .subpage .editorial-page[data-visual23] .editorial-aside nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .subpage .editorial-page[data-visual23] .editorial-hero h1{font-size:clamp(52px,7.4vw,74px)}
  .subpage .editorial-page[data-visual23=article] .editorial-hero h1{font-size:clamp(46px,6vw,62px)}
}
@media(max-width:600px){
  .subpage main.editorial-page[data-visual23]{padding:130px 7vw 65px}
  .subpage .editorial-page[data-visual23] .page-breadcrumb{font-size:13px;gap:7px 9px;margin-bottom:29px}
  .subpage .editorial-page[data-visual23] .editorial-hero{padding-bottom:31px}
  .subpage .editorial-page[data-visual23] .editorial-hero h1{font-size:clamp(35px,9.5vw,52px);line-height:1.09;letter-spacing:-.052em;text-wrap:balance}
  .subpage .editorial-page[data-visual23=article] .editorial-hero h1{font-size:clamp(34px,8.9vw,48px);line-height:1.16;letter-spacing:-.047em;max-width:none;text-wrap:balance}
  .subpage .editorial-page[data-visual23] .editorial-lead,
  .subpage .editorial-page[data-visual23=article] .editorial-lead{font-size:20px;line-height:1.6!important;margin-top:23px;max-width:none}
  .subpage .editorial-page[data-visual23] .editorial-reading{padding:32px 0 42px}
  .subpage .editorial-page[data-visual23] .article-body{font-size:18px;line-height:1.75;max-width:none}
  .subpage .editorial-page[data-visual23] .article-body h2{font-size:27px;line-height:1.24;margin:40px 0 16px;letter-spacing:-.035em;text-wrap:pretty}
  .subpage .editorial-page[data-visual23] .article-body h2:first-child{margin-top:0}
  .subpage .editorial-page[data-visual23] .article-body p{margin-bottom:22px}
  .subpage .editorial-page[data-visual23] .editorial-status{padding-left:17px;margin-bottom:36px}
  .subpage .editorial-page[data-visual23] .editorial-status p{font-size:16px;margin:0}
  .subpage .editorial-page[data-visual23=article] [data-cms-body]>h2:first-child+p{font-size:18px;line-height:1.75;padding:21px 20px;margin-bottom:33px;border-radius:0 19px 19px 19px}
  .subpage .editorial-page[data-visual23] .editorial-aside{padding:25px 23px;margin-top:36px;gap:17px}
  .subpage .editorial-page[data-visual23=article] .editorial-aside{padding:24px 0 0}
  .subpage .editorial-page[data-visual23] .editorial-aside h2{font-size:28px;line-height:1.2;margin:0}
  .subpage .editorial-page[data-visual23] .editorial-aside nav{display:flex}
  .subpage .editorial-page[data-visual23] .editorial-aside .button{width:100%;min-width:0;font-size:16px}
  .subpage .editorial-page[data-visual23] .editorial-faq{margin-top:38px;padding-bottom:18px}
  .subpage .editorial-page[data-visual23] .editorial-faq summary{font-size:19px;padding-top:21px;padding-bottom:21px}
  .subpage .editorial-page[data-visual23] .editorial-faq details>p{padding-right:16px;font-size:17px}
  .subpage .editorial-page[data-visual23] .editorial-sources{font-size:14px;margin-top:35px;padding-top:23px}
  .subpage .editorial-page[data-visual23] .editorial-sources h2{font-size:22px;margin:0 0 14px}
  .subpage .editorial-page[data-visual23] .editorial-related{padding-top:26px}
  .subpage .editorial-page[data-visual23] .editorial-related h2{font-size:26px;margin-bottom:17px}
  .subpage .editorial-page[data-visual23] .editorial-related-link{font-size:19px;margin-right:0}
}
@media(prefers-reduced-motion:reduce){
  .subpage .editorial-page[data-visual23] *{scroll-behavior:auto!important}
}

/* The two indexes share the same identity, with room for the linked title.
   These selectors do not change the approved direction/article prototypes. */
.subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-list{
  padding:8px 0 40px;
}
.subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry{
  border-bottom:1px solid var(--e23-line);
}
.subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry>a{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:15px clamp(36px,5vw,72px);align-items:start;min-height:0;padding:37px 0;
}
.subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry h2{
  grid-column:1;grid-row:1/span 2;min-width:0;max-width:22ch;margin:0;
  font-family:GeologicaClinic,Arial,sans-serif;font-size:clamp(28px,2.85vw,40px);
  font-weight:430;line-height:1.2;letter-spacing:-.04em;text-wrap:balance;
  color:var(--e23-ink);overflow-wrap:normal;
}
.subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry p{
  grid-column:2;grid-row:1;min-width:0;max-width:54ch;margin:0;
  font-family:OnestClinic,Arial,sans-serif;font-size:18px;line-height:1.7;color:var(--e23-muted);
}
.subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry span{
  grid-column:2;grid-row:2;justify-self:start;align-self:end;padding:0 0 3px;
  font-size:15px;line-height:1.5;white-space:normal;color:var(--e23-ink);
  border-bottom:1px solid #9bb490;
}
.subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry a:hover h2{color:#507541}
.subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry a:focus-visible{outline-offset:7px}
.subpage .editorial-page[data-visual23=article-index] .editorial-entry>a{
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:39px 0;
}
.subpage .editorial-page[data-visual23=article-index] .editorial-entry h2{font-size:clamp(27px,2.55vw,36px);max-width:26ch;line-height:1.25}
@media(max-width:1040px){
  .subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry>a{gap:15px 36px}
  .subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry h2{font-size:29px}
}
@media(max-width:760px){
  .subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-list{padding:3px 0 30px}
  .subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry>a{
    display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:29px 0;
  }
  .subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry h2{
    font-size:29px;line-height:1.25;max-width:27ch;text-wrap:pretty;
  }
  .subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry p{font-size:18px;line-height:1.7;max-width:60ch}
  .subpage .editorial-page:is([data-visual23=direction-index],[data-visual23=article-index]) .editorial-entry span{margin:1px 0 0;font-size:15px;padding:0 0 3px}
}

/* Header optics come directly from header-experience.css, exactly as on the
   existing clinic home/catalogue/contact pages. No editorial override. */