/* service-clinic.css: the part of service.css that the 11 clinic and class pages use (D87, 13/10/2026).
   Those pages linked all of service.css (128 KB, 553 rules) for 22 rules (the immersive header and footer, the
   open phone menu, html/body) and two animations. Google's phone test counts every stylesheet before the first
   paint, so they now link this file in the same place instead. The rules were picked by scanning every one of the
   11 pages at three widths, scrolled through, with the menu open and every accordion open, before and after cookie
   consent; every element's computed style was then compared with the full file (no differences).
   service.css itself is unchanged and the 34 service pages still link it. Edit a rule here AND in service.css.
   Generated by make_css_subset.py from service.css?v=2026-09-11-1, in source order. */
body.is-immersive-page .site-footer{
  position:relative;
  z-index:2;
  background-color:var(--bg-2);
}
body.is-immersive-page .site-header{
  position:sticky;
  top:0;
  z-index:50;

  background:#8d319b !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(80, 55, 95, 0.10) !important;
  box-shadow:0 4px 20px -10px rgba(80, 55, 95, 0.18) !important;
  will-change:opacity;
}
@keyframes pillFadeIn {from{ opacity: 0; }to{ opacity: 1; }
}
@keyframes barFadeIn {from{ opacity: 0; }to{ opacity: 1; }
}
body.is-immersive-page .site-header.is-floating{
  animation:pillFadeIn .32s ease-out;
}
body.is-immersive-page .site-header:not(.is-floating){
  animation:barFadeIn .25s ease-out;
}
@media (prefers-reduced-motion:reduce){
body.is-immersive-page .site-header.is-floating,
  body.is-immersive-page .site-header:not(.is-floating){
    animation:none;
  }
}
body.is-immersive-page .site-header.is-floating{
  position:fixed;
  top:1rem;
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - 2rem);

  max-width:1520px;
  margin:0 auto;
  border-radius:999px;
  background:rgba(28, 22, 18, 0.72);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  box-shadow:
    0 10px 32px -10px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  padding:.55rem 1.4rem;
  border:1px solid rgba(255, 255, 255, 0.10);
  border-bottom:1px solid rgba(255, 255, 255, 0.10);
  gap:.6rem 1.2rem;
  flex-wrap:nowrap;
}
@media (max-width:720px){
body.is-immersive-page .site-header.is-floating{
    width:calc(100% - 1rem);
    top:.5rem;
    padding:.3rem .8rem;
  }
}
body.is-immersive-page .site-header.is-floating .brand img{
  height:40px !important;
  transition:height .35s cubic-bezier(.22,1,.36,1);
}
@media (max-width:640px){
body.is-immersive-page .site-header.is-floating .brand img{
    height:32px !important;
  }
}
body.is-immersive-page .site-header.is-floating .brand-logo{
  filter:drop-shadow(0 2px 6px rgba(0,0,0,0.35));
}
body.is-immersive-page .site-header.is-floating .primary-nav .nav-root{
  font-size:.88rem;
}
body.is-immersive-page .site-header.is-floating .primary-nav .nav-root > li > a{
  padding:.35rem 0;
}
body.is-immersive-page .site-header .brand img{
  transition:height .35s cubic-bezier(.22,1,.36,1);
}
@media (max-width:720px){
body.is-immersive-page .bmb-nav-toggle-bar{
    background:var(--ink) !important;
  }
html, body{
    overflow-x:clip !important;
  }
@supports not (overflow-x: clip){
html{overflow-x:hidden !important}
}
body.is-immersive-page .site-header.is-floating{
    background:rgba(60, 50, 44, 0.62) !important;
  }
body.is-immersive-page .site-header.is-floating{
    padding:.25rem .7rem !important;
    border-radius:999px !important;
    gap:.4rem !important;
  }
body.is-immersive-page .site-header.is-floating .brand img{
    height:30px !important;
  }
body.is-immersive-page.mobile-nav-open .site-header{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:var(--bg) !important;
    border-bottom:1px solid var(--line) !important;
    box-shadow:none !important;
  }
body.is-immersive-page.mobile-nav-open .bmb-nav-toggle-bar{
    background:#232527 !important;
  }
body.is-immersive-page.mobile-nav-open .primary-nav{
    z-index:95 !important;
    background:var(--bg) !important;
  }
}