/* =========================================================
   DMD EDITORIAL VISUAL SYSTEM — v1.26
   Curated doctor photography + anatomical study + paper texture.
   Loads after readability and page-specific CSS.
   ========================================================= */

:root{
  --md-editorial-paper:url('../images/editorial/patterns/paper-big.webp');
  --md-editorial-paper-bright:url('../images/editorial/patterns/paper-bright.webp');
  --md-editorial-paper-light:url('../images/editorial/patterns/paper-light.webp');
  --md-editorial-paper-footer:url('../images/editorial/patterns/paper-footer.webp');
}

/* ---------- Anatomical hero layer ---------- */
.md-procedure-hero,
.md-concern-hero,
.md-body-area-hero,
.md-treatment-hero,
.md-location-hero,
.dmd-cluster-hero,
.dmd-pcluster-hero{position:relative;overflow:hidden}

.md-editorial-anatomy{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
}
.md-editorial-anatomy img{
  position:absolute;
  width:min(48vw,760px);
  max-width:none;
  height:auto;
  right:-4vw;
  top:50%;
  transform:translate3d(0,-50%,0);
  opacity:.19;
  filter:grayscale(.18) sepia(.12) saturate(.72) contrast(.92);
  -webkit-mask-image:radial-gradient(ellipse at center, #000 38%, rgba(0,0,0,.82) 58%, transparent 78%);
  mask-image:radial-gradient(ellipse at center, #000 38%, rgba(0,0,0,.82) 58%, transparent 78%);
}
.md-procedure-hero.has-hero-image .md-editorial-anatomy img,
.md-concern-hero.has-hero-image .md-editorial-anatomy img{opacity:.11}

.md-procedure-hero__grid,
.md-concern-hero__grid,
.md-body-area-hero__grid,
.md-treatment-hero__grid,
.md-location-hero__grid,
.dmd-cluster-hero__inner,
.dmd-pcluster-hero__grid{position:relative;z-index:2}

/* On darker hero surfaces the cream drawing becomes a very soft illuminated study. */
.md-location-hero .md-editorial-anatomy img,
.dmd-pcluster-hero .md-editorial-anatomy img{opacity:.13;mix-blend-mode:screen;filter:grayscale(.35) sepia(.18) saturate(.55) contrast(.9)}

/* ---------- Real anatomy in empty visual slots ---------- */
.md-body-area-visual__fallback--art,
.md-treatment-visual__fallback--art{position:relative;overflow:hidden}
.md-body-area-visual__fallback--art>img,
.md-treatment-visual__fallback--art>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.8;
  filter:grayscale(.08) sepia(.08) saturate(.82);
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.9) 70%,rgba(0,0,0,.4));
  mask-image:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.9) 70%,rgba(0,0,0,.4));
}
.md-body-area-visual__fallback--art :is(i,span),
.md-treatment-visual__fallback--art i{position:relative;z-index:2}

