/* ======================================================================
   TYPE + GRID SYSTEM (2026-09-04, v5.0.0)
   Pages were built over several weeks and each picked its own sizes, so
   the same role — a section label, a section name, a subhead, a card
   title — appeared at four or five different sizes across the site. This
   block is the single source for those roles. Everything is weight 400.

   label   13/18  ls 1.7  uppercase
   h1      56/64  ls -0.4      (1100 -> 44/54, 720 -> 32/42)
   h2      32/42  ls -0.3      (820 -> 28/38, 720 -> 26/36)   section name
   h3      24/32  ls -0.2      (720 -> 21/29)                 subhead
   card    20/28                (720 -> 19/27)                card title
   detail  16/26                                              inline label
   ====================================================================== */
body .entry-content h1,body .entry-content h2,body .entry-content h3,body .entry-content h4,
body .entry-content p,body .entry-content li{font-weight:400 !important;}
body .entry-content p:not([class]){font-size:17px !important;line-height:29px !important;}

/* Section label. These were 700 weight everywhere, and on two pages the
   style was not reaching the element at all, so the label rendered as body
   copy. One rule now covers every name the label goes by. */
html body .entry-content.entry-content.entry-content .ey[class][class],html body .entry-content.entry-content.entry-content .eyebrow[class][class],
html body .entry-content.entry-content.entry-content .intl-kicker[class][class],html body .entry-content.entry-content.entry-content .pt-kicker[class][class],
html body .entry-content.entry-content.entry-content .ps-kicker[class][class],html body .rvb__label,
html body .entry-content.entry-content.entry-content .reg-note__label{
  font-size:13px !important;line-height:18px !important;font-weight:400 !important;
  letter-spacing:1.7px !important;text-transform:uppercase !important;}
