/* Header menu has seven items: keep each on one line and tighten the gap on mid-width screens. site.css is locked to the original, so this lives in its own file. */
.menu a{white-space:nowrap}
@media(min-width:761px) and (max-width:1000px){.menu{gap:20px}.nav .mark{flex-shrink:0}}

/* Side gutters: several pages set their own vertical padding (.hero, inline padding:Npx 0 Mpx) which also wiped the .wrap side padding, so text touched the screen edge on phones. Restore it everywhere. */
.wrap{padding-left:clamp(20px,4vw,40px)!important;padding-right:clamp(20px,4vw,40px)!important}

/* Lesson footer links can be long ("Previous: …"); let them wrap instead of pushing the page wider than a phone screen. */
.lnav>*{min-width:0;overflow-wrap:anywhere}
.lay>*{min-width:0}
.beta{margin:0;padding:8px clamp(20px,4vw,40px);background:var(--paper2);border-bottom:1px solid var(--line);color:var(--slate);font:400 .875rem/1.4 var(--sans);text-align:center}.beta b{color:var(--accd);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;margin-right:8px}
:root{--paper:#FFFFFF;--paper2:#F1F4F8;--ink:#14202E;--slate:#5B6573;--line:#D5DCE6;--acc:#042C56;--accd:#042C56;--white:#FFFFFF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0E1620;--paper2:#15202D;--ink:#E8EDF3;--slate:#9AA7B7;--line:#2A3849;--acc:#6F9BD6;--accd:#9BBDE8;--white:#131C28}}
:root[data-theme="dark"]{--paper:#0E1620;--paper2:#15202D;--ink:#E8EDF3;--slate:#9AA7B7;--line:#2A3849;--acc:#6F9BD6;--accd:#9BBDE8;--white:#131C28}
.brand-logo{display:block;width:min(320px,70%);height:auto;margin:0 0 28px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand-logo{filter:brightness(0) invert(1)}}
:root[data-theme="dark"] .brand-logo{filter:brightness(0) invert(1)}
.call{background:#042C56}.call li{border-top-color:#1d4673}.call .label{color:#A9BCD3}.call i{border-color:#6F8FB8}.call li.d i{background:#6F9BD6;border-color:#6F9BD6}
/* Logo in the header and footer (markup stays text for screen readers) */
.nav .mark,.foot .mark{display:inline-block;width:78px;height:51px;background:url(/logo.png) left center/contain no-repeat;font-size:0;line-height:0;color:transparent;overflow:hidden;vertical-align:middle}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nav .mark,:root:not([data-theme="light"]) .foot .mark{background-image:url(/logo-white.png)}}
:root[data-theme="dark"] .nav .mark,:root[data-theme="dark"] .foot .mark{background-image:url(/logo-white.png)}
/* Sections still being written */
.menu a[href="/nursing/"]::after,.menu a[href="/pa/"]::after,.foot a[href="/nursing/"]::after,.foot a[href="/pa/"]::after{content:"Soon";margin-left:6px;padding:1px 6px;border:1px solid var(--line);border-radius:999px;font:500 .625rem/1.4 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--slate);vertical-align:2px}
.legal{margin:0;padding:18px clamp(20px,4vw,40px) 36px;text-align:center;font:400 .75rem/1.5 var(--sans);color:var(--slate);border-top:1px solid var(--line)}
.beta a,.legal a{color:var(--accd);font-weight:500}
.pm-note{margin:14px 0 0;max-width:36rem;color:var(--slate);font:400 .875rem/1.5 var(--sans)}