/* ---------- Paper / marble texture system ---------- */
.md-standard-page__body,
.dmd-cluster-directory,
.dmd-pcluster-crosslinks{
  background-image:linear-gradient(rgba(247,245,239,.92),rgba(247,245,239,.92)),var(--md-editorial-paper-light);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

/* Preserve each template's native colour while adding material texture. */
.md-treatment-snapshot{
  background-image:linear-gradient(rgba(219,229,221,.91),rgba(219,229,221,.91)),var(--md-editorial-paper-light);
  background-repeat:no-repeat;
  background-size:cover;
}
.md-concern-path{
  background-color:#f7f5f1;
  background-image:linear-gradient(rgba(247,245,241,.955),rgba(247,245,241,.955)),var(--md-editorial-paper-light);
  background-repeat:no-repeat;
  background-size:cover;
}
.md-body-area-lens,
.md-procedure-facts,
.md-concern-conversion,
.md-location-decision,
.dmd-pcluster-next{
  background-image:linear-gradient(rgba(38,64,50,.94),rgba(38,64,50,.94)),var(--md-editorial-paper-footer);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

/* Light CTA / decision surfaces keep their existing text contrast. */
.md-procedure-next,
.md-body-area-next,
.md-treatment-next,
.dmd-cluster-decision,
.dmd-pcluster-decision{
  background-image:linear-gradient(rgba(244,241,236,.91),rgba(244,241,236,.91)),var(--md-editorial-paper);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

/* ---------- Doctor presence module ---------- */
.md-doctor-presence{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(72px,8vw,118px) 0;
  background-color:var(--md-bg);
  background-image:linear-gradient(110deg,rgba(244,241,236,.86),rgba(244,241,236,.96)),var(--md-editorial-paper-bright);
  background-repeat:no-repeat;
  background-size:cover;
  border-top:1px solid var(--md-line);
  border-bottom:1px solid var(--md-line);
}
.md-doctor-presence::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(48vw,720px);
  aspect-ratio:1;
  right:-22vw;
  top:-48%;
  border:1px solid rgba(125,100,85,.16);
  border-radius:50%;
  box-shadow:0 0 0 90px rgba(200,172,154,.045),0 0 0 180px rgba(38,64,50,.025);
}
.md-doctor-presence__inner{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.05fr);
  align-items:center;
  gap:clamp(48px,7vw,110px);
}
.md-doctor-presence__media{
  position:relative;
  margin:0;
  min-height:420px;
  overflow:hidden;
  background:var(--md-cream);
  box-shadow:0 28px 70px rgba(38,64,50,.10);
}
.md-doctor-presence__media::after{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(255,255,255,.36);
  pointer-events:none;
}
.md-doctor-presence__media img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block;filter:saturate(.84) contrast(.98)}
.md-doctor-presence__copy{max-width:720px}
.md-doctor-presence__eyebrow{
  margin:0 0 20px;
  color:var(--md-accent-deep);
  font:700 12px/1.25 var(--md-font-ui);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.md-doctor-presence__copy h2{
  margin:0;
  color:var(--md-brand);
  font:400 clamp(40px,5vw,68px)/1.04 var(--md-font-display);
  letter-spacing:-.05em;
  text-wrap:balance;
}
.md-doctor-presence__copy>p:not(.md-doctor-presence__eyebrow){max-width:600px;margin:28px 0 0;color:#58665e;font-size:16px;line-height:1.8}
.md-doctor-presence__actions{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:34px}
.md-doctor-presence__actions a{
  display:inline-flex;
  align-items:center;
  gap:15px;
  padding-bottom:7px;
  border-bottom:1px solid var(--md-accent-deep);
  color:var(--md-brand);
  font:700 11px/1.2 var(--md-font-ui);
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
}
.md-doctor-presence__actions a span{color:var(--md-accent-deep);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.md-doctor-presence__actions a:hover span{transform:translate(3px,-3px)}

.md-doctor-presence--compact{padding:clamp(54px,6vw,82px) 0;background-image:linear-gradient(110deg,rgba(247,245,239,.90),rgba(247,245,239,.96)),var(--md-editorial-paper-light)}
.md-doctor-presence--compact .md-doctor-presence__inner{grid-template-columns:minmax(210px,.46fr) minmax(0,1fr);gap:clamp(38px,5vw,76px)}
.md-doctor-presence--compact .md-doctor-presence__media{min-height:280px;max-height:360px}
.md-doctor-presence--compact .md-doctor-presence__media img{min-height:280px;height:100%}
.md-doctor-presence--compact .md-doctor-presence__copy h2{font-size:clamp(34px,4vw,52px)}

/* ---------- Story-page hero photography ---------- */
/* About / Approach / Credentials hero <img> sources are replaced server-side
   at render time; CSS only controls their final editorial crop. */
body.md-page-about .md-long-about .hero-orb>img{object-position:center 24%}
body.md-page-approach .md-approach .md-hero-art>img{object-position:center}
body.md-page-credentials .md-competencies .md-hero-art>img{object-position:center 22%}

/* Academic Research: real conference image softly enters the abstract research hero. */
body.md-page-academic-research .md-v2 .v2-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-4vw;
  top:9vh;
  width:min(49vw,820px);
  height:78vh;
  background:url('../images/editorial/doctor/conference-speaking-landscape.webp') 54% center/cover no-repeat;
  opacity:.24;
  filter:saturate(.72) contrast(.96);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 84%,transparent 100%);
  pointer-events:none;
}
body.md-page-academic-research .md-v2 .v2-hero>.v2-copy{position:relative;z-index:3}
body.md-page-academic-research .md-v2 .v2-hero>.v2-orb{position:absolute;z-index:1}

/* Contact: a human portrait sits behind the ring system, still subordinate to copy. */
body.md-page-contact .mdc-hero::after{
  content:"";
  position:absolute;
  z-index:1;
  right:2vw;
  bottom:0;
  width:min(38vw,620px);
  height:74%;
  background:url('../images/editorial/doctor/studio-warm-landscape.webp') 55% center/cover no-repeat;
  opacity:.18;
  filter:saturate(.72) contrast(.96);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 82%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 28%,#000 82%,transparent);
  pointer-events:none;
}
body.md-page-contact .mdc-hero-grid{z-index:2}

/* Standard-page fallbacks under About / Patient Guide get meaningful art instead of empty orbs. */
body.md-source-path-about .md-standard-page__featured--fallback,
body.md-source-path-patient-guide .md-standard-page__featured--fallback{
  background-color:var(--md-cream);
  background-image:linear-gradient(rgba(244,241,236,.24),rgba(244,241,236,.24)),url('../images/editorial/anatomy/ambient-profile.webp');
  background-size:cover;
  background-position:center;
}
body.md-page-health-tourism .md-standard-page__featured--fallback{
  background-image:linear-gradient(rgba(244,241,236,.08),rgba(244,241,236,.08)),url('../images/editorial/doctor/clinic-warm-square.webp');
}
body.md-page-chestnut-technique .md-standard-page__featured--fallback{
  background-image:linear-gradient(rgba(244,241,236,.08),rgba(244,241,236,.08)),url('../images/editorial/doctor/conference-podium-square.webp');
}
body.md-source-path-patient-guide.md-page-patient-safety .md-standard-page__featured--fallback{
  background-image:linear-gradient(rgba(244,241,236,.08),rgba(244,241,236,.08)),url('../images/editorial/doctor/clinic-credentials-square.webp');
}
body.md-source-path-patient-guide.md-page-international-patients .md-standard-page__featured--fallback{
  background-image:linear-gradient(rgba(244,241,236,.08),rgba(244,241,236,.08)),url('../images/editorial/doctor/clinic-warm-square.webp');
}
body.md-standard-page-body .md-standard-page__featured--fallback :is(.md-standard-page__placeholder-orb,.md-standard-page__placeholder-line){opacity:.18}

/* Subtle texture for major story pages; it should read as paper, not wallpaper. */
body:is(.md-page-about,.md-page-approach,.md-page-credentials,.md-page-contact,.md-page-consultation) .site-main{
  background-image:var(--md-editorial-paper-light);
  background-size:100% auto;
  background-repeat:repeat-y;
}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .md-editorial-anatomy img{width:min(62vw,620px);right:-20vw;opacity:.13}
  .md-doctor-presence__inner,.md-doctor-presence--compact .md-doctor-presence__inner{grid-template-columns:1fr;gap:38px}
  .md-doctor-presence__media,.md-doctor-presence--compact .md-doctor-presence__media{width:min(100%,680px);min-height:360px;max-height:520px}
  .md-doctor-presence__media img,.md-doctor-presence--compact .md-doctor-presence__media img{min-height:360px}
  body.md-page-academic-research .md-v2 .v2-hero::after{width:68vw;right:-22vw;opacity:.16}
  body.md-page-contact .mdc-hero::after{width:58vw;right:-18vw;opacity:.12}
}

