/* Shared reading scale across the preview, including article and document pages. */
:root{--muted:#625969}
body{font-size:16px;line-height:1.8}
body>header nav{font-size:14px;gap:20px}
.brand small{font-size:10px;letter-spacing:.7px;line-height:1.8;white-space:normal;max-width:300px}
.topline{font-size:13px}
.header-cta,.button,.outline,.text-link,.socials,.surveys>a,.floating-wa{font-size:14px}
.eyebrow,.about-page .page-heading .eyebrow,.article-heading .eyebrow{font-size:12px;letter-spacing:2px}
.intro-strip>span{font-size:12px}
.hero-content>p:not(.eyebrow){font-size:18px;line-height:1.8}
.hero-note{font-size:14px}
.about .about-copy>p:not(.eyebrow),.clinic p:not(.eyebrow),.contact>div>p:not(.eyebrow),.section-heading>p:not(.eyebrow),.service-card p,.documents p:not(.eyebrow){font-size:16px;line-height:1.8}
.portrait-caption span{font-size:13px;line-height:1.7}
.service-card b,.contact>div>a:not(.phone),.profile-links span{font-size:14px}
.service-card span,.counter-item span{font-size:13px}
.blog-card .category,.archive-category,.consent-category{font-size:12px;letter-spacing:1px}
.blog-card p,.archive-copy p{font-size:16px;line-height:1.8}
.blog-card>.article-link,.article-link{font-size:14px}
.blog-card>h3{height:2.7em;flex-shrink:0}
form label,.archive-toolbar label,.field-search,.consent-search{font-size:14px}
input,textarea,select,.archive-toolbar input,.archive-toolbar select,.field-search input,.consent-search input{font-size:16px;line-height:1.6}
textarea::placeholder{color:#625969;opacity:1}
.form-note,#form-status{font-size:13px;line-height:1.7}
.footer-main p,.footer-bottom,.footer-bottom>div>a,.update,.update small{font-size:13px;line-height:1.8}
.breadcrumb,.article-breadcrumb,.consent-breadcrumb,.article-meta{font-size:13px;flex-wrap:wrap}
.page-heading>p:last-child,.about-page .page-heading>p:last-child{font-size:16px}
.bio-text p,.award-layout p,.clinic-intro p:not(.eyebrow),.fields-intro>p,.consent-intro p:not(.eyebrow){font-size:16px;line-height:1.85}
.career-timeline p,.courses-layout>div>p:not(.eyebrow),.course p,.visit-steps p{font-size:16px;line-height:1.8}
.course summary{font-size:17px}
.career-timeline h3,.visit-steps h3{font-size:18px}
.document-info small,.document-open,.interest-list span,.clinic-intro figcaption,.gallery-count,.photo-controls span{font-size:13px}
.gallery-filters button,.gallery-tile>span,.location-actions .button,.location-actions .outline,.clinic-email{font-size:14px}
.clinic-location address{font-size:16px}
.field-jumps,.legal-sections,.consent-navigation{font-size:14px}
.field-group summary small,.field-note p,#search-status,.consent-count,.consent-subtitle,.other-legal{font-size:14px}
.field-group li,.field-note a,.consent-card p{font-size:16px;line-height:1.8}
.document-language{font-size:12px;line-height:1.3}
.archive-result-row p,.clear-filters,.blog-pagination,.blog-empty p,.article-end p,.article-end a,.consent-document-end a,.consent-document-end button{font-size:14px}
.article-body,.consent-body,.legal-content{font-size:17px;line-height:1.9}
.article-body td,.article-body th,.legal-contact{font-size:16px}
.legal-date{font-size:13px}
.legal-content p,.legal-content li{color:#625969}
.section .eyebrow,.hero .eyebrow,.experience-title .eyebrow,.consent-document-heading>.eyebrow{font-size:12px}
@media(max-width:1250px) and (min-width:1101px){body>header{gap:18px;padding-left:4%;padding-right:4%}body>header nav{gap:14px}.brand{font-size:18px}.header-cta{padding:10px 12px}}
@media(max-width:1100px){body>header{flex-wrap:wrap;gap:12px}.menu-toggle{display:block;margin-left:auto;border:0;background:none;font-size:26px;color:var(--purple)}body>header nav{display:none;width:100%;margin:0;align-items:stretch;gap:0;font-size:16px}body>header nav.open{display:flex;flex-direction:column}body>header nav>a,body>header nav>button,body>header nav>details{padding:12px 5px;text-align:left;border-top:1px solid var(--line)}.header-cta{display:none}}
@media(max-width:760px){
 .brand{font-size:18px}.brand small{font-size:9px;letter-spacing:.35px;max-width:250px}.topline{font-size:12px;letter-spacing:0}
 .eyebrow,.about-page .page-heading .eyebrow,.article-heading .eyebrow{font-size:12px;letter-spacing:1.5px}
 .hero{height:740px}.hero-content>p:not(.eyebrow){font-size:16px;max-width:330px}.hero-note{font-size:13px}
 .button,.outline,.text-link,.socials,.surveys>a,.floating-wa{font-size:14px}
 .counter-item span{font-size:13px}.archive-copy{padding:18px}
 .article-body,.consent-body,.legal-content{font-size:16px;line-height:1.85}
 .field-jumps,.legal-sections{font-size:14px}.field-group summary small{font-size:14px}.gallery-tile>span{font-size:14px}
 .footer-bottom>div>a{display:inline-block;margin:0 18px 8px 0}.update{overflow-wrap:anywhere}
}
@media(max-width:600px){
 .blog-grid,.archive-grid{grid-template-columns:minmax(0,1fr)}
 .archive-card,.related-articles .archive-card{display:flex;flex-direction:column}
 .archive-image img,.related-articles .archive-image img{height:220px;min-height:0}
 .archive-copy h2{font-size:24px}
 .archive-copy>p,.related-articles .archive-copy>p{height:7.2em;min-height:7.2em;-webkit-line-clamp:4;line-clamp:4}
 .blog-card img{height:220px}
 .hero-content{top:10%}.hero h1{font-size:39px}
}
@media(max-width:360px){.brand{font-size:16px}.brand small{font-size:9px;max-width:215px}.brand img{width:35px;height:35px}.hero h1{font-size:36px}}
.update{border-bottom:1px solid #c4b5cc;padding-bottom:20px;margin-bottom:12px;text-align:center}
.footer-bottom{justify-content:center;text-align:center}
.footer-bottom>div{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px}
.footer-bottom>div>a{margin:0}
.copyright{text-align:center;font-size:13px;line-height:1.8;padding:10px 0 4px;color:var(--deep)}
@media(max-width:760px){.update{padding-bottom:24px;margin-bottom:28px}}
@media print{.consent-body{font-size:11pt;line-height:1.6}}

