body{font-family:Manrope,Arial,sans-serif;background:#f6f5ef;color:#243c52}.local-review-banner{font:600 13px/1.4 Manrope,Arial,sans-serif;text-align:center;background:#e9e3d4;color:#243c52;padding:8px 12px}html body #main .ar-body p,html body #main .ar-body li{font-size:18px!important;line-height:1.72}.ar-body .editorial{font-size:18px!important}.ar-head-inner{max-width:1120px}.ar-head h1{max-width:1120px;text-wrap:balance}.ar-head-inner .lead{max-width:760px}.ar-head-inner .ar-author{max-width:820px}.ar-head-inner .lead p{margin:0}.ar-body .ar-figure{margin:30px 0}.ar-body .ar-figure img{display:block;width:100%;height:auto;border-radius:10px}.ar-body .ar-figure picture{display:block}.ar-body .ar-figure figcaption{font-size:15px;line-height:1.6;color:#485f70;margin-top:12px}.ar-body .figure-labels{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:center;font-weight:700;margin-bottom:10px}.ar-related-links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 12px}.ar-related-links li{margin:0!important;padding:16px 18px;background:var(--fg-surface,rgba(250,248,242,.62));border:1px solid rgba(24,61,105,.16);border-radius:12px;line-height:1.5!important}.ar-related-links a{display:block;color:#17496b!important;font-weight:800;text-decoration:underline!important;text-decoration-thickness:1.5px;text-underline-offset:4px;margin-bottom:5px}.ar-related-links a:hover,.ar-related-links a:focus-visible{color:#0b638f!important;text-decoration-thickness:2px}.ar-contents-links a[aria-current="location"]{font-weight:800;color:#fff!important;text-decoration:underline;text-underline-offset:4px}@media(max-width:350px){.mobile-menu>summary{transform:translateX(-5px)}}@media(max-width:700px){.ar-related-links{grid-template-columns:1fr}.ar-body .figure-labels{font-size:13px}.ar-contents-fold:not([open]) .ar-contents-links{display:none}}
/* Phone header and quick bar, 25 September 2026. Loaded last on every page
   that carries the mobile quick bar. Gated by html classes hr-hd1 / hr-q4. */

/* hd1  A larger name and iris on phones, with a tighter stack.
   The phone header row is already full (brand 182 + search 40 + language 57 +
   menu 48 + gaps = 339px at 375px), so the larger lock-up is paid for by 6px
   off the search button width and the language pill's side padding. The tagline
   stays at 12px: at 12.5px it wraps and the row breaks. */
@media (max-width:760px){
  html.hr-hd1 header{row-gap:2px!important;padding-bottom:6px!important}
  html.hr-hd1 header .brand{gap:8px!important}
  html.hr-hd1 header .brand img{width:34px!important;height:34px!important}
  html.hr-hd1 header .brand span{font-size:16.5px!important;line-height:1.22!important}
  html.hr-hd1 header .brand span small{font-size:12px!important;line-height:1.3!important}
  html.hr-hd1 header details.language-menu>summary{padding-left:6px!important;padding-right:6px!important}
  html.hr-hd1 header button.site-search-trigger{width:34px!important;min-width:34px!important;padding:0!important}
}
@media (max-width:360px){
  html.hr-hd1 header .brand img{width:31px!important;height:31px!important}
  html.hr-hd1 header .brand span{font-size:15.5px!important}
}

/* q4  Four buttons in the phone bar: Home, Dr Chen, Articles, Contact.
   Same 13px labels and 52px targets as the published three. */
.qn-articles{display:none!important}
html.hr-q4 .mobile-quick-nav .qn-articles{display:flex!important}
html.hr-q4 .mobile-quick-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.hr-q4 .mobile-quick-nav>a{min-width:0;padding-left:4px!important;padding-right:4px!important}
html.hr-q4 .mobile-quick-nav>a>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.qn-short{display:none}
html.hr-q4 .mobile-quick-nav .qn-long{display:none}
html.hr-q4 .mobile-quick-nav .qn-short{display:inline}

/* b2: the homepage's gold appointment band on every other page that had the
   older one-line band. Values measured from the live homepage band (ffc4f1ef)
   at 1440 and 375 px; scoped with !important because each page carries older
   .booking-band and site-wide h2 rules. The homepage keeps its own styles. */
html body section.booking-band.hs-band{display:block!important;background:#e4d4b7!important;padding:44px 24px!important;margin:0!important;min-height:0!important;border-top:1px solid rgba(24,61,105,.13)!important;border-bottom:1px solid rgba(24,61,105,.13)!important;color:#183d69;font-family:Manrope,system-ui,sans-serif;text-align:left}
html body .booking-band.hs-band .hs-band-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;row-gap:30px;align-items:start}
html body .booking-band.hs-band .hs-band-grid>div{padding:0 56px;min-width:0}
html body .booking-band.hs-band .hs-band-main{padding-left:0!important;border-right:1px solid rgba(24,61,105,.22)}
html body .booking-band.hs-band .hs-band-ref{padding-right:0!important}
html body .booking-band.hs-band .hs-band-grid>h2.hr-band-h{grid-column:1/-1;padding:0!important;margin:0!important;max-width:none!important;width:auto;font-family:Manrope,system-ui,sans-serif!important;font-weight:700!important;font-size:34.56px!important;line-height:1.2!important;letter-spacing:-.015em!important;color:#183d69!important;text-align:left!important}
html body .booking-band.hs-band h3{font-family:Manrope,system-ui,sans-serif!important;font-weight:700!important;font-size:25px!important;line-height:1.2!important;letter-spacing:-.015em!important;color:#183d69!important;margin:0 0 10px!important}
html body .booking-band.hs-band p{margin:0!important;color:#263647!important;font-size:18px;line-height:1.6;max-width:none}
html body .booking-band.hs-band address{font-style:normal!important;margin:14px 0 20px!important;line-height:1.7;color:#263647;font-size:18px}
html body .booking-band.hs-band .hs-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}
html body .booking-band.hs-band .hs-band-ref .hs-actions{margin-top:20px!important}
html body .booking-band.hs-band .hs-btn{display:inline-flex!important;align-items:center!important;justify-content:flex-start;gap:12px!important;width:auto!important;height:48px!important;min-height:48px!important;padding:0 22px!important;margin:0!important;border-radius:999px!important;font-family:Manrope,system-ui,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.25!important;text-decoration:none!important;box-shadow:none!important;transition:background .2s,color .2s}
html body .booking-band.hs-band .hs-btn *{text-decoration:none!important}
html body .booking-band.hs-band .hs-btn-fill{background:#1c3656!important;color:#fff!important;border:1.5px solid #1c3656!important}
html body .booking-band.hs-band .hs-btn-fill:hover{background:#12304f!important;border-color:#12304f!important}
html body .booking-band.hs-band .hs-btn-line{background:transparent!important;color:#183d69!important;border:1.5px solid #183d69!important}
html body .booking-band.hs-band .hs-btn-line:hover{background:rgba(24,61,105,.08)!important}
html body .booking-band.hs-band .hs-btn:focus-visible,html body .booking-band.hs-band a:focus-visible{outline:3px solid #2f6fb0;outline-offset:3px}
html body .booking-band.hs-band .hs-ar{display:inline-block;transition:transform .2s}
html body .booking-band.hs-band a:hover>.hs-ar{transform:translateX(3px)}
html body .booking-band.hs-band .hr-call{gap:10px!important}
html body .booking-band.hs-band .hr-call svg{width:18px;height:18px;flex:none}
html body .booking-band.hs-band .hs-urgent,
html body .booking-band.hs-band .hs-zh{margin-top:16px!important}
html body .booking-band.hs-band .hs-urgent a,
html body .booking-band.hs-band .hs-zh a{color:#183d69!important;font-weight:600;text-decoration:underline!important;text-underline-offset:3px}
@media (max-width:860px){
  html body section.booking-band.hs-band{padding:36px 20px!important}
  html body .booking-band.hs-band .hs-band-grid{grid-template-columns:1fr}
  html body .booking-band.hs-band .hs-band-grid>div{padding:0}
  html body .booking-band.hs-band .hs-band-main{border-right:0;border-bottom:1px solid rgba(24,61,105,.22);padding-bottom:28px!important;margin-bottom:28px!important}
}
@media (max-width:760px){
  html body .booking-band.hs-band .hs-band-grid>h2.hr-band-h{font-size:25px!important}
  html body .booking-band.hs-band p,html body .booking-band.hs-band address{font-size:17px}
  html body .booking-band.hs-band .hs-actions .hr-call{flex-direction:row-reverse}
}
@media (max-width:560px){
  html body .booking-band.hs-band .hs-btn{width:100%!important;height:auto!important;justify-content:space-between!important;white-space:normal}
}
@media (prefers-reduced-motion:reduce){html body .booking-band.hs-band .hs-ar{transition:none}}

div.ar-author>img[src*="headshot-avatar"]{width:80px!important;height:80px!important;min-width:80px!important;flex:0 0 80px!important;object-fit:cover!important;object-position:50% 50%!important;border-radius:50%!important;background:#fbfbfb!important}@media (max-width:700px){div.ar-author>img[src*="headshot-avatar"]{width:72px!important;height:72px!important;min-width:72px!important;flex:0 0 72px!important}}