@media(max-width:620px){
  .md-editorial-anatomy img{width:96vw;right:-45vw;top:44%;opacity:.09}
  .md-doctor-presence{padding:58px 0}
  .md-doctor-presence__media,.md-doctor-presence--compact .md-doctor-presence__media{min-height:300px}
  .md-doctor-presence__media img,.md-doctor-presence--compact .md-doctor-presence__media img{min-height:300px}
  .md-doctor-presence__copy h2,.md-doctor-presence--compact .md-doctor-presence__copy h2{font-size:clamp(34px,10vw,48px)}
  .md-doctor-presence__actions{flex-direction:column;align-items:flex-start}
  body.md-page-academic-research .md-v2 .v2-hero::after{width:110vw;right:-62vw;opacity:.10}
  body.md-page-contact .mdc-hero::after{display:none}
}

@media(prefers-reduced-motion:reduce){
  .md-doctor-presence__actions a span{transition:none}
}

/* Footer texture: retain the locked brand palette, add only a material surface. */
.md-site-footer{
  background-image:linear-gradient(rgba(18,35,29,.96),rgba(18,35,29,.96)),var(--md-editorial-paper-footer);
  background-size:cover;
  background-position:center top;
}
.md-footer-location{
  background-image:linear-gradient(rgba(38,64,50,.94),rgba(38,64,50,.94)),var(--md-editorial-paper-footer);
  background-size:cover;
  background-position:center;
}

