/* Accessible icon navigation, shared on every page. */
header nav{align-items:center;gap:12px!important;justify-content:center!important}header nav .nav.icon-nav,header nav .nav.search-nav{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px!important;width:52px;min-width:44px;min-height:52px!important;height:52px;padding:12px!important;position:relative;border-radius:12px;border:0;color:#777168;transition:color .2s,background-color .2s}header nav .nav.icon-nav svg,header nav .nav.search-nav svg{height:25px;width:25px;flex-shrink:0}header nav .nav.icon-nav:hover,header nav .nav.search-nav:hover{background:#efece4;color:var(--accent)}header nav .nav.active{background:#f8e9e9;color:var(--accent)}header nav .nav::after{display:none!important}header nav .nav.icon-nav:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header nav .nav .nav-sr-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;background:transparent!important}header nav .nav.icon-nav::before{content:attr(aria-label);position:absolute;z-index:20;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#272521;color:white;font:500 12px/1.4 sans-serif;padding:7px 10px;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}header nav .nav.icon-nav:hover::before,header nav .nav.icon-nav:focus-visible::before{opacity:1;visibility:visible}
.medical-mascot{position:fixed;right:24px;bottom:max(20px,env(safe-area-inset-bottom));width:112px;height:126px;z-index:12;pointer-events:none;isolation:isolate}.mascot-disc{position:absolute;width:105px;height:105px;bottom:0;right:0;border-radius:50%;background:#eadfce;box-shadow:0 5px 22px #614f3820;border:1px solid #ddd0bc}.medical-mascot img{position:absolute;width:152px;max-width:none;height:auto;left:-19px;bottom:-5px;filter:drop-shadow(0 5px 5px #5b3e2820);animation:mascot-float 5s ease-in-out infinite}body{padding-bottom:138px}body:has(dialog[open]) .medical-mascot{visibility:hidden}@keyframes mascot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.clinical-reading .reading-lead{font-size:18px;line-height:1.85;color:#5f5b53}.clinical-reading section{margin-top:32px}.clinical-reading h3{font-size:21px;line-height:1.35;margin:0 0 18px;color:var(--ink)}.clinical-reading dl{margin:0}.clinical-reading dt{font-weight:600;font-size:16px;line-height:1.5;margin-top:20px}.clinical-reading dd{margin:6px 0 0;font-size:16px;line-height:1.8;color:#656158}.reading-application{background:#f1ece3;border-left:3px solid var(--accent);padding:24px}.reading-application h3{margin-top:10px}.reading-application p{font-size:16px;line-height:1.85}.reading-sources{display:flex;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}.reading-sources a{min-height:44px;padding:10px 0;font-size:14px}.clinical-reading #reading-next{min-height:48px;margin-top:20px;width:100%}.practice-unit-card{border-top:3px solid var(--accent)}.practice-unit-copy{padding:30px;min-height:240px}
@media(max-width:1280px){header nav{padding:8px 0!important}}
@media(max-width:700px){header nav{gap:4px!important;justify-content:space-between!important;flex-wrap:nowrap!important}header nav .nav.icon-nav,header nav .nav.search-nav{flex:0 1 44px!important;width:44px;min-width:36px;min-height:44px!important;height:44px;padding:10px!important;border-radius:9px}header nav .nav.icon-nav svg,header nav .nav.search-nav svg{width:23px;height:23px}.medical-mascot{width:72px;height:86px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.mascot-disc{width:70px;height:70px}.medical-mascot img{width:103px;left:-15px;bottom:-4px}body{padding-bottom:102px}.practice-unit-copy{padding:24px;min-height:220px}.clinical-reading .reading-lead{font-size:16px}.reading-application{padding:20px}.clinical-reading h3{font-size:20px}}
@media(max-width:360px){header nav{gap:0!important}header nav .nav.icon-nav,header nav .nav.search-nav{min-width:36px;flex-basis:38px!important;width:38px;padding:8px!important}header nav .nav.icon-nav svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.medical-mascot img{animation:none}header nav .nav.icon-nav{transition:none}}
/* The menu is a fixed seven-slot row, never an internal scroll container. */
body header>nav,body.home-page header>nav{display:grid!important;grid-template-columns:repeat(7,52px);gap:12px!important;align-items:center;justify-content:center!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;width:max-content;max-width:100%;height:auto!important;min-height:52px;flex:none;white-space:normal}
body header>nav>.nav,body.home-page header>nav>.nav{width:100%!important;min-width:0!important;max-width:100%;height:52px!important;min-height:52px!important;margin:0!important;transform:none!important}
body header>nav>.nav:last-child::before{left:auto;right:0;transform:none}
@media(max-width:1280px){body header>nav,body.home-page header>nav{width:100%;grid-template-columns:repeat(7,minmax(0,52px));order:3}}
@media(max-width:700px){body header>nav,body.home-page header>nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:0!important;min-height:44px;padding:8px 0!important}body header>nav>.nav,body.home-page header>nav>.nav{height:44px!important;min-height:44px!important;padding:8px!important}}
/* Symmetric columns keep navigation centered regardless of the account label. */
@media(min-width:1281px){body>header,body.home-page>header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}body>header>.brand{grid-column:1;justify-self:start}body>header>nav,body.home-page>header>nav{grid-column:2;grid-row:1;margin:0!important;justify-self:center}body>header>.account-entry{grid-column:3;grid-row:1;justify-self:end;margin:0}body>header>.profile{display:none}}
@media(max-width:1280px){body>header>nav,body.home-page>header>nav{margin-inline:auto!important;justify-self:center}body>header>.profile{display:none}}
.medical-mascot{width:76px;height:88px;right:18px}.medical-mascot .mascot-disc{width:72px;height:72px}.medical-mascot img{width:105px;left:-13px;bottom:-4px}body{padding-bottom:100px}
@media(max-width:700px){.medical-mascot{width:52px;height:62px;right:10px}.medical-mascot .mascot-disc{width:50px;height:50px}.medical-mascot img{width:74px;left:-11px;bottom:-3px}body{padding-bottom:76px}}