html body .entry-content.entry-content.entry-content .ey,html body .entry-content.entry-content.entry-content .eyebrow,
html body .entry-content.entry-content.entry-content .intl-kicker,html body .entry-content.entry-content.entry-content .ps-kicker{color:#6B7C80 !important;}

html body .entry-content.entry-content.entry-content h1,html body .entry-content.entry-content.entry-content h1[class][class]{
  font-size:56px !important;line-height:64px !important;letter-spacing:-.4px !important;}
html body .entry-content.entry-content.entry-content h2,html body .entry-content.entry-content.entry-content h2[class][class]{
  font-size:32px !important;line-height:42px !important;letter-spacing:-.3px !important;}
html body .entry-content.entry-content.entry-content h3,html body .entry-content.entry-content.entry-content h3[class][class]{
  font-size:24px !important;line-height:32px !important;letter-spacing:-.2px !important;}

/* A heading inside a card or a grid item names the card, not a section. */
html body .entry-content.entry-content.entry-content .card[class] h3,html body .entry-content.entry-content.entry-content .card[class] h4,
html body .entry-content.entry-content.entry-content [class*="grid"][class] h3,html body .entry-content.entry-content.entry-content [class*="grid"][class] h4,
html body .entry-content.entry-content.entry-content [class*="cards"][class] h3,html body .entry-content.entry-content.entry-content [class*="cards"][class] h4,
html body .entry-content.entry-content.entry-content .slmc-card[class] h3,html body .entry-content.entry-content.entry-content .slmc-card[class] h2,html body .entry-content.entry-content.entry-content .ps-card[class] h3,
html body .entry-content.entry-content.entry-content .pt-card[class] h3,html body .entry-content.entry-content.entry-content .pt-card[class] h4,
html body .entry-content.entry-content.entry-content .slmc-photo[class] h3,
html body .entry-content.entry-content.entry-content [class*="faq"][class] h3,html body .entry-content.entry-content.entry-content [class*="faq"][class] h4,
html body .entry-content.entry-content.entry-content details[class] h3,html body .entry-content.entry-content.entry-content .steps[class] h3{
  font-size:20px !important;line-height:28px !important;letter-spacing:normal !important;}

@media (max-width:1100px){
  html body .entry-content.entry-content.entry-content h1,html body .entry-content.entry-content.entry-content h1[class][class]{font-size:44px !important;line-height:54px !important;}
  html body .hero,html body .slmc-intl .hero{padding-left:40px !important;padding-right:40px !important;}
}
@media (max-width:820px){
  html body .entry-content.entry-content.entry-content h2,html body .entry-content.entry-content.entry-content h2[class][class]{font-size:28px !important;line-height:38px !important;}
  html body .hero,html body .slmc-intl .hero{padding-left:28px !important;padding-right:28px !important;}
}
@media (max-width:620px){
  html body .entry-content.entry-content.entry-content h1,html body .entry-content.entry-content.entry-content h1[class][class]{font-size:32px !important;line-height:42px !important;}
  html body .entry-content.entry-content.entry-content h2,html body .entry-content.entry-content.entry-content h2[class][class]{font-size:26px !important;line-height:36px !important;}
  html body .entry-content.entry-content.entry-content h3,html body .entry-content.entry-content.entry-content h3[class][class]{font-size:21px !important;line-height:29px !important;}
  html body .entry-content.entry-content.entry-content .card[class] h3,html body .entry-content.entry-content.entry-content .card[class] h4,
  html body .entry-content.entry-content.entry-content [class*="grid"][class] h3,html body .entry-content.entry-content.entry-content [class*="grid"][class] h4,
  html body .entry-content.entry-content.entry-content [class*="cards"][class] h3,html body .entry-content.entry-content.entry-content [class*="cards"][class] h4,
  html body .entry-content.entry-content.entry-content .slmc-card[class] h3,html body .entry-content.entry-content.entry-content .slmc-card[class] h2,html body .entry-content.entry-content.entry-content .ps-card[class] h3,
  html body .entry-content.entry-content.entry-content [class*="faq"][class] h3,html body .entry-content.entry-content.entry-content .steps[class] h3{
    font-size:19px !important;line-height:27px !important;}
  html body .hero,html body .slmc-intl .hero{padding-left:20px !important;padding-right:20px !important;}
}

/* Roles that keep their own size, each one a deliberate exception. */
html body .entry-content.entry-content.entry-content .hi-next h3{font-size:23px !important;line-height:31px !important;font-weight:600 !important;}
html body .entry-content.entry-content.entry-content .hi-refs-sec h2{font-size:24px !important;line-height:32px !important;}
html body .entry-content.entry-content.entry-content h3.ps-feat__title{font-size:24px !important;line-height:32px !important;letter-spacing:normal !important;}
html body .entry-content.entry-content.entry-content .pg-toc__label{font-size:13px !important;line-height:23px !important;
  letter-spacing:1.5px !important;text-transform:uppercase !important;font-weight:400 !important;}
html body .entry-content.entry-content.entry-content .intl main.wrap.topics h2:before{letter-spacing:1.6px !important;}

/* --- Grid gutters -----------------------------------------------------
   Card grids used 18, 20 and 24px on different pages. One gutter for
   content cards; dense four-column and six-column strips keep the tighter
   one, because 24px between six thumbnails reads as a gap, not a rhythm. */
html body .entry-content.entry-content.entry-content .grid,html body .entry-content.entry-content.entry-content .cards,
html body .entry-content.entry-content.entry-content .slmc-card-grid,html body .entry-content.entry-content.entry-content .slmc-guides__grid,
html body .entry-content.entry-content.entry-content .one-stop-grid,html body .entry-content.entry-content.entry-content .image-grid,
html body .entry-content.entry-content.entry-content .ps-grid,html body .entry-content.entry-content.entry-content .ps-row,
html body .entry-content.entry-content.entry-content .pt-list{gap:24px !important;}
html body .entry-content.entry-content.entry-content .support-grid,html body .entry-content.entry-content.entry-content .bmac-kl__grid,
html body .entry-content.entry-content.entry-content .pv-grid--short,html body .entry-content.entry-content.entry-content .doctor-pubs__grid{gap:16px !important;}
@media (max-width:1000px){
  html body .entry-content.entry-content.entry-content .grid,html body .entry-content.entry-content.entry-content .cards,
  html body .entry-content.entry-content.entry-content .slmc-card-grid,html body .entry-content.entry-content.entry-content .slmc-guides__grid,
  html body .entry-content.entry-content.entry-content .one-stop-grid,html body .entry-content.entry-content.entry-content .image-grid,
  html body .entry-content.entry-content.entry-content .ps-grid,html body .entry-content.entry-content.entry-content .ps-row,
  html body .entry-content.entry-content.entry-content .pt-list{gap:20px !important;}
}
@media (max-width:620px){
  html body .entry-content.entry-content.entry-content .grid,html body .entry-content.entry-content.entry-content .cards,
  html body .entry-content.entry-content.entry-content .slmc-card-grid,html body .entry-content.entry-content.entry-content .slmc-guides__grid,
  html body .entry-content.entry-content.entry-content .one-stop-grid,html body .entry-content.entry-content.entry-content .image-grid,
  html body .entry-content.entry-content.entry-content .ps-grid,html body .entry-content.entry-content.entry-content .ps-row,
  html body .entry-content.entry-content.entry-content .pt-list{gap:16px !important;}
}

/* --- FAQ accordion (2026-09-04, v5.2.0) -------------------------------
   Six FAQ blocks had grown six different looks: two boxed-card variants
   with rounded borders, three hairline variants with slightly different
   paddings and marker weights, and one still showing the browser default
   disclosure triangle. One pattern now owns all of them - hairline rows,
   a chevron on the right, the first question open with its answer in
   view. The selectors match any details element whose own class contains
   faq and any details inside a wrapper whose class contains faq, so a
   new FAQ section inherits the pattern without a new rule. */
html body .entry-content.entry-content.entry-content details[class*="faq"][class],
html body .entry-content.entry-content.entry-content [class*="faq"][class] details,
html body .entry-content.entry-content.entry-content .slmc-faq__q[class]{
  border:0 !important;border-top:1px solid #D9E2E3 !important;border-radius:0 !important;
  background:none !important;box-shadow:none !important;margin:0 !important;padding:0 !important;}
html body .entry-content.entry-content.entry-content details[class*="faq"][class]:last-of-type,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details:last-of-type,
html body .entry-content.entry-content.entry-content .slmc-faq__q[class]:last-of-type{
  border-bottom:1px solid #D9E2E3 !important;}

/* The group frame lived on the wrapper on three pages and on nothing at
   all on the other three; the rows carry it now, so the wrapper drops it. */
html body .entry-content.entry-content.entry-content .carti-faq[class],
html body .entry-content.entry-content.entry-content .bmac-faq[class],
html body .entry-content.entry-content.entry-content .mr-faq[class],
html body .entry-content.entry-content.entry-content .slmc-faq[class]{
  border:0 !important;margin-top:24px !important;}

html body .entry-content.entry-content.entry-content details[class*="faq"][class] > summary,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details > summary,
html body .entry-content.entry-content.entry-content .slmc-faq__q[class] > summary{
  display:block !important;position:relative !important;cursor:pointer !important;
  list-style:none !important;margin:0 !important;padding:20px 48px 20px 0 !important;
  font-size:20px !important;line-height:28px !important;font-weight:600 !important;color:#18262B !important;}
html body .entry-content.entry-content.entry-content [class*="faq"][class] summary::-webkit-details-marker{display:none !important;}
html body .entry-content.entry-content.entry-content [class*="faq"][class] summary::marker{content:"" !important;}
html body .entry-content.entry-content.entry-content [class*="faq"][class] summary h3,
html body .entry-content.entry-content.entry-content [class*="faq"][class] summary h4{
  display:block !important;margin:0 !important;font-weight:600 !important;color:#18262B !important;}
html body .entry-content.entry-content.entry-content [class*="faq"][class] summary:focus-visible{
  outline:2px solid #1F6571 !important;outline-offset:2px !important;}

/* The chevron: one size, one stroke weight, one position on every page. */
html body .entry-content.entry-content.entry-content [class*="faq"][class] summary:after,
html body .entry-content.entry-content.entry-content .slmc-faq__q[class] > summary:after{
  content:"" !important;position:absolute !important;right:12px !important;top:26px !important;
  left:auto !important;bottom:auto !important;width:9px !important;height:9px !important;
  border:0 !important;border-right:1.5px solid #1F6571 !important;border-bottom:1.5px solid #1F6571 !important;
  border-radius:0 !important;background:none !important;font-size:0 !important;
  transform:rotate(45deg) !important;transition:transform .2s !important;}
html body .entry-content.entry-content.entry-content [class*="faq"][class][open] > summary:after,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details[open] > summary:after,
html body .entry-content.entry-content.entry-content .slmc-faq__q[class][open] > summary:after{
  transform:rotate(-135deg) !important;top:30px !important;}

/* The answer: one measure, one size, one colour. */
html body .entry-content.entry-content.entry-content details[class*="faq"][class] > p,
html body .entry-content.entry-content.entry-content details[class*="faq"][class] > div,
html body .entry-content.entry-content.entry-content details[class*="faq"][class] > ul,
html body .entry-content.entry-content.entry-content details[class*="faq"][class] > ol,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details > p,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details > div,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details > ul,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details > ol{
  max-width:74ch !important;margin:0 0 14px !important;padding:0 !important;
  font-size:17px !important;line-height:28px !important;color:#3F5D68 !important;}
html body .entry-content.entry-content.entry-content details[class*="faq"][class] > *:last-child,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details > *:last-child{
  margin-bottom:22px !important;}
html body .entry-content.entry-content.entry-content details[class*="faq"][class] > div p,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details > div p{
  max-width:74ch !important;margin:0 0 14px !important;font-size:17px !important;
  line-height:28px !important;color:#3F5D68 !important;}
html body .entry-content.entry-content.entry-content details[class*="faq"][class] > div p:last-child,
html body .entry-content.entry-content.entry-content [class*="faq"][class] details > div p:last-child{
  margin-bottom:0 !important;}

@media (max-width:620px){
  html body .entry-content.entry-content.entry-content details[class*="faq"][class] > summary,
  html body .entry-content.entry-content.entry-content [class*="faq"][class] details > summary,
  html body .entry-content.entry-content.entry-content .slmc-faq__q[class] > summary{
    padding:18px 40px 18px 0 !important;font-size:19px !important;line-height:27px !important;}
  html body .entry-content.entry-content.entry-content [class*="faq"][class] summary:after{top:24px !important;right:6px !important;}
  html body .entry-content.entry-content.entry-content [class*="faq"][class][open] > summary:after,
  html body .entry-content.entry-content.entry-content [class*="faq"][class] details[open] > summary:after{top:28px !important;}
  html body .entry-content.entry-content.entry-content details[class*="faq"][class] > p,
  html body .entry-content.entry-content.entry-content details[class*="faq"][class] > div,
  html body .entry-content.entry-content.entry-content [class*="faq"][class] details > p,
  html body .entry-content.entry-content.entry-content [class*="faq"][class] details > div,
  html body .entry-content.entry-content.entry-content [class*="faq"][class] details > div p,
  html body .entry-content.entry-content.entry-content details[class*="faq"][class] > div p{
    font-size:16px !important;line-height:26px !important;}
}
@media (prefers-reduced-motion:reduce){
  html body .entry-content.entry-content.entry-content [class*="faq"][class] summary:after{transition:none !important;}
}


/* --- Related-page pills (2026-09-04, v5.3.0) --------------------------
   Cross-links used to be plain text links buried in body copy, so the
   next step a reader could take was invisible until they read to the end
   of a paragraph. One pill row per page, placed where the reader’s next
   question actually forms - after the comparison table, after the
   journey, at the end of the cost answer - and never more than four
   links, so the row reads as a next step rather than a link farm. */
html body .entry-content.entry-content.entry-content .slmc-pills{
  display:flex !important;flex-wrap:wrap !important;align-items:center !important;
  gap:10px !important;margin:26px 0 0 !important;padding:0 !important;list-style:none !important;}
html body .entry-content.entry-content.entry-content .slmc-pills__lead{
  flex:0 0 100% !important;margin:0 0 2px !important;font-size:13px !important;line-height:18px !important;
  letter-spacing:1.7px !important;text-transform:uppercase !important;font-weight:400 !important;
  color:#6B7C80 !important;}
html body .entry-content.entry-content.entry-content a.slmc-pill{
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  padding:11px 20px !important;border:1px solid #C9D6D9 !important;border-radius:999px !important;
  background:#fff !important;box-shadow:none !important;
  font-size:15px !important;line-height:22px !important;font-weight:500 !important;
  letter-spacing:normal !important;color:#1F6571 !important;text-decoration:none !important;
  transition:background-color .15s,border-color .15s,color .15s !important;}
html body .entry-content.entry-content.entry-content a.slmc-pill:after{
  content:"\2192" !important;font-size:15px !important;line-height:1 !important;opacity:.55 !important;}
html body .entry-content.entry-content.entry-content a.slmc-pill:hover,
html body .entry-content.entry-content.entry-content a.slmc-pill:focus{
  background:#F1F6F6 !important;border-color:#1F6571 !important;color:#154C55 !important;}
html body .entry-content.entry-content.entry-content a.slmc-pill:focus-visible{
  outline:2px solid #1F6571 !important;outline-offset:2px !important;}
html body .entry-content.entry-content.entry-content a.slmc-pill--solid{
  background:#1F6571 !important;border-color:#1F6571 !important;color:#fff !important;}
html body .entry-content.entry-content.entry-content a.slmc-pill--solid:hover,
html body .entry-content.entry-content.entry-content a.slmc-pill--solid:focus{
  background:#154C55 !important;border-color:#154C55 !important;color:#fff !important;}
@media (max-width:620px){
  html body .entry-content.entry-content.entry-content .slmc-pills{gap:8px !important;margin-top:22px !important;}
  html body .entry-content.entry-content.entry-content a.slmc-pill{
    padding:10px 16px !important;font-size:14px !important;line-height:21px !important;}
}
@media (prefers-reduced-motion:reduce){
  html body .entry-content.entry-content.entry-content a.slmc-pill{transition:none !important;}
}

/* A ghost CTA inside the dark hero was teal-on-teal and nearly invisible. */
html body .entry-content.entry-content.entry-content .hero .cta.ghost,
html body .entry-content.entry-content.entry-content header.hero a.ghost{
  border-color:rgba(255,255,255,.65) !important;color:#fff !important;background:transparent !important;}
html body .entry-content.entry-content.entry-content .hero .cta.ghost:hover,
html body .entry-content.entry-content.entry-content header.hero a.ghost:hover{
  background:rgba(255,255,255,.12) !important;border-color:#fff !important;}

/* --- Home-page review notes (2026-09-04, v5.5.0) -----------------------
   Fixes from the 260904 review deck. */
/* 1. The label colour above is a mid grey for white backgrounds; on the
      hero video it disappeared. Inside a hero the label goes light. */
html body .entry-content.entry-content.entry-content .hero .ey,
html body .entry-content.entry-content.entry-content .hero .eyebrow,
html body .entry-content.entry-content.entry-content .hero .intl-kicker{color:rgba(255,255,255,.88) !important;}
/* 2. The intro text and the three treatment cards are one group, but 128px
      of stacked section padding made them read as two. */
html body .entry-content.entry-content.entry-content section.slmc-care{padding-bottom:12px !important;}
html body .entry-content.entry-content.entry-content section.slmc-care + section.section.soft{
  margin-top:0 !important;padding-top:40px !important;padding-bottom:48px !important;}
/* 3. The note and the callout under the six journey cards stopped at 820px
      while the cards above ran the full 1120px grid; the callout box now
      spans the grid so its right edge lines up with the cards. */
html body .entry-content.entry-content.entry-content .slmc-one-stop .one-stop-note,
html body .entry-content.entry-content.entry-content .slmc-one-stop .one-stop-outro{max-width:none !important;}
/* 4. Section header with a pill on the right, reused from the health column. */
html body .entry-content.entry-content.entry-content .slmc-one-stop .slmc-sec-head{margin-bottom:8px;}
html body .entry-content.entry-content.entry-content .slmc-one-stop .slmc-sec-head .eyebrow{margin-bottom:8px;}
html body .entry-content.entry-content.entry-content .slmc-one-stop .slmc-sec-head h2{margin:0 !important;}
@media (max-width:620px){
  html body .entry-content.entry-content.entry-content .slmc-one-stop .slmc-sec-head__all{width:100%;}
  html body .entry-content.entry-content.entry-content .slmc-one-stop .slmc-sec-head__all .hi-btn{display:flex;justify-content:center;}
}

/* Classes whose own rules outrank the generic ones above. */
html body .entry-content.entry-content.entry-content p[class*="doctor-"][class],
html body .entry-content.entry-content.entry-content p.team-line[class]{font-weight:400 !important;}
/* Horizontal alignment: these blocks sat 3px and 37px left of the page grid
   because they used a fixed margin instead of centring inside the container. */
html body .entry-content.entry-content.entry-content .doctor-contact,html body .entry-content.entry-content.entry-content .final-note{
  margin-left:auto !important;margin-right:auto !important;}
html body .slmc-home-footer{padding-left:0 !important;padding-right:0 !important;}
html body .slmc-home-footer-inner{max-width:1200px !important;margin-left:auto !important;
  margin-right:auto !important;padding-left:40px !important;padding-right:40px !important;}
@media (max-width:820px){html body .slmc-home-footer-inner{padding-left:28px !important;padding-right:28px !important;}}
@media (max-width:620px){html body .slmc-home-footer-inner{padding-left:20px !important;padding-right:20px !important;}}
/* --- Two-bar header (2026-09-04) ---------------------------------------
   Row one carries the brand block and scrolls away; row two is the menu and
   is the part that stays pinned, so the sticky bar costs 60px of screen
   rather than 144px. The brand row is pulled onto the same 1200/40 grid as
   the page content, so the logo lines up with every H1 and H2 below it. */
html body .site-header{position:static !important;box-shadow:none !important;}
html body .site-header .inside-header{max-width:1200px !important;margin-left:auto !important;
  margin-right:auto !important;padding-left:40px !important;padding-right:40px !important;}
html body #site-navigation{position:-webkit-sticky !important;position:sticky !important;top:0 !important;
  z-index:200 !important;background-color:#fff !important;border-top:1px solid #EDF2F3;
  border-bottom:1px solid #E2EAEB;box-shadow:0 6px 16px rgba(32,52,62,.05);}
html body.admin-bar #site-navigation{top:32px !important;}
@media (max-width:782px){html body.admin-bar #site-navigation{top:0 !important;}}
@media (max-width:1199px){
  html body #site-navigation{max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
}
/* Eight items in a 1160px row: 20px side padding summed to 1179px and
   pushed the last item onto a second line; 16px keeps it to one. */
@media (min-width:1200px){
  html body #site-navigation .main-nav > ul > li > a{padding-left:16px !important;padding-right:16px !important;}
}
/* The brand block: symbol from the logo file, name and centre line as text. */
html body .slmc-brand{display:flex;align-items:center;}
html body .slmc-brand__link{display:flex;align-items:center;gap:12px;text-decoration:none;}
html body .slmc-brand__mark{flex:0 0 34px;width:34px;height:35px;background-repeat:no-repeat;
  background-position:left center;background-size:463px 35px;}
html body .slmc-brand__text{display:block;min-width:0;}
html body .slmc-brand__name{display:block;font-size:19px;line-height:26px;font-weight:400;
  color:#18262B;letter-spacing:.2px;}
html body .slmc-brand__center{display:block;font-size:10.5px;line-height:15px;letter-spacing:1.6px;
  text-transform:uppercase;color:#6B7C80;}
@media (max-width:820px){
  html body .site-header .inside-header{padding-left:28px !important;padding-right:28px !important;}
  html body #site-navigation .inside-navigation{padding-left:8px !important;padding-right:8px !important;}
}
@media (max-width:620px){
  html body .site-header .inside-header{padding-left:20px !important;padding-right:20px !important;}
  html body #site-navigation .inside-navigation{padding-left:0 !important;padding-right:0 !important;}
  html body .slmc-brand__name{font-size:17px;line-height:24px;}
  html body .slmc-brand__center{font-size:9.5px;letter-spacing:1.2px;}
  html body .slmc-brand__mark{flex:0 0 30px;width:30px;height:31px;background-size:409px 31px;}
}
/* Anchor targets and the in-article contents list clear the 60px menu bar. */
html{scroll-behavior:smooth;}
html body .hi-single__main h2[id],html body .hi-single__main h3[id],
html body .hi-refs li,html body [id^="sec-"],html body [id^="toc-"]{scroll-margin-top:84px !important;}
@media (max-width:620px){
  html body .hi-single__main h2[id],html body .hi-single__main h3[id],
  html body .hi-refs li,html body [id^="sec-"],html body [id^="toc-"]{scroll-margin-top:100px !important;}
}
html body .hi-toc{top:86px !important;}
/* --- Reviewed-by band (2026-09-04) -------------------------------------
   Sits under the hero on the medical content pages. No ratings or review
   counts by design: those would be advertising claims under the Korean Medical
   Service Act and none of them would be independently verifiable here. */
html body .entry-content.entry-content.entry-content .rvb{max-width:1200px;margin:0 auto 8px !important;padding:0 40px;}
html body .hi-single .rvb{max-width:none;padding:0;margin:26px 0 0 !important;}
html body .rvb__top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border:1px solid #D9E2E3;border-bottom:0;border-radius:12px 12px 0 0;background:#fff;padding:18px 24px;}
html body .rvb__who{display:flex;align-items:center;gap:16px;min-width:0;}
html body .rvb__avatar{flex:0 0 62px;width:62px;height:62px;border-radius:50%;overflow:hidden;
  background:#fff;border:1px solid #D9E2E3;display:block;}
html body .rvb__photo{display:block;width:227%;height:auto;max-width:none;margin:-5% 0 0 -64%;}
html body .rvb__id{display:block;min-width:0;}
html body .rvb__label{display:block;font-size:11.5px;line-height:17px;letter-spacing:1.5px;
  text-transform:uppercase;color:#6B7C80;}
html body .rvb__name{display:block;font-size:18px;line-height:27px;font-weight:400 !important;color:#18262B;}
html body .rvb__deg{font-size:14px;color:#6B7C80;}
html body .rvb__role{display:block;font-size:14px;line-height:22px;color:#6B7C80;}
html body .entry-content.entry-content.entry-content p.rvb__date,html body .rvb__date{margin:0 !important;flex:0 0 auto;
  font-size:13px !important;line-height:22px !important;color:#6B7C80 !important;}
html body .rvb__foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;
  border:1px solid #D9E2E3;border-radius:0 0 12px 12px;background:#F7FAFA;padding:11px 24px;}
html body .rvb__flabel{font-size:11.5px;line-height:17px;letter-spacing:1.5px;text-transform:uppercase;color:#6B7C80;}
html body .rvb__item{font-size:13.5px;line-height:22px;color:#20343E;}
html body .rvb__link{font-size:13.5px;line-height:22px;color:#20343E;text-decoration:underline;text-underline-offset:3px;}
html body .rvb__link:hover{color:#18262B;}
@media (max-width:1100px){html body .entry-content.entry-content.entry-content .rvb{padding:0 40px;}}
@media (max-width:820px){html body .entry-content.entry-content.entry-content .rvb{padding:0 28px;}}
@media (max-width:620px){
  html body .entry-content.entry-content.entry-content .rvb{padding:0 20px;}
  html body .rvb__top,html body .rvb__foot{padding-left:18px;padding-right:18px;}
  html body .rvb__avatar{flex:0 0 52px;width:52px;height:52px;}
  html body .rvb__date{width:100%;}
}

/* --- Enquiry form (2026-09-04) ------------------------------------------
   Contact Form 7 ships unstyled inputs; these pull the fields onto the same
   type scale, border colour and radius as the cards around them. */
html body .entry-content.entry-content.entry-content .slmc-form{max-width:660px;margin-top:24px;}
html body .entry-content.entry-content.entry-content .slmc-form p{margin:0 0 18px !important;}
html body .entry-content.entry-content.entry-content .slmc-form label{display:block;font-size:14px !important;line-height:22px !important;
  color:#6B7C80 !important;font-weight:400 !important;}
html body .entry-content.entry-content.entry-content .slmc-form input[type="text"],
html body .entry-content.entry-content.entry-content .slmc-form input[type="email"],
html body .entry-content.entry-content.entry-content .slmc-form textarea{box-sizing:border-box;width:100%;margin-top:7px;padding:12px 14px;
  border:1px solid #D9E2E3;border-radius:8px;background:#fff;color:#20343E;font-size:16px;line-height:26px;
  font-family:inherit;font-weight:400;}
html body .entry-content.entry-content.entry-content .slmc-form textarea{min-height:132px;resize:vertical;display:block;}
html body .entry-content.entry-content.entry-content .slmc-form input:focus,html body .entry-content.entry-content.entry-content .slmc-form textarea:focus{
  outline:none;border-color:#20343E;box-shadow:0 0 0 3px rgba(32,52,62,.08);}
html body .entry-content.entry-content.entry-content .slmc-form ::placeholder{color:#9AAAAE;}
html body .entry-content.entry-content.entry-content .slmc-form .wpcf7-list-item{margin:0;}
html body .entry-content.entry-content.entry-content .slmc-form .wpcf7-acceptance label{display:flex;align-items:flex-start;gap:10px;}
html body .entry-content.entry-content.entry-content .slmc-form .wpcf7-acceptance input[type="checkbox"]{margin:5px 0 0;flex:0 0 auto;}
html body .entry-content.entry-content.entry-content .slmc-form .wpcf7-list-item-label{font-size:13px !important;line-height:21px !important;
  color:#6B7C80 !important;}
html body .entry-content.entry-content.entry-content .slmc-form input[type="submit"]{-webkit-appearance:none;appearance:none;cursor:pointer;
  border:1px solid #20343E;border-radius:8px;background:#20343E;color:#fff;padding:14px 30px;
  font-size:16px;line-height:24px;font-family:inherit;font-weight:400;}
html body .entry-content.entry-content.entry-content .slmc-form input[type="submit"]:hover{background:#18262B;border-color:#18262B;}
html body .entry-content.entry-content.entry-content .slmc-form .wpcf7-spinner{margin-left:10px;}
html body .entry-content.entry-content.entry-content .slmc-form p.cf7-alt{margin-top:4px !important;font-size:13.5px !important;
  line-height:22px !important;color:#6B7C80 !important;}
html body .entry-content.entry-content.entry-content .slmc-form .wpcf7-not-valid-tip{font-size:13px;line-height:21px;color:#B4462F;margin-top:6px;}
html body .entry-content.entry-content.entry-content .slmc-form .wpcf7-response-output{margin:8px 0 0 !important;padding:12px 16px !important;
  border:1px solid #D9E2E3 !important;border-radius:8px;font-size:14px;line-height:22px;color:#20343E;}
/* The Health Information index renders from the plugin template, outside
   .entry-content, so the scoped rules above never reach it. Same steps. */
@media (max-width:1000px){html body .slmc-card-grid{gap:20px !important;}}
@media (max-width:620px){html body .slmc-card-grid{gap:16px !important;}}
/* --- Responsive column steps (2026-09-04) ------------------------------
   Measured across eleven pages: three-column card grids were still three
   columns at 834px, which leaves 233px per card, and the four-column icon
   rows were down to 173px. Components each changed at their own width
   (1000, 900, 700, 640, 620, 520), so the page reflowed in pieces rather
   than at one moment. Every grid now steps at the same two widths.

   1000px  multi-column -> two columns
    620px  two columns  -> one column                                  */
@media (max-width:1000px){
  html body .entry-content.entry-content.entry-content .grid,
  html body .entry-content.entry-content.entry-content .cards,
  html body .entry-content.entry-content.entry-content .one-stop-grid,
  html body .entry-content.entry-content.entry-content .slmc-guides__grid,
  html body .entry-content.entry-content.entry-content .support-grid,
  html body .entry-content.entry-content.entry-content .bmac-kl__grid,
  html body .entry-content.entry-content.entry-content .image-grid,
  html body .entry-content.entry-content.entry-content .ps-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body .entry-content.entry-content.entry-content .ps-grid,
  html body .entry-content.entry-content.entry-content .grid.two{
    grid-template-columns:minmax(0,1fr) !important;}
  html body .entry-content.entry-content.entry-content .pv-grid--short{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:620px){
  html body .entry-content.entry-content.entry-content .grid,
  html body .entry-content.entry-content.entry-content .cards,
  html body .entry-content.entry-content.entry-content .one-stop-grid,
  html body .entry-content.entry-content.entry-content .slmc-guides__grid,
  html body .entry-content.entry-content.entry-content .support-grid,
  html body .entry-content.entry-content.entry-content .bmac-kl__grid,
  html body .entry-content.entry-content.entry-content .image-grid,
  html body .entry-content.entry-content.entry-content .ps-row,
  html body .entry-content.entry-content.entry-content .doctor-pubs__grid{
    grid-template-columns:minmax(0,1fr) !important;}
  /* Short-form clips stay paired: one per row would be taller than the screen. */
  html body .entry-content.entry-content.entry-content .pv-grid--short{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
/* --- Contact photos (2026-09-04) ---------------------------------------
   The team photo was being cropped to a 3.1:1 strip, which cut away about
   half the frame and pushed the faces against the top edge. Showing more of
   the picture is what it needed; the source is 760px wide, so making the
   block any wider would only soften it further. */
html body .entry-content .intl-page .visual figure{height:auto !important;}
html body .entry-content .intl-page .visual img{height:520px !important;object-fit:cover !important;
  object-position:center 32% !important;}
@media (max-width:820px){html body .entry-content .intl-page .visual img{height:380px !important;}}
@media (max-width:620px){html body .entry-content .intl-page .visual img{height:280px !important;}}

/* The building shot belongs where a visitor is working out what to look for
   when they arrive, not at the top of a page about writing to us. */
html body .entry-content .slmc-photo{margin:0 0 26px;border-radius:12px;overflow:hidden;
  border:1px solid #D9E2E3;background:#EDF5F4;}
html body .entry-content .slmc-photo img{display:block;width:100%;height:300px;object-fit:cover;
  object-position:center 42%;}
html body .entry-content .slmc-photo figcaption{padding:12px 18px 14px;font-size:13px;line-height:22px;
  color:#6B7C80;background:#fff;}
@media (max-width:620px){html body .entry-content .slmc-photo img{height:210px;}}
/* --- Guide pages: reading rhythm (2026-09-04) --------------------------
   The merged planning guide runs to twenty-two questions, and as a flat
   stack of headings at the container width it read as one undifferentiated
   wall. Three things fix that: a measure the eye can track, a question that
   sits close to its own answer, and a visible break between chapters. */
html body .entry-content .intl main.wrap p.answer,
html body .entry-content .intl main.wrap p.note,
html body .entry-content .intl main.wrap ul,
html body .entry-content .intl main.wrap ol{max-width:720px;}
html body .entry-content .intl main.wrap p.answer{color:#20343E !important;margin-bottom:0 !important;}
html body .entry-content .intl main.wrap h2{margin-top:64px !important;margin-bottom:16px !important;}
html body .entry-content .intl main.wrap h3{margin-top:38px !important;margin-bottom:10px !important;
  color:#18262B;}
html body .entry-content .intl main.wrap ul{margin-top:14px !important;}
/* A page whose H2s are single questions with a one-paragraph answer reads
   better at the section-subheading size than at the chapter size. */
html body .entry-content .intl main.wrap:not(.topics) h2{font-size:26px !important;line-height:34px !important;
  margin-top:46px !important;margin-bottom:12px !important;}
@media (max-width:620px){
  html body .entry-content .intl main.wrap:not(.topics) h2{font-size:23px !important;line-height:31px !important;
    margin-top:38px !important;}
}
html body .entry-content .intl main.wrap > *:first-child{margin-top:0 !important;}
html body .entry-content .intl main.wrap .grid{margin-top:26px;}
html body .entry-content .intl main.wrap a.cta{margin-top:40px;}

/* Chapters — only on the merged guide, which is the page with topic H2s
   above question H3s. A hairline and a counter turn four topics into four
   chapters without another box on the page. */
html body .entry-content .intl main.wrap.topics{counter-reset:chap;}
html body .entry-content .intl main.wrap.topics h2{counter-increment:chap;
  border-top:1px solid #D9E2E3;padding-top:52px;margin-top:64px !important;}
html body .entry-content .intl main.wrap.topics h2:before{content:counter(chap,decimal-leading-zero);
  display:block;font-size:12px;line-height:18px;letter-spacing:1.6px;color:#D1B27A;margin-bottom:12px;}
html body .entry-content .intl main.wrap.topics h2:first-of-type{border-top:0;padding-top:0;margin-top:40px !important;}
@media (max-width:820px){
  html body .entry-content .intl main.wrap.topics h2{font-size:28px !important;line-height:38px !important;}
}
@media (max-width:620px){
  html body .entry-content .intl main.wrap h2{margin-top:48px !important;}
  html body .entry-content .intl main.wrap.topics h2{font-size:26px !important;line-height:36px !important;
    padding-top:38px;margin-top:48px !important;}
  html body .entry-content .intl main.wrap h3{margin-top:30px !important;}
}
/* --- Page contents row (2026-09-04) ------------------------------------
   Modelled on the Cleveland Clinic services pages: one horizontal row of
   short labels between hairlines, not a boxed list of full section titles.
   The labels come from a data-toc attribute on each heading, so a nine-word
   section title still reads as two words here and every entry stays on one
   line. */
html body .entry-content nav.pg-toc{box-sizing:border-box;display:flex;align-items:baseline;
  flex-wrap:wrap;gap:12px 30px;width:calc(100% - 80px);max-width:1120px;margin:26px auto 0 !important;
  padding:16px 0 17px;border-top:1px solid #D9E2E3;border-bottom:1px solid #D9E2E3;}
html body .entry-content .pg-toc__label{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;
  font-size:13px;line-height:23px;color:#18262B;letter-spacing:.2px;}
html body .entry-content .pg-toc__icon{display:block;width:13px;height:9px;
  background-image:linear-gradient(#20343E,#20343E),linear-gradient(#20343E,#20343E),linear-gradient(#20343E,#20343E);
  background-size:13px 1.5px;background-repeat:no-repeat;background-position:0 0,0 4px,0 8px;}
html body .entry-content ul.pg-toc__list{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 !important;
  padding:0 !important;list-style:none !important;}
html body .entry-content ul.pg-toc__list li{margin:0 !important;padding:0 !important;}
html body .entry-content ul.pg-toc__list li:before{content:none !important;}
html body .entry-content ul.pg-toc__list a{display:inline-block;white-space:nowrap;font-size:14.5px;
  line-height:23px;color:#20343E;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;}
html body .entry-content ul.pg-toc__list a:hover{color:#18262B;border-bottom-color:#D1B27A;}
@media (max-width:820px){html body .entry-content nav.pg-toc{width:calc(100% - 56px);}}
@media (max-width:620px){
  html body .entry-content nav.pg-toc{width:calc(100% - 40px);gap:11px 22px;padding:14px 0 15px;}
  html body .entry-content ul.pg-toc__list{gap:9px 20px;}
  html body .entry-content ul.pg-toc__list a{font-size:14px;}
}
/* --- Standing regulatory notice (2026-09-04) ---------------------------
   A fixed line about where CARTISTEM is and is not approved. Sits under the
   hero on the pages that discuss it, so a US reader meets the regulatory
   position before the clinical detail rather than after it. */
html body .entry-content .reg-note{display:block;box-sizing:border-box;width:calc(100% - 80px);
  max-width:1120px;margin:22px auto 0 !important;padding:15px 22px;border:1px solid #E7DCC4;
  border-left:3px solid #D1B27A;border-radius:10px;background:#FCF9F2;}
html body .entry-content .reg-note .reg-note__label{display:block;margin:0 0 5px;font-size:11.5px;
  line-height:17px;letter-spacing:1.5px;text-transform:uppercase;color:#8A6D34;}
html body .entry-content .reg-note p{margin:0 !important;font-size:15px !important;line-height:25px !important;
  color:#20343E !important;font-weight:400 !important;}
@media (max-width:820px){html body .entry-content .reg-note{width:calc(100% - 56px);}}
@media (max-width:620px){html body .entry-content .reg-note{width:calc(100% - 40px);padding:14px 18px;}}
/* --- Patient stories: one long interview plus four compact cards -------- */
html body .entry-content section.ps-sec{max-width:1200px !important;margin:0 auto !important;padding:72px 40px !important;}
html body .ps-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 32px;}
html body .ps-head__txt{min-width:0;}
html body .entry-content p.ps-kicker{margin:0 0 10px !important;font-size:13px !important;line-height:18px !important;
  letter-spacing:1.7px;text-transform:uppercase;color:#6B7C80 !important;}
html body .entry-content .ps-sec h2{margin:0 0 10px !important;color:#18262B;}
html body .entry-content p.ps-lead{margin:0 !important;font-size:17px !important;line-height:29px !important;
  color:#20343E !important;max-width:640px;}
html body .ps-more{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:1px solid #20343E;
  border-radius:999px;padding:13px 24px;font-size:16px;line-height:24px;background:#20343E;color:#fff;
  text-decoration:none;white-space:nowrap;}
html body .ps-more:hover{background:#18262B;color:#fff;}
html body .ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;}
html body .ps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;align-items:stretch;}
html body .ps-feat,html body .ps-card{display:flex;flex-direction:column;}
html body .entry-content ul.ps-points{flex:1 1 auto;}
html body .entry-content h3.ps-card__title{flex:1 1 auto;display:flex;align-items:center;}
html body .ps-feat,html body .ps-card{border:1px solid #D9E2E3;border-radius:12px;background:#fff;overflow:hidden;}
html body .ps-media{position:relative;width:100%;aspect-ratio:16/9;background:#0E1A1F;}
html body .ps-media>*{position:absolute;left:0;top:0;width:100%;height:100%;border:0;}
html body .ps-thumb{margin:0;padding:0;display:block;cursor:pointer;background:#0E1A1F;border:0;}
html body .ps-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
html body .ps-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;
  background:rgba(15,26,31,.68);border:1px solid rgba(255,255,255,.72);transition:background .15s,border-color .15s;}
html body .ps-play:after{content:"";position:absolute;left:25px;top:19px;border-style:solid;
  border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;}
html body .ps-thumb:hover .ps-play{background:#D1B27A;border-color:#D1B27A;}
html body .ps-feat__body{padding:26px 28px 28px;}
html body .entry-content p.ps-chip{display:inline-block;margin:0 0 12px !important;padding:5px 12px;
  border:1px solid #D1B27A;border-radius:999px;font-size:12px !important;line-height:18px !important;
  letter-spacing:.8px;text-transform:uppercase;color:#8A6D34 !important;}
html body .entry-content h3.ps-feat__title{margin:0 0 14px !important;font-size:24px !important;line-height:32px !important;
  font-weight:400 !important;color:#18262B;}
html body .entry-content ul.ps-points{margin:0 !important;padding:0 !important;list-style:none !important;}
html body .entry-content ul.ps-points li{position:relative;margin:0 0 9px;padding-left:16px;
  font-size:16px !important;line-height:26px !important;color:#20343E;}
html body .entry-content ul.ps-points li:last-child{margin-bottom:0;}
html body .entry-content ul.ps-points li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;
  border-radius:50%;background:#D1B27A;}
html body .entry-content h3.ps-card__title{margin:0 !important;padding:15px 18px 17px;font-size:16px !important;
  line-height:24px !important;font-weight:400 !important;color:#18262B;}
html body .entry-content p.ps-note{margin:22px 0 0 !important;font-size:13px !important;line-height:22px !important;
  color:#6B7C80 !important;}
@media (max-width:1000px){
  html body .ps-grid{grid-template-columns:1fr;}
  html body .ps-row{grid-template-columns:1fr 1fr;}
  html body .entry-content section.ps-sec{padding:56px 28px !important;}
}
@media (max-width:620px){
  html body .ps-row{grid-template-columns:1fr;}
  html body .entry-content section.ps-sec{padding:44px 20px !important;}
  html body .ps-more{width:100%;justify-content:center;}
}
/* --- end unification -------------------------------------------------- */

.hi-hero{max-width:1200px;margin:0 auto 42px;padding:0 40px;}
.hi-hero__title{font-size:56px;line-height:64px;font-weight:400;color:#18262B;margin:0 0 18px;letter-spacing:-0.4px;}
.hi-hero__lead{font-size:19px;line-height:32px;font-weight:400;color:#20343E;margin:0 0 14px;max-width:52em;}
.hi-hero__note{font-size:15px;line-height:25px;font-weight:400;color:#6B7C80;margin:0;max-width:52em;}
.hi-article{color:#20343E;font-weight:400;}
.hi-article p,.hi-article li{font-size:17px;line-height:29px;font-weight:400;}
.hi-article h2{font-size:32px;line-height:42px;font-weight:400;letter-spacing:.3px;color:#18262B;margin:0 0 18px;}
.hi-article h3{font-size:20px;line-height:28px;font-weight:400;color:#18262B;margin:26px 0 10px;}
.hi-eyebrow{font-size:13px;line-height:18px;letter-spacing:1.7px;text-transform:uppercase;color:#6B7C80;margin:0 0 10px !important;}
.hi-answer{border:1px solid #D9E2E3;border-left:3px solid #D1B27A;border-radius:12px;background:#EDF5F4;padding:28px 26px;margin:0 0 34px;}
.hi-answer__text{margin:0 !important;font-size:19px !important;line-height:32px !important;color:#20343E;}
.hi-takeaways{margin:0 0 40px;}
.hi-takeaways__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.hi-takeaways__list li{border:1px solid #D9E2E3;border-radius:12px;padding:22px 22px;font-size:16px !important;line-height:26px !important;background:#fff;}
.hi-sec{margin:0 0 40px;}
.hi-sec ul,.hi-sec ol{padding-left:20px;}
.hi-sec li{margin-bottom:8px;}
.hi-faq__item{border-bottom:1px solid #D9E2E3;padding:16px 0;}
.hi-faq__item summary{cursor:pointer;font-size:17px;line-height:29px;color:#18262B;list-style:none;position:relative;padding-right:28px;}
.hi-faq__item summary::-webkit-details-marker{display:none;}
.hi-faq__item summary:after{content:"+";position:absolute;right:4px;top:-1px;color:#D1B27A;font-size:20px;}
.hi-faq__item[open] summary:after{content:"\2212";}
.hi-faq__a{padding-top:8px;color:#20343E;}
.hi-refs-sec h2{font-size:24px;line-height:32px;}
.hi-refs li{font-size:14px !important;line-height:24px !important;color:#6B7C80;margin-bottom:10px;
  scroll-margin-top:90px;}
.hi-refs li:target{color:#20343E;}
sup.hi-ref{font-size:.66em;line-height:0;vertical-align:super;margin-left:1px;}
sup.hi-ref a{color:#20343E;text-decoration:none;padding:0 1px;}
sup.hi-ref a:hover{text-decoration:underline;}
.hi-refs a{color:#20343E;}
.hi-cta{margin:0 0 8px;}
.hi-btn{display:inline-block;border:1px solid #20343E;border-radius:8px;padding:14px 26px;color:#20343E;text-decoration:none;font-size:16px;line-height:24px;}
.hi-btn:hover{background:#20343E;color:#fff;}
@media (max-width:820px){.hi-takeaways__list{grid-template-columns:1fr;}.hi-article h2{font-size:26px;line-height:36px;}
.hi-review__person{gap:14px;}.hi-review__avatar{flex:0 0 68px;width:68px;height:68px;}}
.hi-review{margin:44px 0 0;padding:24px 26px;border:1px solid #D9E2E3;border-radius:12px;background:#EDF5F4;}
.hi-review p{margin:0;}
.hi-review__person{display:flex;align-items:center;gap:18px;}
.hi-review__avatar{flex:0 0 88px;width:88px;height:88px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #D9E2E3;display:block;}
.hi-review__photo{display:block;width:227%;height:auto;max-width:none;margin:-5% 0 0 -64%;}
.hi-review__id{min-width:0;}
.hi-review__by{font-size:16px;line-height:26px;color:#20343E;}
.hi-review__by strong{font-weight:400;color:#18262B;}
.hi-review__role{display:block;font-size:15px;line-height:25px;color:#6B7C80;}
.hi-review__dates{margin-top:8px !important;font-size:13px;line-height:22px;color:#6B7C80;}
.slmc-card-grid--one{grid-template-columns:minmax(0,560px) !important;}
body .slmc-card-grid--cols1,body .slmc-insight-group .slmc-card-grid--cols1{grid-template-columns:minmax(0,560px) !important;}
body .slmc-card-grid--cols2,body .slmc-insight-group .slmc-card-grid--cols2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
body .slmc-card-grid--cols3,body .slmc-insight-group .slmc-card-grid--cols3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.slmc-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin:0 0 26px;}
.slmc-sec-head__text{min-width:0;}
.slmc-sec-head__text h2{margin:0;}
.slmc-sec-head__lead{margin:10px 0 0 !important;font-size:16px;line-height:26px;color:#6B7C80;max-width:56ch;}
.slmc-sec-head__all{margin:0 !important;}
.hi-btn--solid{background:#20343E;color:#fff;border-color:#20343E;border-radius:999px;padding:13px 24px;}
.hi-btn--solid:hover{background:#18262B;color:#fff;}
@media (max-width:1000px){body .slmc-card-grid--cols3,body .slmc-insight-group .slmc-card-grid--cols3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:620px){body .slmc-card-grid--cols2,body .slmc-card-grid--cols3,
  body .slmc-insight-group .slmc-card-grid--cols2,body .slmc-insight-group .slmc-card-grid--cols3{grid-template-columns:1fr !important;}}
.slmc-card-grid--3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 40px;align-items:stretch;}
.slmc-card-grid--n2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.slmc-card-grid--n1{grid-template-columns:minmax(0,560px) !important;}
body .slmc-card-grid{align-items:stretch !important;}
body .slmc-card{display:flex !important;flex-direction:column !important;height:100% !important;
  overflow:hidden;padding:0 !important;border:1px solid #D9E2E3;border-radius:12px;background:#fff;}
.slmc-card__media{display:block;position:relative;line-height:0;background:#EDF5F4;}
.slmc-card__media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;}
.slmc-card__placeholder{display:block;width:100%;aspect-ratio:16/10;
  background:linear-gradient(135deg,#EDF5F4 0%,#DCEAE8 55%,#D9E2E3 100%);}
.slmc-card__chip{position:absolute;left:16px;top:16px;z-index:1;
  font-size:11px;line-height:1;letter-spacing:1.2px;text-transform:uppercase;
  color:#18262B;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.7);
  border-radius:999px;padding:7px 12px;backdrop-filter:blur(3px);}
body .slmc-card__body{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;
  padding:24px 26px 26px !important;}
.slmc-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 10px !important;font-size:12.5px;line-height:20px;color:#6B7C80;}
body .slmc-card .slmc-card__meta span,body .slmc-card .slmc-card__meta time,
body .slmc-insight-group .slmc-card__meta span,body .slmc-insight-group .slmc-card__meta time{
  font-size:12.5px !important;line-height:20px !important;letter-spacing:0 !important;
  text-transform:none !important;font-weight:400 !important;color:#6B7C80 !important;}
.slmc-card__dot{width:4px !important;height:4px !important;border-radius:50%;background:#C7D4D6 !important;
  display:inline-block;flex:0 0 4px;}
.slmc-card__placeholder{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 2px,transparent 2px 16px),
  linear-gradient(135deg,#EDF5F4 0%,#DCEAE8 55%,#D9E2E3 100%);}
.slmc-card h3,.slmc-card h2{margin:0 0 10px;font-size:20px;line-height:28px;font-weight:400;letter-spacing:normal;}
body .slmc-card__blurb{margin:0 !important;font-size:15px;line-height:25px;color:#20343E;
  flex:1 1 auto !important;}
body .slmc-card__more{margin:auto 0 0 !important;padding-top:18px !important;font-size:15px;
  text-align:left !important;align-self:flex-start !important;}
.slmc-card__more a{text-decoration:none;border-bottom:1px solid #D1B27A;padding-bottom:2px;}
.slmc-card-all{max-width:1200px;margin:26px auto 0;padding:0 40px;}
.slmc-insight-card h3 a,.slmc-insight-card h2 a{color:inherit;text-decoration:none;}
.slmc-insight-card h3 a:hover,.slmc-insight-card h2 a:hover{text-decoration:underline;}
.hi-empty{max-width:1200px;margin:0 auto;padding:0 40px;color:#6B7C80;}
.hi-single__head{max-width:1200px;margin:0 auto 34px;padding:0 40px;}
.hi-single__chip{display:inline-block;margin:0 0 14px !important;font-size:11px;line-height:1;
  letter-spacing:1.2px;text-transform:uppercase;color:#20343E;background:#EDF5F4;
  border:1px solid #D9E2E3;border-radius:999px;padding:7px 12px;}
.hi-single__head h1{font-size:56px;line-height:64px;font-weight:400;color:#18262B;margin:0 0 12px;
  letter-spacing:-0.4px;max-width:22ch;text-wrap:balance;}
@media (max-width:1100px){.hi-single__head h1{font-size:44px;line-height:54px;}}
.hi-single__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 !important;
  font-size:13px;line-height:20px;color:#6B7C80;}
.hi-single__media{margin-top:26px;border-radius:12px;overflow:hidden;}
.hi-single__media img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;}
.hi-single__cols{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;
  max-width:1200px;margin:0 auto;padding:0 40px;align-items:start;}
.hi-single__main{min-width:0;}
.hi-toc{position:sticky;top:28px;border:1px solid #D9E2E3;border-radius:14px;background:#fff;padding:22px 20px;}
.hi-toc .hi-eyebrow{display:inline-block;margin:0 0 16px !important;padding:6px 12px;
  background:#EDF5F4;border-radius:999px;font-size:10.5px;letter-spacing:1.4px;color:#6B7C80;}
.hi-toc ol{list-style:none;margin:0;padding:0;}
.hi-toc li{position:relative;margin:0 0 15px;padding-left:16px;}
.hi-toc li:last-child{margin-bottom:0;}
.hi-toc li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;
  border-radius:50%;background:#C7D4D6;}
.hi-toc a{display:block;font-size:13.5px;line-height:21px;color:#20343E;text-decoration:none;}
.hi-toc a:hover{color:#18262B;text-decoration:underline;text-underline-offset:3px;}
.hi-next{margin:38px 0;padding:28px 30px;border:1px solid #D9E2E3;border-radius:14px;background:#fff;}
.hi-next .hi-eyebrow{margin:0 0 10px !important;color:#6B7C80;}
.hi-next h3{margin:0 0 10px !important;font-size:23px !important;line-height:31px !important;
  color:#18262B;font-weight:600 !important;letter-spacing:-0.2px;}
.hi-next__line{margin:0 0 20px !important;font-size:16px !important;line-height:26px !important;color:#6B7C80;max-width:56ch;}
.hi-next__cta{margin:0 !important;}
.hi-next__cta a{display:inline-flex;align-items:center;gap:10px;background:#20343E;color:#fff;
  border-radius:999px;padding:13px 24px;font-size:15px;line-height:20px;text-decoration:none;
  transition:background .15s ease;}
.hi-next__cta a:hover{background:#18262B;color:#fff;}
.hi-latest{max-width:1200px;margin:64px auto 0;}
.hi-latest__head{padding:0 40px;margin-bottom:24px;}
.hi-latest__head h2{margin:0;font-size:32px;line-height:42px;font-weight:400;color:#18262B;letter-spacing:.3px;}
@media (max-width:1000px){.hi-single__cols{grid-template-columns:1fr;gap:0;}.hi-toc{display:none;}}
@media (max-width:820px){.hi-single__head,.hi-single__cols,.hi-latest__head{padding:0 28px;}}
@media (max-width:620px){.hi-single__head,.hi-single__cols,.hi-latest__head{padding:0 20px;}
  .hi-single__head h1{font-size:32px;line-height:42px;}}
@media (max-width:1000px){.slmc-card-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:820px){.slmc-card-grid--3,.slmc-card-all{padding:0 28px;}}
@media (max-width:620px){.slmc-card-grid--3{grid-template-columns:1fr;}
  .slmc-card-grid--3,.slmc-card-all{padding:0 20px;}}
.hi-review__note{margin-top:12px !important;font-size:13px;line-height:22px;color:#6B7C80;}
.hi-method{margin-top:14px;border-top:1px solid #D9E2E3;padding-top:12px;}
.hi-method summary{cursor:pointer;font-size:13px;line-height:22px;color:#20343E;list-style:none;}
.hi-method summary::-webkit-details-marker{display:none;}
.hi-method summary:before{content:"+ ";color:#D1B27A;}
.hi-method[open] summary:before{content:"\2212 ";}
.hi-method__body p{margin:8px 0 0 !important;font-size:13px !important;line-height:22px !important;color:#6B7C80;}
.blog .entry-meta .byline,.archive .entry-meta .byline,.single-post .entry-meta .byline{display:none;}
@media (max-width:1100px){.hi-hero__title{font-size:44px;line-height:54px;}}
@media (max-width:820px){.hi-hero{padding:0 28px;}}
@media (max-width:620px){.hi-hero{padding:0 20px;}.hi-hero__title{font-size:32px;line-height:42px;}}