/* =========================================================
   ABOUT STORY POLISH — v1.26
   37 unique Dr. Demirel chapter images + richer paper surfaces.
   This layer intentionally loads last and uses !important on backgrounds
   because the legacy About content may still carry embedded <style> rules.
   ========================================================= */
body.md-page-about .md-long-about .bio-section{
  background-color:var(--md-bg)!important;
  background-image:linear-gradient(rgba(244,241,236,.91),rgba(244,241,236,.94)),var(--md-editorial-paper-light)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}
body.md-page-about .md-long-about .bio-section.bio-cream{
  background-color:var(--md-cream)!important;
  background-image:linear-gradient(rgba(233,223,213,.88),rgba(239,232,225,.92)),var(--md-editorial-paper-bright)!important;
}
body.md-page-about .md-long-about .bio-section.bio-dark{
  background-color:var(--md-brand)!important;
  background-image:linear-gradient(120deg,rgba(38,64,50,.955),rgba(24,43,34,.965)),var(--md-editorial-paper-footer)!important;
  background-position:center top!important;
}
/* A third, very soft material tone breaks the repetitive green/cream cadence. */
body.md-page-about .md-long-about .bio-section:nth-of-type(6n+2):not(.bio-dark),
body.md-page-about .md-long-about .bio-section:nth-of-type(6n+5):not(.bio-dark){
  background-color:var(--md-mist)!important;
  background-image:linear-gradient(120deg,rgba(219,229,221,.67),rgba(244,241,236,.87)),var(--md-editorial-paper-light)!important;
}
body.md-page-about .md-long-about .bio-section:nth-of-type(8n+4):not(.bio-dark){
  background-image:linear-gradient(130deg,rgba(232,221,212,.85),rgba(244,241,236,.93)),var(--md-editorial-paper)!important;
}
body.md-page-about .md-long-about .bio-section::before{
  content:"";
  position:absolute;
  z-index:0;
  width:min(42vw,650px);
  aspect-ratio:1;
  left:-24vw;
  bottom:-44%;
  border:1px solid rgba(125,100,85,.08);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(200,172,154,.025),0 0 0 144px rgba(38,64,50,.018);
  pointer-events:none;
}
body.md-page-about .md-long-about .bio-section:nth-of-type(even)::before{left:auto;right:-26vw;top:-42%;bottom:auto}
body.md-page-about .md-long-about .bio-section.bio-dark::before{border-color:rgba(200,172,154,.10);box-shadow:0 0 0 74px rgba(200,172,154,.022),0 0 0 148px rgba(255,255,255,.012)}

/* Every biography frame is now a real Dr. Demirel photograph. Give the rail
   image a slightly more editorial treatment without turning it into a card. */
body.md-page-about .md-long-about .bio-photo{
  position:relative;
  isolation:isolate;
  background:var(--md-cream)!important;
  border:1px solid rgba(125,100,85,.16);
  box-shadow:0 24px 58px rgba(24,35,29,.11)!important;
}
body.md-page-about .md-long-about .bio-photo::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:12px;
  border:1px solid rgba(255,255,255,.30);
  pointer-events:none;
}
body.md-page-about .md-long-about .bio-photo img{
  position:relative;
  z-index:1;
  filter:saturate(.86) contrast(.99)!important;
  object-position:center 28%;
}
body.md-page-about .md-long-about .bio-section:nth-of-type(3n) .bio-photo img{object-position:center 40%}
body.md-page-about .md-long-about .bio-section:nth-of-type(4n) .bio-photo img{object-position:center center}
body.md-page-about .md-long-about .bio-dark .bio-photo{border-color:rgba(200,172,154,.22);box-shadow:0 26px 64px rgba(7,20,14,.22)!important}

/* The large Arabic chapter number remains the navigation device; Roman
   numerals are removed server-side from the actual H2 chapter title. */
body.md-page-about .md-long-about .bio-article h2{text-wrap:balance}

