/* Meet Dr Chen navy treatment (mock-up D, approved 27 Sep 2026).
   Scoped to html.mdc-navy, which apply.py adds only to the three about-integrated pages.
   Colours are the homepage's own, measured from the live #trust band. */
html.mdc-navy{--hm-navy:#15314f;--hm-gold:#e9d49b;--hm-plus:#efdfae;--hm-pale:#fbfaf6;--hm-line:rgba(255,255,255,.16);--hm-join:rgba(24,61,105,.13)}

/* t1  homepage type sizes */
html.mdc-navy .biography-content .band h2:not(.app-heading),
html.mdc-navy .biography-content .band .section-top h2{font-size:40px!important;letter-spacing:-.3px}
html.mdc-navy #peers .peer-number,html.mdc-navy #peers .peer-number *{font-size:72px!important;font-weight:700!important;line-height:1!important}
html.mdc-navy #experience .experience-number,html.mdc-navy #experience .experience-number *{font-size:42px!important;font-weight:700!important}
html.mdc-navy #experience-title{font-size:30px!important;font-weight:600!important}
@media (max-width:760px){
  html.mdc-navy .biography-content .band h2:not(.app-heading){font-size:30px!important}
  html.mdc-navy #peers .peer-number,html.mdc-navy #peers .peer-number *{font-size:60px!important}
  html.mdc-navy #experience .experience-number,html.mdc-navy #experience .experience-number *{font-size:34px!important}
}

/* d1 + m1  one navy band: 190+, then the surgery numbers, then the logos on a light card */
html.mdc-navy #peers{background:var(--hm-navy)!important;color:var(--hm-pale)}
html.mdc-navy #peers h2{color:var(--hm-gold)!important}
html.mdc-navy #peers .peer-number,html.mdc-navy #peers .peer-number *{color:var(--hm-gold)!important}
html.mdc-navy #peers .peer-number .peer-plus{color:var(--hm-plus)!important}
html.mdc-navy #peers .peer-statement{color:#fff!important;font-weight:600}
html.mdc-navy #peers p{color:var(--hm-pale)!important}
html.mdc-navy #peers .marks{background:#f6f5ef;border:1px solid var(--hm-line);border-radius:18px;padding:26px 28px 18px;margin-top:34px}
html.mdc-navy #peers .marks p,html.mdc-navy #peers .marks .marks-lead{color:#40597a!important}
html.mdc-navy #peers .marks *{border-color:rgba(24,61,105,.16)}
html.mdc-navy #peers #experience{background:transparent!important;border:0!important;border-top:1px solid var(--hm-line)!important;border-radius:0;padding:36px 0 0!important;margin:36px 0 0;grid-column:1 / -1!important;width:100%;max-width:none!important;color:var(--hm-pale)}
html.mdc-navy #peers #experience .experience{background:transparent!important}
html.mdc-navy #experience-title{color:var(--hm-gold)!important}
html.mdc-navy #experience .experience-number,html.mdc-navy #experience .experience-number *{color:#fff!important}
html.mdc-navy #experience .experience-number .peer-plus{color:var(--hm-plus)!important}
html.mdc-navy #experience h3{color:var(--hm-pale)!important}
html.mdc-navy #experience .experience-stat{background:transparent!important;border-color:var(--hm-line)!important}
html.mdc-navy #experience .glass-icon{filter:contrast(1.08) saturate(1.1) drop-shadow(0 1.5px 2px rgba(0,0,0,.35))}

/* d2  navy opening panel */
html.mdc-navy #bio{background:var(--hm-navy)!important;border-color:var(--hm-navy)!important;color:var(--hm-pale)}
html.mdc-navy #bio h1,html.mdc-navy #bio .bio-name *{color:#fff!important}
html.mdc-navy #bio p{color:var(--hm-pale)!important}
html.mdc-navy #bio .bio-name p:first-of-type,html.mdc-navy #bio .bio-name + p{color:var(--hm-gold)!important}
html.mdc-navy #bio a{color:#fff!important;text-decoration-color:var(--hm-gold)!important}
html.mdc-navy #bio a *{color:inherit!important;border-color:rgba(255,255,255,.55)!important}
html.mdc-navy #bio .career-highlights li{background:rgba(255,255,255,.06)!important;border:1px solid var(--hm-line)!important}
html.mdc-navy #bio .career-highlights strong{color:var(--hm-gold)!important}
html.mdc-navy #bio .career-highlights span{color:var(--hm-pale)!important}
html.mdc-navy #bio .career-highlights a{color:#fff!important}
html.mdc-navy #bio .bio-portrait img,html.mdc-navy #bio .bio-portrait-compact img{box-shadow:0 0 0 1px var(--hm-line)}
html.mdc-navy #bio a:focus-visible,html.mdc-navy #main #bio a:focus-visible{outline:2px solid var(--hm-gold)!important;outline-offset:3px}

/* d3  navy side contents */
html.mdc-navy .biography-nav{background:var(--hm-navy)!important;border-color:var(--hm-navy)!important}
html.mdc-navy #bio-contents .hc-nav-title,html.mdc-navy #bio-contents .hc-nav-title *{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
html.mdc-navy .biography-nav > p{color:var(--hm-pale)!important}
html.mdc-navy .biography-nav-links a{color:var(--hm-pale)!important;background:transparent!important}
html.mdc-navy .biography-nav-links a:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
html.mdc-navy #bio-contents .biography-nav-links a:focus-visible,html.mdc-navy #bio-contents .biography-nav-links a:focus{outline:2px solid var(--hm-gold)!important;outline-offset:2px}
html.mdc-navy .biography-nav-links a[aria-current],html.mdc-navy .biography-nav-links a.is-active,html.mdc-navy .biography-nav-links a.active{background:var(--hm-gold)!important;color:var(--hm-navy)!important}
html.mdc-navy .biography-nav-links a[aria-current] *,html.mdc-navy .biography-nav-links a.is-active *,html.mdc-navy .biography-nav-links a.active *{color:var(--hm-navy)!important}

/* c2  ivory for every light section, hairlines between sections */
html.mdc-navy .biography-content > section.band:not(#peers){background:#f6f5ef!important}
html.mdc-navy .biography-content > section.band + section.band{box-shadow:inset 0 1px 0 var(--hm-join)}