/* Proposal: a calm editorial frame, with clear choices and shorter routes. */
@media screen {
.refinement-demo{--reading:#1c2023;--soft:#f3faf8;--panel-rule:#bddbd5;--navigation-height:90px;color:var(--reading)}
.refinement-demo .wrap{width:min(1140px,calc(100% - 80px))}
.refinement-demo p{line-height:1.6}
.refinement-demo a:focus-visible,.refinement-demo button:focus-visible,.refinement-demo input:focus-visible,.refinement-demo select:focus-visible,.refinement-demo summary:focus-visible{outline:3px solid #08776c;outline-offset:4px}
.refinement-demo .preview-banner{display:flex;justify-content:space-between;gap:14px;padding:6px 28px;font-size:11px;line-height:1.3}
.refinement-demo .preview-banner a{color:#12695f;text-underline-offset:3px}
.refinement-demo .site-header{min-height:84px;padding:12px 30px;gap:28px}
.refinement-demo .site-header .brand img{width:48px;height:48px}
.refinement-demo .site-header .brand b{font-size:41px}
.refinement-demo .site-header .brand small{font-size:10px}
.refinement-demo #site-nav{gap:22px}
.refinement-demo #site-nav>a,.refinement-demo .nav-dropdown>a{font-size:13px;white-space:nowrap}
.refinement-demo #site-nav>a>span,.refinement-demo .nav-dropdown>a>span{display:none}
.refinement-demo #site-nav>.button{font-size:13px;padding:13px 20px;min-height:44px}
.refinement-demo .submenu{min-width:255px;padding:12px;border:1px solid #c6e0da;box-shadow:0 12px 36px #122b2420;border-radius:12px}
.refinement-demo .submenu a{padding:12px 14px;min-height:42px;font-size:14px;display:flex;justify-content:space-between;gap:16px;border-radius:5px}
.refinement-demo .submenu a:hover,.refinement-demo .submenu a[aria-current]{background:var(--pale);color:#123a33}
.refinement-demo .current-section>a{color:var(--mint)}
.refinement-demo .button{min-height:46px;line-height:1.3;padding:14px 22px;font-weight:500;white-space:normal;text-align:center}
.refinement-demo .text-link{min-height:36px;align-items:center}
.refinement-demo .section{padding-block:46px}
.refinement-demo h2{font-size:clamp(37px,4vw,52px);line-height:1.05}
.refinement-demo .eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.5;margin-bottom:12px}
.refinement-demo .section-label{display:inline-block;width:max-content;max-width:100%;padding:7px 12px;border:1px solid #90c9bd;border-radius:5px;color:#125d52;background:#fff;font-weight:500;letter-spacing:.08em}
.refinement-demo .heading-panel{padding:28px 30px;border:1px solid var(--panel-rule);background:var(--pale);border-radius:14px;gap:36px;align-items:center;margin-bottom:24px}
.refinement-demo .heading-panel h2{font-size:clamp(40px,4vw,54px);margin:0}
.refinement-demo .heading-panel>p{font-size:18px;margin:0;max-width:400px;color:#304d47}
.refinement-demo .page-breadcrumbs{font-size:12px}
.refinement-demo .page-breadcrumbs .wrap{padding-block:11px}
.refinement-demo .page-heading{padding:30px 0}
.refinement-demo .page-heading h1,.refinement-demo .policy-heading h1{font-size:clamp(44px,4.7vw,64px);line-height:1.04}
.refinement-demo .page-heading h1 br{display:none}
.refinement-demo .page-heading h1 em:before{content:' '}
.refinement-demo .page-heading .lead{font-size:17px;line-height:1.55;max-width:760px;margin-top:13px}
.refinement-demo .page-heading .eyebrow{margin-bottom:9px}
.refinement-demo .page-shortcuts{margin-top:17px}
.refinement-demo .page-jumps,.refinement-demo .condition-jumps{gap:9px 24px;padding-block:14px;font-size:13px}
.refinement-demo .page-jumps a,.refinement-demo .condition-jumps a{min-height:36px;display:inline-flex;align-items:center}
.refinement-demo.short-home-demo .credential-card span{font-size:10px;margin-top:5px}
.refinement-demo .ticker-group>span{font-size:15px;padding-block:15px;gap:26px}
.refinement-demo .home-meet{padding:38px 0}
.refinement-demo .home-meet .meet-layout{grid-template-columns:230px minmax(0,1fr);gap:55px;align-items:center}
.refinement-demo .home-meet .portrait{width:215px;margin:0 auto}
.refinement-demo .home-meet .portrait .circle{width:100%;height:auto}
.refinement-demo .home-meet figcaption{font-size:15px;line-height:1.5;margin-top:17px}
.refinement-demo .home-meet .person-name{font-size:49px}
.refinement-demo .home-meet .professional-title{font-size:15px;margin-block:12px}
.refinement-demo .home-meet .lead{font-size:18px;max-width:730px}
.refinement-demo .home-meet .home-niche{font-size:16px;line-height:1.55;margin-top:14px}
.refinement-demo .home-meet .home-qualification{font-size:13px;margin-top:15px}
.refinement-demo .home-meet .home-light-button{margin-top:18px}
.refinement-demo .home-care{padding-block:38px}
.refinement-demo .home-service-grid{gap:16px}
.refinement-demo .home-service{padding:23px;border-radius:12px;border-color:var(--panel-rule)}
.refinement-demo .home-service h3{font-size:22px}
.refinement-demo .home-service p{font-size:16px;line-height:1.55;margin:14px 0 20px}
.refinement-demo .service-card-top{margin-bottom:18px;font-size:12px}
.refinement-demo .care-concerns{padding-block:34px 40px;background:#f6faf9}
.refinement-demo .care-concerns .centered-intro{margin-bottom:24px}
.refinement-demo .care-concerns .centered-intro h2{font-size:43px;max-width:650px;margin-inline:auto}
.refinement-demo .care-concerns .centered-intro p{font-size:17px;margin-top:12px}
.refinement-demo .condition-card{padding:20px 14px;min-height:100px}
.refinement-demo .home-planning{padding-block:38px}
.refinement-demo .home-planning-layout{grid-template-columns:1fr 1fr;gap:65px}
.refinement-demo .home-planning h2{font-size:49px}
.refinement-demo .home-planning p{font-size:17px;margin:16px 0}
.refinement-demo .home-planning .button{display:flex;width:max-content;margin-top:18px}
.refinement-demo .home-planning-links>a{padding:17px 0}
.refinement-demo .home-planning-links p{font-size:14px;margin:4px 0 0}
/* Practical pages: aligned columns, smaller introductions, immediate useful information. */
.refinement-demo .split,.refinement-demo .adhd-feature-layout,.refinement-demo .section-heading,.refinement-demo .condition-understanding,.refinement-demo .condition-care-intro{grid-template-columns:1fr 1fr;gap:55px}
.refinement-demo .split .lead,.refinement-demo .adhd-feature-layout .lead{font-size:20px;line-height:1.55}
.refinement-demo .three-up{gap:25px}
.refinement-demo .values-panels>div,.refinement-demo .values-panels>article{padding:24px;background:#ffffff9c;border:1px solid var(--panel-rule);border-radius:10px;text-align:center}
.refinement-demo .values-panels h3{font-size:21px;line-height:1.3}
.refinement-demo .values-panels p{font-size:16px;line-height:1.6}
.refinement-demo .clinician-hero{padding-block:36px}
.refinement-demo .clinician-intro h1{font-size:65px}
.refinement-demo .clinician-intro .lead{font-size:19px;max-width:600px}
.refinement-demo .clinician-photo{max-width:280px}
.refinement-demo .credential-strip .wrap>div{padding-block:22px;text-align:center}
.refinement-demo .credential-strip strong{font-size:21px}
.refinement-demo .credential-strip p{font-size:14px}
.refinement-demo .fees-layout{grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start;padding-block:32px}
.refinement-demo .fees-intro h2{font-size:43px}
.refinement-demo .fees-intro p{font-size:16px}
.refinement-demo .fees-table-panel{border:1px solid var(--panel-rule);padding:22px;border-radius:12px;background:#f4fcfa}
.refinement-demo .fee-table caption{font-size:17px;margin-bottom:12px}
.refinement-demo .fee-table th,.refinement-demo .fee-table td{padding:17px 11px}
.refinement-demo .fee-table tbody th{font-size:16px}
.refinement-demo .consultation-card{padding:21px;margin-top:22px}
.refinement-demo .consultation-card h3{font-size:23px}
.refinement-demo .insurance-section-head{gap:40px;margin-bottom:25px}
.refinement-demo .insurance-section-head h2{font-size:44px}
.refinement-demo .insurance-grid li{padding:23px;min-height:105px}
.refinement-demo .insurance-grid h3{font-size:20px}
.refinement-demo .service-detail article{border-radius:12px!important;padding:25px!important}
.refinement-demo .service-detail .practical-heading{font:500 27px/1.2 Outfit,Arial,sans-serif}
.refinement-demo .service-detail p{font-size:16px}
.refinement-demo .contact-layout{gap:40px;align-items:start;padding-block:30px}
.refinement-demo .contact-layout h2{font-size:42px}
.refinement-demo .contact-layout p{font-size:16px}
.refinement-demo .inquiry-panel{border-radius:12px;background:#f5fbf9;padding:24px}
.refinement-demo .inquiry-panel h2{font-family:Outfit,Arial,sans-serif;font-size:27px}
.refinement-demo .inquiry-how{font-size:13px}
.refinement-demo .care-banner{min-height:450px;padding-block:30px}
.refinement-demo .care-banner h1{font-size:clamp(50px,4.9vw,66px);max-width:680px}
.refinement-demo .care-banner .lead{font-size:18px;max-width:550px;margin-top:19px}
.refinement-demo .care-banner .actions{margin-top:22px}
.refinement-demo .condition-options article{padding:24px;border-radius:12px}
.refinement-demo .condition-options h3{font-size:22px}
.refinement-demo .condition-options p{font-size:16px}
.refinement-demo .condition-visit-card{padding:25px;border-radius:12px}
.refinement-demo .condition-experiences li{padding:20px 0}
.refinement-demo .condition-first{align-items:start}
.refinement-demo .condition-learn{padding-block:30px}
.refinement-demo .condition-faq{padding-block:36px}
.refinement-demo .faq summary{font-size:18px;line-height:1.45;padding-block:19px;min-height:48px}
.refinement-demo .faq p{font-size:16px}
.refinement-demo .compact-next{display:flex;align-items:center;justify-content:space-between;gap:25px}
.refinement-demo .cta{padding:28px 0;background:var(--pale);color:var(--ink)}
.refinement-demo .compact-next h2{font:500 25px/1.25 Outfit,Arial,sans-serif;max-width:580px}
.refinement-demo .compact-next .eyebrow{margin-bottom:6px}
.refinement-demo .compact-next .actions{margin:0;flex-shrink:0;gap:20px}
/* Library: real reading first, future additions clearly labeled. */
.refinement-demo .library-art-heading{padding-block:25px}
.refinement-demo .library-brand-image{width:110px;height:110px}
.refinement-demo .library-start{padding-top:26px}
.refinement-demo .library-search-head{gap:24px;align-items:center}
.refinement-demo .library-search-head h2{font:500 27px/1.25 Outfit,Arial,sans-serif}
.refinement-demo .library-search-head p{font-size:15px;max-width:460px}
.refinement-demo .library-wide-search{background:#f2faf7;padding:19px 23px;border-radius:10px}
.refinement-demo .library-browse-head{margin-top:25px;margin-bottom:20px}
.refinement-demo .library-browse-head h2{font:500 24px/1.3 Outfit,Arial,sans-serif}
.refinement-demo .library-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.refinement-demo .library-hub .feature-tile{min-height:0;padding:25px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--panel-rule)}
.refinement-demo .library-hub .feature-tile h3{font-size:45px;line-height:1.1;margin:10px 0 15px}
.refinement-demo .library-hub .feature-tile p{font-size:16px;line-height:1.55;margin:0 0 18px}
.refinement-demo .library-hub .tile-link{font-size:14px;margin-top:auto;line-height:1.5}
.refinement-demo .future-tile{background:#f5f8f7}
.refinement-demo .future-tile>.eyebrow{color:#4a605b;font-size:10px;padding:4px 8px;border:1px solid #bdcec9;border-radius:4px}
.refinement-demo .library-hub .feature-tile>span[aria-hidden]{display:none}
.refinement-demo .resource-grid{gap:18px}
.refinement-demo .resource-card{padding:22px;border-radius:10px}
.refinement-demo .resource-card h3{font-size:26px}
.refinement-demo .resource-card p{font-size:15px;line-height:1.55}
.refinement-demo .library-section{padding-top:24px}
/* Full education remains readable and printable; optional art no longer blocks mobile reading. */
.refinement-demo .resource-heading{padding-block:30px}
.refinement-demo .resource-heading h1{font-size:clamp(45px,5vw,66px);line-height:1.05}
.refinement-demo .resource-heading .lead{font-size:18px;line-height:1.55;margin-top:15px}
.refinement-demo .resource-heading .byline{font-size:13px;line-height:1.5}
.refinement-demo .resource-heading .review-label{font-size:12px;line-height:1.5}
.refinement-demo .medication-heading-layout{grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}
.refinement-demo .medication-artwork{padding:0}
.refinement-demo .medication-figure img{max-height:195px;object-fit:contain}
.refinement-demo .medication-figure{padding:12px}
.refinement-demo .figure-hint{font-size:11px}
.refinement-demo .artwork-credit{font-size:11px}
.refinement-demo .guide-art-details>summary{display:none}
.refinement-demo .resource-actions{gap:10px;margin-top:18px}
.refinement-demo .resource-actions .button{font-size:13px;padding:11px 16px}
.refinement-demo .guide-jump{display:none}
.refinement-demo .resource-layout{grid-template-columns:225px minmax(0,1fr);gap:42px;padding-top:32px}
.refinement-demo .contents{top:calc(var(--navigation-height) + 18px);max-height:calc(100dvh - var(--navigation-height) - 30px);padding:19px 16px;background:#f3faf7;border:1px solid var(--panel-rule);border-radius:10px}
.refinement-demo .contents a{display:block;font-size:13px;line-height:1.45;padding:7px 2px;color:#234e43}
.refinement-demo .contents .urgent-link{color:#1C2023;font-weight:600}
.refinement-demo .resource-body{max-width:780px}
.refinement-demo .resource-section{padding-block:27px}
.refinement-demo .resource-section h2{font:500 28px/1.3 Outfit,Arial,sans-serif;margin-bottom:16px}
.refinement-demo .resource-section h3{font-size:18px;line-height:1.4}
.refinement-demo .resource-section p,.refinement-demo .resource-section li{font-size:17px;line-height:1.65}
.refinement-demo .disorder-section .section-kicker{font-size:10px;margin-bottom:11px}
.refinement-demo .resource-section p+p{margin-top:14px}
.refinement-demo .resource-section.urgent-block{padding:24px;border-radius:10px}
.refinement-demo .resource-section.urgent-block p{font-size:17px}
.refinement-demo .site-footer{padding-top:35px}
.refinement-demo .footer-grid{grid-template-columns:1.3fr 1fr 1fr .8fr;gap:36px}
.refinement-demo .footer-grid .brand{transform:scale(.87);transform-origin:left center;margin-bottom:8px}
.refinement-demo .footer-grid p{font-size:13px;line-height:1.6}
.refinement-demo .footer-grid>div>a:not(.brand):not(.button){font-size:14px;line-height:1.5;margin-bottom:10px;min-height:26px}
.refinement-demo .footer-grid .button{font-size:13px;margin-top:16px}
.refinement-demo .footer-grid .eyebrow{font-size:11px;margin-bottom:16px}
.refinement-demo .find-us ul{display:block;margin:0;padding:0;list-style:none}
.refinement-demo .find-us li{margin:0}
.refinement-demo .find-us a{font-size:14px;line-height:1.5;display:inline-block;padding-block:3px}
.refinement-demo .footer-policies{padding-block:22px}
.refinement-demo .footer-policies p{font-size:12px;line-height:1.6}
.refinement-demo .footer-policies a{font-size:12px}
.refinement-demo .footer-bottom{padding-block:16px;font-size:11px}
.refinement-demo .mobile-next{display:none}
}
@media screen and (max-width:1100px){
.refinement-demo .site-header{padding-inline:26px;min-height:76px}
.refinement-demo .mobile-appointment{display:none}
.refinement-demo #site-nav.open{gap:0;padding:10px 22px 20px;max-height:calc(100dvh - 155px)}
.refinement-demo #site-nav.open>a:not(.button),.refinement-demo #site-nav.open .nav-dropdown>a{font-size:16px;min-height:44px;padding-block:10px}
.refinement-demo #site-nav.open .nav-dropdown{padding-block:4px}
.refinement-demo #site-nav.open .submenu{position:static;width:100%;box-shadow:none;margin-block:5px;min-width:0}
.refinement-demo #site-nav.open .button{margin-top:12px}
}
@media screen and (max-width:800px){
.refinement-demo .wrap{width:calc(100% - 40px)}
.refinement-demo .split,.refinement-demo .adhd-feature-layout,.refinement-demo .section-heading,.refinement-demo .condition-understanding,.refinement-demo .condition-care-intro{grid-template-columns:1fr;gap:25px}
.refinement-demo .care-banner{min-height:520px;padding-block:28px}
.refinement-demo .care-banner h1{font-size:47px}
.refinement-demo .care-banner .lead{font-size:17px}
.refinement-demo .care-banner .actions{gap:10px}
.refinement-demo .care-banner .actions .button{font-size:13px;padding-inline:15px}
.refinement-demo .library-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
.refinement-demo .home-meet .meet-layout{grid-template-columns:170px minmax(0,1fr);gap:28px}
.refinement-demo .home-meet .portrait{width:160px}
.refinement-demo .home-meet .person-name{font-size:40px}
.refinement-demo .fees-layout{grid-template-columns:1fr;gap:25px}
.refinement-demo .fees-table-panel{order:-1}
.refinement-demo .medication-heading-layout{grid-template-columns:1fr}
.refinement-demo .resource-layout{grid-template-columns:1fr;gap:20px}
.refinement-demo .contents{position:static;max-height:none}
.refinement-demo.js .contents{display:none}
.refinement-demo .guide-jump{display:flex;align-items:center;gap:12px;padding-block:15px;border-bottom:1px solid var(--panel-rule)}
.refinement-demo .guide-jump label{font-size:12px;white-space:nowrap}
.refinement-demo .guide-jump select{min-width:0;flex:1;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #80b5a8;background:#f5fcfa;border-radius:6px;font:14px Outfit,Arial,sans-serif}
.refinement-demo .guide-jump>a{font-size:12px;white-space:nowrap}
.refinement-demo .guide-art-details>summary{display:list-item;cursor:pointer;font-size:14px;color:var(--pale);padding:13px 0;border-top:1px solid #9dbeb950;min-height:44px}
.refinement-demo .guide-art-details .medication-artwork{padding-top:15px}
.refinement-demo .guide-art-details .medication-figures{grid-template-columns:1fr 1fr}
.refinement-demo .guide-art-details .medication-figure{min-width:0}
.refinement-demo .medication-figure img{width:100%;height:auto;max-height:190px}
.refinement-demo .compact-next{align-items:flex-start;flex-direction:column;gap:20px}
.refinement-demo .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
.refinement-demo .home-planning-layout{grid-template-columns:1fr;gap:24px}
.refinement-demo .availability-wrap{width:calc(100% - 24px)}
}
@media screen and (max-width:600px){
.refinement-demo{padding-bottom:76px}
.refinement-demo.appointments-page{padding-bottom:0}
.refinement-demo .preview-banner{font-size:10px;padding:6px 15px;gap:7px}
.refinement-demo .preview-banner>span{display:inline}
.refinement-demo .preview-description{display:none}
.refinement-demo .site-header{padding:10px 20px;min-height:72px;gap:16px}
.refinement-demo .site-header .brand b{font-size:36px}
.refinement-demo .site-header .brand img{width:40px;height:40px}
.refinement-demo .site-header .brand small{font-size:9px}
.refinement-demo .menu-toggle{padding:10px 14px;min-height:42px;font-size:13px}
.refinement-demo .page-heading{padding-block:23px}
.refinement-demo .page-heading h1,.refinement-demo .policy-heading h1{font-size:43px}
.refinement-demo .page-heading .lead{font-size:16px;line-height:1.5}
.refinement-demo .section{padding-block:30px}
.refinement-demo h2{font-size:38px}
.refinement-demo .home-care{padding-block:26px}
.refinement-demo .heading-panel{grid-template-columns:1fr;padding:22px;gap:18px;border-radius:12px}
.refinement-demo .heading-panel h2{font-size:42px}
.refinement-demo .heading-panel>p{font-size:16px;max-width:none}
.refinement-demo .heading-panel h2 br{display:none}
.refinement-demo .heading-panel h2 em:before{content:' '}
.refinement-demo .home-service-grid{grid-template-columns:1fr;gap:12px}
.refinement-demo .home-service{padding:21px}
.refinement-demo .home-service h3{font-size:22px}
.refinement-demo .service-card-top{margin-bottom:12px}
.refinement-demo .home-service p{margin:10px 0 16px}
.refinement-demo .home-service .service-card-link{font-size:13px}
.refinement-demo .ticker-group>span{font-size:13px;padding-block:12px}
.refinement-demo .home-meet{padding:29px 0}
.refinement-demo .home-meet .meet-layout{display:grid;grid-template-columns:1fr;gap:24px}
.refinement-demo .home-meet .portrait{width:145px}
.refinement-demo .home-meet .portrait figcaption{font-size:13px;line-height:1.4;margin-top:13px}
.refinement-demo .home-meet .person-name{font-size:43px}
.refinement-demo .home-meet .person-name span{font-size:12px}
.refinement-demo .home-meet .lead{font-size:17px}
.refinement-demo .home-meet .home-qualification{font-size:12px}
.refinement-demo .home-meet .professional-title{font-size:14px;line-height:1.5}
.refinement-demo .care-concerns .centered-intro h2{font-size:37px}
.refinement-demo .care-concerns .centered-intro p{font-size:16px}
.refinement-demo .home-planning h2{font-size:43px}
.refinement-demo .care-banner{min-height:520px}
.refinement-demo .care-banner h1{font-size:43px}
.refinement-demo .care-banner .lead{font-size:17px;line-height:1.5}
.refinement-demo .care-banner .actions{flex-wrap:wrap}
.refinement-demo .care-banner .actions .button{font-size:13px;padding:12px 16px}
.refinement-demo .clinician-intro h1{font-size:52px}
.refinement-demo .clinician-intro .lead{font-size:17px}
.refinement-demo .clinician-photo{max-width:210px}
.refinement-demo .credential-strip>.wrap{display:grid;grid-template-columns:1fr;gap:0}
.refinement-demo .credential-strip .wrap>div{padding:16px 0;text-align:left}
.refinement-demo .credential-strip strong{font-size:20px}
.refinement-demo .credential-strip span{font-size:10px;margin-bottom:6px}
.refinement-demo .credential-strip p{font-size:13px}
.refinement-demo .values-panels{gap:15px}
.refinement-demo .values-panels>div,.refinement-demo .values-panels>article{padding:22px}
.refinement-demo .fees-table-panel{padding:14px 10px}
.refinement-demo .fee-table th,.refinement-demo .fee-table td{padding:16px 8px}
.refinement-demo .fee-table tbody th{font-size:15px;width:48%}
.refinement-demo .fee-table tbody td{font-size:14px}
.refinement-demo .clear-fees tbody td:last-child{font-size:19px}
.refinement-demo .fees-intro h2{font-size:38px}
.refinement-demo .insurance-section-head{gap:24px}
.refinement-demo .insurance-grid li{padding:18px 14px}
.refinement-demo .insurance-grid h3{font-size:18px}
.refinement-demo .insurance-grid p{font-size:12px}
.refinement-demo .service-detail .practical-heading{font-size:24px}
.refinement-demo .service-detail article{padding:21px!important}
.refinement-demo .inquiry-panel{padding:20px}
.refinement-demo .inquiry-panel h2{font-size:26px}
.refinement-demo .library-hub{grid-template-columns:1fr 1fr;gap:12px}
.refinement-demo .library-hub .feature-tile{padding:18px 15px}
.refinement-demo .library-hub .feature-tile h3{font-size:34px;margin:9px 0 12px}
.refinement-demo .library-hub .feature-tile p{font-size:14px;line-height:1.5}
.refinement-demo .library-hub .tile-link{font-size:12px}
.refinement-demo .library-hub .eyebrow{font-size:9px}
.refinement-demo .library-search-head{display:block;margin-bottom:14px}
.refinement-demo .library-search-head h2{font-size:24px;margin-bottom:8px}
.refinement-demo .library-search-head p{font-size:14px}
.refinement-demo .library-wide-search{padding:16px}
.refinement-demo .library-suggestions{font-size:12px}
.refinement-demo .resource-heading{padding-block:24px}
.refinement-demo .resource-heading h1{font-size:48px;overflow-wrap:anywhere}
.refinement-demo .resource-heading .lead{font-size:16px}
.refinement-demo .resource-heading .byline{font-size:12px}
.refinement-demo .resource-heading .review-label{font-size:11px}
.refinement-demo .resource-actions .button{font-size:12px;min-height:42px;padding:10px 12px}
.refinement-demo .medication-heading-layout{gap:18px}
.refinement-demo .guide-jump{flex-wrap:wrap;gap:8px 12px;padding-block:12px}
.refinement-demo .guide-jump label{font-size:11px}
.refinement-demo .guide-jump select{font-size:13px}
.refinement-demo .guide-jump>a{display:none}
.refinement-demo .resource-layout{padding-top:22px}
.refinement-demo .resource-section h2{font-size:25px}
.refinement-demo .resource-section p,.refinement-demo .resource-section li{font-size:16px;line-height:1.65}
.refinement-demo .resource-section.urgent-block p{font-size:16px}
.refinement-demo .resource-section{padding-block:24px}
.refinement-demo .resource-section.urgent-block{padding:20px}
.refinement-demo .compact-next h2{font-size:24px}
.refinement-demo .compact-next .actions{gap:16px;flex-wrap:wrap}
.refinement-demo .compact-next .button{font-size:13px}
.refinement-demo .site-footer{padding-top:26px}
.refinement-demo .footer-grid{gap:25px 20px}
.refinement-demo .footer-grid>div:first-child{grid-column:1/-1}
.refinement-demo .footer-grid .brand{margin-bottom:0}
.refinement-demo .footer-grid>div>a:not(.brand):not(.button){font-size:13px;line-height:1.6;margin-bottom:9px}
.refinement-demo .footer-grid .eyebrow{font-size:10px;margin-bottom:13px}
.refinement-demo .footer-grid>div:first-child>.button{display:none}
.refinement-demo .footer-policies{padding-block:20px}
.refinement-demo .mobile-next{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;align-items:center;justify-content:center;gap:24px;padding:10px 20px max(10px,env(safe-area-inset-bottom));background:#1c2023f7;border-top:1px solid #bce2d62b;box-shadow:0 -3px 15px #0000000d}
.refinement-demo .mobile-next .button{min-height:44px;flex:1;max-width:290px;font-size:14px;padding:12px 20px}
.refinement-demo .mobile-next>a:not(.button){color:var(--pale);font-size:13px;text-underline-offset:4px}
.refinement-demo .availability-heading h1{font-size:34px}
.refinement-demo .availability-shell{padding-top:10px}
.refinement-demo .availability-toolbar [data-calendar-fee]{font-size:12px}
.refinement-demo .availability-calendar iframe{height:700px}
}
@media screen and (max-width:360px){
.refinement-demo .wrap{width:calc(100% - 30px)}
.refinement-demo .site-header{padding-inline:15px}
.refinement-demo .site-header .brand b{font-size:32px}
.refinement-demo .site-header .brand img{width:35px;height:35px}
.refinement-demo .site-header .brand small{font-size:8px}
.refinement-demo .library-hub{grid-template-columns:1fr}
}
@media print{.refinement-demo .guide-jump,.refinement-demo .mobile-next{display:none!important}.refinement-demo .guide-art-details>summary{display:none}}

@media screen and (max-width:800px){
.refinement-demo .guide-jump{position:sticky;top:var(--navigation-height);z-index:8;background:#fff;width:100%;padding-inline:20px;box-shadow:0 3px 12px #163c3010}
.refinement-demo .resource-section{scroll-margin-top:calc(var(--navigation-height) + 96px)}
}

/* Restore the open original hero: artwork, portrait, and small identity panels. */
@media screen{
.refinement-demo.short-home-demo .hero>.wrap{width:min(var(--width),calc(100% - var(--gutter)*2))}
}

/* Homepage display lettering needs room for descenders and dotted ascenders. */
@media screen {
 .refinement-demo.short-home-demo .hero h1{line-height:1.22}
}

/* Keep the two-line headline balanced on small phones. */
@media screen and (max-width:480px) {
 .short-home-demo .hero h1{font-size:clamp(40px,12.2vw,54px)}
 .short-home-demo .hero h1 em{white-space:nowrap}
}