@media(max-width:850px){
  body.md-page-about .md-long-about .bio-section::before{width:620px;left:-430px;opacity:.7}
  body.md-page-about .md-long-about .bio-section:nth-of-type(even)::before{right:-440px;left:auto}
}
@media(max-width:560px){
  body.md-page-about .md-long-about .bio-photo img{object-position:center 30%}
  body.md-page-about .md-long-about .bio-section::before{display:none}
}

/* =========================================================
   ABOUT CLEANUP + READABILITY — v1.26
   Final feedback pass: warmer chapter surfaces, readable quote labels,
   proper Note spacing, and semantic unnumbered subheads.
   ========================================================= */

/* The six mist-tinted chapters looked blue/cool against the brand. Replace
   them with two warm paper treatments derived from the cream/accent palette. */
body.md-page-about .md-long-about :is(#bio-4,#bio-16,#bio-25){
  background-color:#eaded5!important;
  background-image:linear-gradient(120deg,rgba(234,222,213,.91),rgba(244,241,236,.95)),var(--md-editorial-paper)!important;
}
body.md-page-about .md-long-about :is(#bio-13,#bio-22,#bio-28){
  background-color:#e5d3c5!important;
  background-image:linear-gradient(125deg,rgba(229,211,197,.88),rgba(239,229,221,.94)),var(--md-editorial-paper-bright)!important;
}

/* Stored About callouts use a compact semantic <aside> structure. The render
   filter wraps its label in .bio-callout-label; style both the legacy class
   and raw article aside so translated pages receive the same spacing. */
