@font-face{font-family:"Varela Round";src:url("./assets/varela-round.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{
  --font-body:"Varela Round",Arial,sans-serif;--font-display:var(--font-body);
  --text-xs:clamp(.75rem,.72rem + .1vw,.8125rem);
  --text-sm:clamp(.8125rem,.77rem + .13vw,.875rem);
  --text-base:clamp(1rem,.98rem + .06vw,1.0625rem);
  --text-lg:clamp(1.125rem,1rem + .3vw,1.375rem);
  --text-xl:clamp(1.25rem,1.1rem + .4vw,1.5rem);
  --text-brand:clamp(1.4rem,1rem + 1.3vw,2.25rem);
  --color-bg:oklch(1 0 0);--color-text:oklch(.44 0 0);--color-heading:oklch(.245 0 0);
  --color-primary:#89cff0;--color-primary-hover:#70bfe6;
  --color-link:#245c7a;--color-button-text:#173e54;
  --color-tint:#eef8fd;--color-border:oklch(.25 0 0 / .16);
  --color-muted:oklch(.48 0 0);--color-banner:oklch(.245 0 0);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --radius-sm:2px;--radius-tile:2rem;
}
a{color:var(--color-link);text-decoration:none}
a:hover{text-decoration:underline}
a:active,button:active{opacity:.76}
.skip-link{position:fixed;top:var(--space-2);left:var(--space-2);z-index:20;transform:translateY(-180%);background:white;padding:var(--space-3)}
.skip-link:focus{transform:none}
.announcement{position:relative;min-height:36px;background:var(--color-banner);color:white;display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-12);font-size:var(--text-sm);letter-spacing:1px;text-align:center}
.announcement a{color:white}
.announcement p>a:first-child{text-decoration:underline;text-underline-offset:3px}
.announcement button{position:absolute;right:0;top:0;min-width:44px;min-height:36px;color:white;font-size:var(--text-base)}
.site{max-width:1200px;margin-inline:auto}
.header{min-height:216px;padding-block:var(--space-10) var(--space-8);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}
.brand{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text);text-decoration:none!important}
.brand-mark{display:block;width:70px;height:82px;overflow:hidden;flex-shrink:0;position:relative}
.brand-mark img{position:absolute;width:324px;max-width:none;height:auto;left:0;top:0}
.brand-type{display:flex;flex-direction:column}
.brand-type span:first-child{font-size:var(--text-brand);letter-spacing:2.5px;line-height:1.25}
.brand-type span:last-child{font-size:var(--text-sm);letter-spacing:5.4px;line-height:2}
.header nav{display:flex;flex-direction:column;align-items:flex-start;min-width:200px}
.header nav a{text-transform:uppercase;font-size:var(--text-sm);font-weight:400;letter-spacing:1.75px;line-height:1.5;color:var(--color-text)}
.header nav a[aria-current="page"]{color:var(--color-heading);text-decoration:underline;text-underline-offset:4px}
.header nav a:hover{color:var(--color-link)}
.menu-button{display:none}
main:focus{outline:none}
.welcome-intro{text-align:center;padding-block:var(--space-6) var(--space-8)}
h1{font-size:var(--text-xl);font-weight:400;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-heading)}
.welcome-intro h1{margin-bottom:var(--space-2)}
.welcome-intro p{margin-inline:auto}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:var(--space-4) var(--space-10);background:var(--color-primary);color:var(--color-button-text);text-transform:uppercase;font-size:var(--text-lg);letter-spacing:1px;text-align:center;line-height:1.5}
.button:hover{background:var(--color-primary-hover);text-decoration:none}
.welcome-intro p{margin-top:var(--space-5)}
.paths{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:var(--space-8) 0 var(--space-12);border-block:1px solid var(--color-border);gap:var(--space-12) var(--space-8)}
.path{width:196px;grid-column:span 2;justify-self:center;display:block;color:var(--color-text)}
.path--addiction{grid-column:2 / span 2}
.path--mens{grid-column:4 / span 2}
.path:hover{text-decoration:none}
.path-box{height:196px;border:4px solid var(--color-primary);border-radius:var(--radius-tile);display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;background:white;color:var(--color-heading)}
.path-title{font-size:1.5rem;text-align:center;line-height:1.2;padding-top:var(--space-2)}
.path-box img{width:88px;height:88px;margin-bottom:calc(var(--space-2) * -1);flex-shrink:0}
.path-box img.clinic-symbol{width:80px;height:80px;object-fit:contain;margin-bottom:var(--space-1)}
.path p{font-size:var(--text-xs);line-height:1.75;margin-top:var(--space-4)}
.path-destination{display:block;margin-top:var(--space-2);color:var(--color-link)}
.path:hover .path-box{background:var(--color-tint);border-color:var(--color-primary-hover)}
.manual{padding-block:var(--space-8) var(--space-12);text-align:right}
.footer{border-top:1px solid var(--color-border);padding-block:var(--space-6) var(--space-12);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);font-size:var(--text-xs);line-height:1.9}
.footer p{margin-bottom:var(--space-1)}
.footer-name{letter-spacing:1px;color:var(--color-heading)}
.footer a{color:inherit}
.footer-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.footer-right>a{min-height:28px}
.page-content{max-width:880px;margin-inline:auto;padding-block:var(--space-8) var(--space-12);min-height:470px}
.page-content>h1{margin-bottom:var(--space-5)}
.page-content p{margin-bottom:var(--space-5)}
.page-content .email-contact{margin-top:var(--space-4)}
.page-content h2{font-size:var(--text-lg);font-weight:400;letter-spacing:1.4px;text-transform:uppercase;color:var(--color-heading);margin-block:var(--space-8) var(--space-3)}
.page-content h3{font-size:var(--text-base);font-weight:400;color:var(--color-heading);margin-bottom:var(--space-2)}
.breadcrumb{display:block;font-size:var(--text-sm);margin-bottom:var(--space-6)}
.lead{max-width:75ch}
.text-link{display:inline-flex;align-items:center;min-height:44px}
.option-list{border-top:1px solid var(--color-border);margin-block:var(--space-8)}
.option-link{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-5) var(--space-1);border-bottom:1px solid var(--color-border);color:var(--color-text)}
.option-link:hover{background:var(--color-tint);text-decoration:none}
.option-link strong{display:block;font-weight:400;color:var(--color-link);font-size:var(--text-lg)}
.option-link small{display:block;font-size:var(--text-sm);margin-top:var(--space-1)}
.option-link>span:last-child{font-size:var(--text-lg);color:var(--color-link)}
.notice{background:var(--color-tint);padding:var(--space-5) var(--space-6);margin-block:var(--space-6);font-size:var(--text-sm)}
.notice p:last-child{margin-bottom:0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}
.two-col h2:first-child{margin-top:0}
.external-destination{border-top:1px solid var(--color-border);margin-block:var(--space-5);padding-top:var(--space-4)}
.external-destination label{display:block;font-size:var(--text-xs);margin-bottom:var(--space-2)}
.url-row{display:flex;align-items:stretch;gap:var(--space-2)}
.url-row input{min-width:0;width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:0;background:white;font-size:var(--text-xs)}
.copy-button{border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-height:44px;white-space:nowrap}
.copy-button:hover{background:var(--color-tint)}
.copy-status{font-size:var(--text-xs);min-height:24px;margin-top:var(--space-2)}
details{border-bottom:1px solid var(--color-border)}
summary{padding:var(--space-5) var(--space-1);min-height:52px;cursor:pointer;color:var(--color-heading)}
details>div{padding:0 var(--space-1) var(--space-5);font-size:var(--text-sm)}
details>div p:last-child{margin-bottom:0}
.service{padding-block:var(--space-6);border-bottom:1px solid var(--color-border)}
.service h2{margin-top:0}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-block:var(--space-8)}
.team-member img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 28%;background:var(--color-tint)}
.team-member h2{font-size:var(--text-base);letter-spacing:0;text-transform:none;margin:var(--space-3) 0 var(--space-1)}
.team-member p{font-size:var(--text-sm)}
.team-text-list{border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-bottom:var(--space-8)}
.team-member--text h2{margin-top:0}
.source-line{font-size:var(--text-xs);margin-top:var(--space-8)}
.contact-address{font-style:normal;margin-bottom:var(--space-5)}
@media(max-width:1280px){.site{margin-inline:var(--space-10)}}
@media(max-width:760px){
  .site{margin-inline:var(--space-6)}
  .announcement{font-size:var(--text-xs);min-height:40px;letter-spacing:.3px;padding-inline:var(--space-10)}
  .announcement button{min-height:40px}
  .header{min-height:148px;padding-block:var(--space-8);position:relative;flex-wrap:wrap;gap:var(--space-6)}
  .brand{gap:var(--space-2)}
  .brand-mark{width:45px;height:54px}
  .brand-mark img{width:214px}
  .brand-type span:first-child{font-size:1.4rem;letter-spacing:1.2px}
  .brand-type span:last-child{font-size:var(--text-xs);letter-spacing:2px}
  .menu-button{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);min-width:44px;min-height:44px;color:var(--color-text)}
  .menu-button span{font-size:var(--text-lg)}
  .header nav{display:none;width:100%;gap:var(--space-1);border-top:1px solid var(--color-border);padding-top:var(--space-4)}
  .header nav.is-open{display:flex}
  .header nav a{min-height:44px;display:flex;align-items:center;width:100%}
  .welcome-intro{padding-block:var(--space-8)}
  h1{font-size:var(--text-xl);letter-spacing:1.8px}
  .welcome-intro h1{margin-bottom:var(--space-4)}
  .welcome-intro p{font-size:var(--text-base)}
  .paths{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8) 0}
  .path{width:100%;grid-column:auto;display:grid;grid-template-columns:128px 1fr;align-items:center;gap:var(--space-5)}
  .path-box{height:156px;border-width:3px;border-radius:var(--space-6)}
  .path-title{font-size:var(--text-lg);padding-top:var(--space-2)}
  .path-box img{width:70px;height:70px;margin-bottom:calc(var(--space-1) * -1)}
  .path-box img.clinic-symbol{width:64px;height:64px}
  .path p{font-size:var(--text-sm);margin-top:0;line-height:1.7}
  .manual{text-align:left;padding-block:var(--space-6) var(--space-8);font-size:var(--text-sm)}
  .footer{grid-template-columns:1fr;gap:var(--space-5);padding-bottom:var(--space-8)}
  .footer-right{text-align:left;align-items:flex-start}
  .footer-right>a{min-height:44px;display:flex;align-items:center}
  .page-content{padding-block:var(--space-6) var(--space-8)}
  .page-content>h1{margin-bottom:var(--space-5)}
  .two-col{grid-template-columns:1fr;gap:var(--space-8)}
  .team-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6) var(--space-4)}
  .team-member h2{font-size:var(--text-sm)}
  .team-member p{font-size:var(--text-xs)}
  .option-link{gap:var(--space-4)}
  .option-link strong{font-size:var(--text-base)}
  .notice{padding:var(--space-4)}
}
@media(max-width:360px){.site{margin-inline:var(--space-4)}.brand-type span:first-child{font-size:1.2rem}.brand-type span:last-child{letter-spacing:1px}.path{grid-template-columns:112px 1fr;gap:var(--space-4)}.path--mens .path-title{font-size:var(--text-base)}}
