/* Generated by build_pages.py from 12-patient.html (the owner's choice, Nov 5). Do not edit by hand. */
:where(.site-header,.site-footer,.utility-bar,.skip-link){--primary:#57616E;
  --primary-dark:#454f5a;
  --secondary:#EBEBEB;
  --accent:#F48440;
  --accent-dark:#d96f2e;
  --green:#BEDF3F;
  --lightblue:#71CFEB;
  --cyan:#07ACD9;
  --cyan-dark:#0588ad;
  --mint:#DBEFE3;
  --bg-alt:#f5f6f7;
  --radius:16px;
  --shadow-sm:0 2px 10px rgba(87,97,110,.08);
  --shadow-md:0 10px 30px rgba(87,97,110,.14);
  --max:1200px;font-family:"Roboto",system-ui,sans-serif;font-size:16px;color:var(--primary);line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:normal;text-align:left;text-transform:none}
:is(.site-header,.site-footer,.utility-bar),:is(.site-header,.site-footer,.utility-bar) *,:is(.site-header,.site-footer,.utility-bar) *::before,:is(.site-header,.site-footer,.utility-bar) *::after{margin:0;padding:0;box-sizing:border-box}
:where(.site-header,.site-footer,.utility-bar,.skip-link) img{max-width:100%;height:auto;display:block}
:where(.site-header,.site-footer,.utility-bar,.skip-link) a{color:var(--cyan);text-decoration:none;transition:color .2s ease;font-weight:inherit}
:where(.site-header,.site-footer,.utility-bar,.skip-link) a:hover{color:var(--cyan-dark)}
:where(.site-header,.site-footer,.utility-bar,.skip-link) :is(ul,ol){list-style:none}
:where(.site-header,.site-footer,.utility-bar,.skip-link) .wrap{max-width:var(--max,1200px);margin:0 auto;padding:0 24px}
:where(.site-header,.site-footer,.utility-bar,.skip-link) sup.tmk{font-size:.6em;line-height:0;vertical-align:super;margin-left:.02em;position:static}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--primary);color:#fff;padding:10px 16px;z-index:200}
.skip-link:focus{left:8px;top:8px}
.utility-bar{background:var(--primary);color:#cfd4da;font-size:13.5px}
.utility-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;padding-bottom:8px}
.utility-bar a{color:#cfd4da}
.utility-bar a:hover{color:#fff}
.utility-bar .phone{font-weight:500;color:#fff;letter-spacing:.3px}
.utility-bar .social{display:flex;gap:14px}
.utility-bar .social a{display:inline-flex;opacity:.85}
.utility-bar .social a:hover{opacity:1}
.utility-bar .social svg{width:16px;height:16px;fill:currentColor}
.site-header{position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.95);
  backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid var(--secondary);
  transition:box-shadow .25s ease;}
.site-header.scrolled{box-shadow:var(--shadow-sm)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px}
.brand{display:flex;align-items:center}
.brand img{width:150px}
.main-nav{display:flex;align-items:center;gap:6px}
.main-nav>li{list-style:none;position:relative}
.main-nav>li>a{display:block;padding:12px 14px;color:var(--primary);font-weight:400;font-size:15.5px;border-radius:10px}
.main-nav>li>a:hover{color:var(--cyan);background:#f0f9fd}
.main-nav .caret{font-size:10px;margin-left:5px;opacity:.6}
.main-nav .dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;
  background:#fff;border-radius:14px;box-shadow:var(--shadow-md);
  padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all .2s ease;border:1px solid var(--secondary);}
.main-nav li:hover>.dropdown,.main-nav li:focus-within>.dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.main-nav .dropdown a{display:block;padding:10px 14px;border-radius:9px;color:var(--primary);font-size:14.5px}
.main-nav .dropdown a:hover{background:#f0f9fd;color:var(--cyan)}
.main-nav .dropdown a.active-page{color:var(--cyan);font-weight:500}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--primary);margin:5px auto;transition:.25s}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-footer{background:#fff;color:var(--primary);padding:64px 0 0;border-top:1px solid var(--secondary)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px}
.site-footer .brand img{width:140px;margin-bottom:16px}
.site-footer p{font-size:14px;font-weight:400;max-width:300px}
.site-footer h4{color:var(--primary);font-size:14px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:18px;font-family:"Roboto",sans-serif}
.site-footer ul{list-style:none}
.site-footer ul li{margin-bottom:10px}
.site-footer ul a{color:#5f6873;font-size:14.5px;font-weight:400}
.site-footer ul a:hover{color:var(--cyan)}
.footer-bottom{border-top:1px solid var(--secondary);padding:22px 0;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-bottom a{color:#66707a}
.footer-bottom a:hover{color:var(--cyan)}
@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.menu-toggle{display:block}}
@media (max-width:820px){.main-nav{position:absolute;top:100%;left:0;right:0;background:#fff;
    flex-direction:column;align-items:stretch;padding:14px 20px 22px;
    border-bottom:1px solid var(--secondary);box-shadow:var(--shadow-md);
    display:none;}}
@media (max-width:820px){.main-nav.open{display:flex}}
@media (max-width:820px){.main-nav>li>a{padding:14px 10px;font-size:16px}}
@media (max-width:820px){.main-nav .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0 0 0 14px;display:none}}
@media (max-width:820px){.main-nav li.expanded>.dropdown{display:block}}
@media (max-width:820px){.utility-bar .social{display:none}}
@media (max-width:640px){.footer-grid{grid-template-columns:1fr}}
.ft-news{display:inline-block;margin-top:12px;font-size:14px;font-weight:500;color:inherit;text-decoration:underline;text-underline-offset:3px}
.ub-phone{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:13.5px;font-weight:500;text-decoration:none;margin-left:auto}
.ub-phone svg{width:15px;height:15px}
.ub-phone:hover{text-decoration:underline}
.utility-bar .wrap{display:flex;align-items:center}
.main-nav .dropdown a.sub{padding-left:30px;font-size:13.5px}
.site-footer ul a.sub{padding-left:14px;font-size:13.5px;display:inline-block}