body.md-page-about .md-long-about .bio-callout-label,
body.md-page-about .md-long-about .bio-callout > span:first-child,
body.md-page-about .md-long-about .bio-article > aside > .bio-callout-label{
  display:block!important;
  margin:0 0 11px!important;
  color:var(--md-accent-deep)!important;
  font:700 12px/1.3 var(--md-font-ui)!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
body.md-page-about .md-long-about .bio-article > aside > p,
body.md-page-about .md-long-about .bio-callout > p{
  margin-top:0!important;
}
body.md-page-about .md-long-about .bio-dark .bio-callout-label,
body.md-page-about .md-long-about .bio-dark .bio-callout > span:first-child{
  color:var(--md-accent)!important;
}

/* Old later-draft chapter names are now H3 subheads inside their parent
   chapters instead of pseudo chapters with competing Roman numerals. */
body.md-page-about .md-long-about .bio-subheading{
  margin:46px 0 20px!important;
  color:var(--md-brand)!important;
  font:400 clamp(27px,3.1vw,40px)/1.16 var(--md-font-display)!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
body.md-page-about .md-long-about .bio-dark .bio-subheading{color:#f2e8df!important}

/* Quote attribution / chapter label: force stronger contrast and a larger
   readable caption style, especially on cream quote cards. */
body.md-page-about .md-long-about .bio-quote cite,
body.md-page-about .md-long-about .bio-section > cite{
  display:block!important;
  margin-top:26px!important;
  font-size:14px!important;
  line-height:1.5!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  color:#6e5346!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote cite,
body.md-page-about .md-long-about .bio-section.bio-dark > cite{
  color:#ead8cb!important;
}

@media(max-width:560px){
  body.md-page-about .md-long-about .bio-callout-label,
  body.md-page-about .md-long-about .bio-callout > span:first-child{font-size:11.5px!important}
  body.md-page-about .md-long-about .bio-quote cite,
  body.md-page-about .md-long-about .bio-section > cite{font-size:12.5px!important;letter-spacing:.10em!important}
  body.md-page-about .md-long-about .bio-subheading{margin-top:36px!important;font-size:clamp(25px,7.5vw,34px)!important}
}



/* =========================================================
   ABOUT WHITE-PAPER SURFACE PASS — v1.27
   Remove the remaining cool/misty light chapter surfaces.
   Dark chapters stay brand green; selected light chapters use
   the existing white paper texture rather than blue-green mist.
   ========================================================= */
body.md-page-about .md-long-about .bio-section:nth-of-type(6n+2):not(.bio-dark),
body.md-page-about .md-long-about .bio-section:nth-of-type(6n+5):not(.bio-dark),
body.md-page-about .md-long-about :is(#bio-4,#bio-13,#bio-16,#bio-22,#bio-25,#bio-28){
  background-color:#fbfaf7!important;
  background-image:
    linear-gradient(rgba(255,255,255,.945),rgba(251,249,246,.965)),
    var(--md-editorial-paper-light)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}

/* Remove the cool mint edge from the About hero as well; keep it warm ivory. */
body.md-page-about .md-long-about .bio-hero{
  background:
    linear-gradient(135deg,#ebe1d8 0%,#f7f4ef 58%,#f4efe8 100%)!important;
}


/* =========================================================
   ABOUT NOTE CALLOUT NORMALIZATION — v1.28
   Every biography Note is one consistent boxed component:
   "Note: " + content, with real spacing and no label collision.
   ========================================================= */
body.md-page-about .md-long-about .bio-article > aside.bio-callout,
body.md-page-about .md-long-about aside.bio-callout{
  display:block!important;
  margin:38px 0 0!important;
  padding:24px 28px!important;
  background:rgba(231,218,207,.62)!important;
  border:1px solid rgba(125,100,85,.18)!important;
  border-left:2px solid var(--md-accent-deep)!important;
  box-shadow:none!important;
}

body.md-page-about .md-long-about .bio-dark aside.bio-callout{
  background:rgba(239,229,219,.09)!important;
  border-color:rgba(239,229,219,.18)!important;
  border-left-color:var(--md-accent)!important;
}

body.md-page-about .md-long-about aside.bio-callout > p{
  display:block!important;
  margin:0!important;
  color:var(--md-brand)!important;
  font:400 18px/1.65 var(--md-font-body)!important;
}

body.md-page-about .md-long-about .bio-dark aside.bio-callout > p{
  color:#eef2ef!important;
}

body.md-page-about .md-long-about aside.bio-callout .bio-callout-label{
  display:inline!important;
  margin:0 .42em 0 0!important;
  color:var(--md-accent-deep)!important;
  font:700 12px/1.4 var(--md-font-ui)!important;
  letter-spacing:.08em!important;
  text-transform:none!important;
  white-space:nowrap;
}

body.md-page-about .md-long-about .bio-dark aside.bio-callout .bio-callout-label{
  color:var(--md-accent)!important;
}

@media(max-width:560px){
  body.md-page-about .md-long-about aside.bio-callout{
    margin-top:30px!important;
    padding:20px 21px!important;
  }
  body.md-page-about .md-long-about aside.bio-callout > p{
    font-size:16px!important;
    line-height:1.62!important;
  }
  body.md-page-about .md-long-about aside.bio-callout .bio-callout-label{
    font-size:11.5px!important;
  }
}


/* =========================================================
   ABOUT NOTE HARD FIX — v1.29
   Handles both the raw stored sibling markup and normalized markup.
   ========================================================= */
body.md-page-about .md-long-about aside.bio-callout{
  display:block!important;
  margin:38px 0 0!important;
  padding:24px 28px!important;
  background:rgba(231,218,207,.62)!important;
  border:1px solid rgba(125,100,85,.18)!important;
  border-left:2px solid var(--md-accent-deep)!important;
  box-shadow:none!important;
}

body.md-page-about .md-long-about .bio-dark aside.bio-callout{
  background:rgba(239,229,219,.09)!important;
  border-color:rgba(239,229,219,.18)!important;
  border-left-color:var(--md-accent)!important;
}

/* RAW stored structure: <span>Note</span><p>Text…</p> */
body.md-page-about .md-long-about aside.bio-callout > span:first-child{
  display:inline!important;
  margin:0 .45em 0 0!important;
  color:var(--md-accent-deep)!important;
  font:700 12px/1.45 var(--md-font-ui)!important;
  letter-spacing:.06em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
body.md-page-about .md-long-about aside.bio-callout > span:first-child::after{
  content:none!important;
}
body.md-page-about .md-long-about aside.bio-callout > span:first-child + p{
  display:inline!important;
  margin:0!important;
}

/* NORMALIZED structure: <p><span class="bio-callout-label">Note:</span>&nbsp;Text… */
body.md-page-about .md-long-about aside.bio-callout > p{
  margin:0!important;
  color:var(--md-brand)!important;
  font:400 18px/1.65 var(--md-font-body)!important;
}
body.md-page-about .md-long-about aside.bio-callout .bio-callout-label{
  display:inline!important;
  margin:0 .34em 0 0!important;
  color:var(--md-accent-deep)!important;
  font:700 12px/1.45 var(--md-font-ui)!important;
  letter-spacing:.06em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
body.md-page-about .md-long-about .bio-dark aside.bio-callout > p{
  color:#eef2ef!important;
}
body.md-page-about .md-long-about .bio-dark aside.bio-callout > span:first-child,
body.md-page-about .md-long-about .bio-dark aside.bio-callout .bio-callout-label{
  color:var(--md-accent)!important;
}

@media(max-width:560px){
  body.md-page-about .md-long-about aside.bio-callout{
    margin-top:30px!important;
    padding:20px 21px!important;
  }
  body.md-page-about .md-long-about aside.bio-callout > p{
    font-size:16px!important;
    line-height:1.62!important;
  }
  body.md-page-about .md-long-about aside.bio-callout > span:first-child,
  body.md-page-about .md-long-about aside.bio-callout .bio-callout-label{
    font-size:11.5px!important;
  }
}


/* =========================================================
   ABOUT NOTE — FINAL VISUAL FALLBACK v1.30
   The Elementor source uses:
   <aside class="bio-callout"><span>Note</span><p>Text...</p></aside>
   ========================================================= */
body.md-page-about .md-long-about aside.bio-callout > span:first-child{
  display:inline!important;
  margin:0!important;
  white-space:pre!important;
}
body.md-page-about .md-long-about aside.bio-callout > span:first-child::after{
  content:none!important;
}
body.md-page-about .md-long-about aside.bio-callout > span:first-child + p{
  display:inline!important;
  margin:0!important;
}


/* =========================================================
   ABOUT NOTE LABEL — v1.31
   Final style for the DOM-normalized "Note: Text" structure.
   ========================================================= */
body.md-page-about .md-long-about aside.bio-callout .bio-callout-label{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font:700 12px/1.45 var(--md-font-ui)!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  color:var(--md-accent-deep)!important;
}
body.md-page-about .md-long-about .bio-dark aside.bio-callout .bio-callout-label{
  color:var(--md-accent)!important;
}


/* =========================================================
   ABOUT NOTE — SINGLE COLON GUARD v1.32
   The DOM normalizer writes "Note:" and inserts the spacing.
   No CSS pseudo-element is allowed to add another colon.
   ========================================================= */
body.md-page-about .md-long-about aside.bio-callout > span:first-child::after,
body.md-page-about .md-long-about aside.bio-callout .bio-callout-label::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   ABOUT WHITE-PAPER CONTRAST FIX — v1.33
   #bio-22 and #bio-25 are intentionally rendered on warm white paper,
   while their source HTML still carries .bio-dark. Override only the
   dark text palette so these chapters remain fully readable.
   ========================================================= */
body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark{
  color:var(--md-text)!important;
}

body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-kicker{
  color:var(--md-accent-deep)!important;
}
body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-kicker::before{
  background:var(--md-accent-deep)!important;
}

body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-article h2,
body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-article h3{
  color:var(--md-brand)!important;
}

body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-copy{
  color:#58675e!important;
  opacity:1!important;
}

body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-copy p,
body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-copy li{
  color:inherit!important;
  opacity:1!important;
}

body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-side-label{
  color:var(--md-accent-deep)!important;
}

body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-number{
  color:rgba(125,100,85,.34)!important;
}

body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark .bio-shape{
  border-color:rgba(125,100,85,.24)!important;
}

/* If a white-paper chapter contains a Note callout, keep the light callout palette too. */
body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark aside.bio-callout{
  background:rgba(231,218,207,.62)!important;
  border-color:rgba(125,100,85,.18)!important;
  border-left-color:var(--md-accent-deep)!important;
}
body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark aside.bio-callout > p{
  color:var(--md-brand)!important;
}
body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark aside.bio-callout .bio-callout-label,
body.md-page-about .md-long-about :is(#bio-22,#bio-25).bio-dark aside.bio-callout > span:first-child{
  color:var(--md-accent-deep)!important;
}


/* =========================================================
   ABOUT — QUOTE SOURCE READABILITY HOTFIX v1.40
   Force high-contrast labels under quote panels.
   ========================================================= */
body.md-page-about .md-long-about .bio-dark .bio-quote cite,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote cite,
body.md-page-about .md-long-about .bio-dark .bio-quote figcaption,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote figcaption,
body.md-page-about .md-long-about .bio-dark .bio-quote footer,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote footer,
body.md-page-about .md-long-about .bio-dark .bio-quote .quote-source,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote .quote-source,
body.md-page-about .md-long-about .bio-dark .bio-quote .bio-quote-source,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote .bio-quote-source,
body.md-page-about .md-long-about .bio-dark .bio-section > cite,
body.md-page-about .md-long-about .bio-section.bio-dark > cite{
  display:block!important;
  margin-top:28px!important;
  color:#f4e7dd!important;
  opacity:1!important;
  font:800 15px/1.6 var(--md-font-ui)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}

body.md-page-about .md-long-about .bio-dark .bio-quote cite a,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote cite a,
body.md-page-about .md-long-about .bio-dark .bio-quote figcaption a,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote figcaption a,
body.md-page-about .md-long-about .bio-dark .bio-quote footer a,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote footer a,
body.md-page-about .md-long-about .bio-dark .bio-quote .quote-source a,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote .quote-source a,
body.md-page-about .md-long-about .bio-dark .bio-quote .bio-quote-source a,
body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote .bio-quote-source a{
  color:inherit!important;
}

@media(max-width:560px){
  body.md-page-about .md-long-about .bio-dark .bio-quote cite,
  body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote cite,
  body.md-page-about .md-long-about .bio-dark .bio-quote figcaption,
  body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote figcaption,
  body.md-page-about .md-long-about .bio-dark .bio-quote footer,
  body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote footer,
  body.md-page-about .md-long-about .bio-dark .bio-quote .quote-source,
  body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote .quote-source,
  body.md-page-about .md-long-about .bio-dark .bio-quote .bio-quote-source,
  body.md-page-about .md-long-about .bio-section.bio-dark .bio-quote .bio-quote-source,
  body.md-page-about .md-long-about .bio-dark .bio-section > cite,
  body.md-page-about .md-long-about .bio-section.bio-dark > cite{
    font-size:13px!important;
    line-height:1.55!important;
    letter-spacing:.10em!important;
  }
}


/* =========================================================
   ABOUT — ALL QUOTE LABELS: EXACT CONTRAST LOGIC v1.42
   Real markup confirmed:
   section.bio-section > div.bio-quote > blockquote + cite

   NOTE: quote-card colors are intentionally INVERTED relative
   to their parent chapter:
   - light chapter -> dark green quote card -> LIGHT cite
   - dark chapter  -> cream quote card      -> DARK cite
   ========================================================= */

/* DARK GREEN quote cards inside normal/light chapters */
body.md-page-about .md-long-about section.bio-section:not(.bio-dark) > div.bio-quote > cite{
  display:inline-block!important;
  margin-top:28px!important;
  padding:7px 11px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(244,231,221,.24)!important;
  color:#f4e7dd!important;
  opacity:1!important;
  font:800 14px/1.45 var(--md-font-ui)!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-shadow:none!important;
}

/* CREAM quote cards inside dark chapters */
body.md-page-about .md-long-about section.bio-section.bio-dark > div.bio-quote > cite{
  display:inline-block!important;
  margin-top:28px!important;
  padding:7px 11px!important;
  background:rgba(38,64,50,.08)!important;
  border:1px solid rgba(38,64,50,.18)!important;
  color:#294738!important;
  opacity:1!important;
  font:800 14px/1.45 var(--md-font-ui)!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-shadow:none!important;
}

body.md-page-about .md-long-about section.bio-section > div.bio-quote > cite :is(a,span,strong,em){
  color:inherit!important;
}

@media(max-width:560px){
  body.md-page-about .md-long-about section.bio-section:not(.bio-dark) > div.bio-quote > cite,
  body.md-page-about .md-long-about section.bio-section.bio-dark > div.bio-quote > cite{
    margin-top:22px!important;
    padding:6px 9px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    letter-spacing:.085em!important;
  }
}


/* v1.62 — Body Area heroes are editorial-media driven, not anatomy-art driven. */
.md-body-area-hero > .md-editorial-anatomy{display:none!important}


/* v1.64 — Concern hero deliberately excludes anatomy-art decoration. */
.md-concern-hero .md-editorial-anatomy{
  display:none!important;
}


/* v1.65 — parent cluster heroes stay clean: no anatomy illustration layer. */
.dmd-cluster-hero > .md-editorial-anatomy{
  display:none!important;
}