@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
#nav{box-sizing:border-box;position:fixed;top:0;left:0;z-index:100;width:100%;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 4.5%;background:#f1f2f4;color:#202d58;box-shadow:0 1px #c9cedd;font-family:'DM Sans',Arial,sans-serif;transition:padding .3s}
#nav.scrolled{padding-top:16px;padding-bottom:16px}
#nav a{text-decoration:none;color:inherit} #nav .brand{font-size:28px;letter-spacing:-1.2px;white-space:nowrap} #nav .brand span{color:#c7cfe0}
#nav #links{display:flex;align-items:center;gap:clamp(12px,1.5vw,28px);font-size:12px} #nav #links a:hover{text-decoration:underline;text-underline-offset:6px}
#nav button{font:inherit;color:inherit;cursor:pointer;border:0;background:none} #nav .login{font-size:inherit;padding:0} #nav .nav-apply{background:#26345d;color:white;padding:14px 22px;font-size:12px;border:1px solid #26345d} #nav #menu{display:none}
body.jr-inner .jr-page{padding-top:140px}
#main-header-dialog{border:0;padding:0;background:#f1f2f4;color:#202d58;max-width:min(500px,90vw);font-family:'DM Sans',Arial,sans-serif} #main-header-dialog::backdrop{background:#111a35a8} #main-header-dialog .dialog-content{padding:36px} #main-header-dialog h2{font-size:36px;margin:15px 0} #main-header-dialog p{line-height:1.7} #main-header-dialog a{display:inline-block;margin-top:20px;background:#26345d;color:white;padding:14px 20px;text-decoration:none} #main-header-dialog button{float:right;border:0;background:none;font-size:22px;cursor:pointer}
@media(max-width:1050px){#nav #links{font-size:10px} #nav .brand{font-size:20px}}
@media(max-width:760px){#nav,#nav.scrolled{padding:16px 5%;gap:10px;min-height:70px} #nav .brand{font-size:clamp(17px,5.1vw,24px);letter-spacing:-.8px} #nav #menu{display:block;white-space:nowrap;min-height:40px;padding:8px 4px;font-size:11px} #nav .nav-apply{white-space:nowrap;padding:12px 13px;min-height:42px;font-size:11px} #nav #links{display:none;position:absolute;top:100%;left:0;width:100%;padding:18px 6% 22px;background:#f1f2f4;color:#202d58;max-height:calc(100svh - 70px);overflow-y:auto;box-shadow:0 15px 25px #10173516} #nav #links.open{display:flex;flex-direction:column;align-items:stretch;gap:0} #nav #links.open>a,#nav #links.open>.login{display:block;width:100%;min-height:46px;padding:12px 0;margin:0;text-align:left;font:400 16px/22px 'DM Sans',Arial,sans-serif;border:0;background:transparent} body.jr-inner .jr-page{padding-top:110px}}

body.jr-inner main.site-main{padding-top:110px}
@media(max-width:760px){body.jr-inner main.site-main{padding-top:80px}}

body.jr-inner .jr-membership-page{padding-top:125px}
@media(max-width:760px){body.jr-inner .jr-membership-page{padding-top:95px}}

/* These pages need one offset for the fixed header, not two. */
body.jr-inner.compact-page-top{padding-top:0}
body.jr-inner.compact-page-top .jr-page,body.jr-inner.compact-page-top .jr-membership-page{padding-top:125px}
@media(max-width:760px){body.jr-inner.compact-page-top .jr-page,body.jr-inner.compact-page-top .jr-membership-page{padding-top:95px}}

/* Match the navigation hover line on the patient portal link. */
#nav #links .login:hover, #nav #links .login:focus-visible { text-decoration: underline; text-underline-offset: 6px; }
