.new-reading{max-width:1320px;margin:42px auto;padding:28px 6%;background:#eaf1f7;border-radius:18px;color:#183d69}.new-reading h2{font:700 clamp(22px,2.4vw,29px)/1.25 Manrope,sans-serif;margin:0 0 18px}.new-reading-links{display:flex;flex-wrap:wrap;gap:10px}.new-reading-links a{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:44px;padding:10px 16px;border-radius:999px;background:#fff;color:#183d69;border:1px solid #c2d1dd;font:700 14px/1.35 Manrope,sans-serif;text-decoration:none}.new-reading-links a:hover,.new-reading-links a:focus-visible{background:#183d69;color:#fff}.new-reading-links .aes-arrow{flex:none}@media(max-width:760px){.new-reading{margin:28px 5%;padding:21px}.new-reading-links a{width:100%;justify-content:space-between}}
/* 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}}