/* ComplexCare Atlas base (2 Nov 2026): layout and every component. Colors, fonts, corners and shadows come from
   tokens set by the look file (look-a.css Monitor, look-b.css Home Base, look-c.css Care Plan). */
:root{
  --bg:#fff;--surface:#fff;--ink:#111;--muted:#444;--line:#ddd;--brand:#2C5AA0;--brand-ink:#fff;--accent:#2C5AA0;--accent-ink:#fff;
  --soft:#EEF3FA;--soft-2:#F6F8FB;--link:#1D4E8F;--hero-bg:#EEF3FA;--hero-ink:#111;--hdr-bg:#fff;--hdr-ink:#111;--foot-bg:#111;--foot-ink:#fff;
  --warn-bg:#FDECEA;--warn-ink:#7A1B10;--ok-bg:#E5F4EC;
  --r:14px;--r-sm:10px;--shadow:0 2px 0 rgba(0,0,0,.06);--card-border:2px solid var(--line);
  --h:system-ui,sans-serif;--b:system-ui,sans-serif;--hw:700;--fs:18px;--lh:1.6;--wrap:1200px;
}
html.lg{--fs:21px} html.xl{--fs:24px}
html.sp{--lh:1.95} html.sp body{letter-spacing:.02em;word-spacing:.08em} html.sp p,html.sp li{margin-bottom:.9em}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs)/var(--lh) var(--b);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{text-decoration-thickness:2.5px}
:focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--h);font-weight:var(--hw);line-height:1.15;margin:0 0 .5em;color:inherit}
h1{font-size:clamp(32px,4.4vw,48px)} h2{font-size:clamp(25px,2.9vw,34px)} h3{font-size:clamp(19px,1.9vw,22px)}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:12px;top:-60px;background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:10px;font-weight:700;z-index:50}
.skip:focus{top:12px}
.small{font-size:.86em;color:var(--muted)}
.muted{color:var(--muted)}
.sr-only,.ax-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a.tel{display:inline-block;min-height:24px;line-height:24px;padding:0 2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 1em/1.2 var(--h);background:var(--brand);color:var(--brand-ink);border:2px solid var(--brand);border-radius:var(--r-sm);padding:12px 22px;min-height:48px;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.btn.alt{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn.ghost{background:transparent;color:var(--ink);border-color:currentColor}
.btn.sm{padding:8px 14px;min-height:44px;font-size:.9em}
.btns{display:flex;flex-wrap:wrap;gap:12px}
input[type=text],input[type=number],input[type=date],input[type=time],input[type=tel],select,textarea{font:inherit;padding:10px 12px;border:2px solid var(--muted);border-radius:var(--r-sm);min-height:46px;background:var(--surface);color:var(--ink);width:100%}
textarea{min-height:90px}
label>span,.field>span{display:block;font-weight:700;margin-bottom:6px}
.row{display:flex;flex-wrap:wrap;gap:12px}
.row>label,.row>.field{flex:1 1 220px;min-width:0}

/* header and utility row */
.hdr{background:var(--hdr-bg);color:var(--hdr-ink)}
.hdr .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand .nm{display:flex;flex-direction:column;line-height:1.05}
.brand b{font:var(--hw) 25px/1 var(--h);letter-spacing:-.01em}
.brand .nm>span{font-size:13px;display:flex;align-items:center;gap:6px;margin-top:5px}
.brand .nm img{height:12px;width:auto}
.mark .mk-bg{fill:var(--brand)} .mark .mk-ln{stroke:var(--brand-ink)}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 4px;flex:1 1 560px;justify-content:flex-end}
.nav a{color:inherit;text-decoration:none;font:600 15.5px/1.2 var(--h);padding:10px 10px;border-radius:var(--r-sm)}
.nav a:hover{background:rgba(127,127,127,.15)}
.nav a[aria-current]{box-shadow:inset 0 -4px 0 var(--accent)}
.nav a.cta{background:var(--accent);color:var(--accent-ink);margin-left:6px}
.top{background:var(--soft);border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:7px;padding-bottom:7px}
.top .crisis{margin:0;font-weight:700}
.top .crisis a{color:inherit}
.top .addlist{background:var(--brand);color:var(--brand-ink);text-decoration:none;font:700 14.5px/1 var(--h);border-radius:999px;padding:9px 14px;min-height:38px;display:inline-flex;align-items:center}
.top .ax-es{color:inherit;font-weight:700}
.top .tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}
.top button,.dset summary{font:600 14.5px/1 var(--h);background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.top button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.dset{position:relative} .dset summary{list-style:none} .dset summary::-webkit-details-marker{display:none}
.dset:not([open]) .panel{display:none}
.dset .panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px rgba(0,0,0,.18);padding:16px;width:min(310px,calc(100vw - 32px))}
.dset fieldset{border:0;margin:0 0 10px;padding:0} .dset legend{font-weight:700;margin-bottom:4px}
.dset label{display:flex;gap:8px;align-items:center;padding:4px 0}
.dset .note{font-size:13px;color:var(--muted);margin:8px 0 0}
.reading{margin:0} .reading:not(:empty){padding:6px 24px;background:var(--accent);color:var(--accent-ink);font-weight:700;text-align:center}
@media (max-width:720px){
  .top .crisis{flex-basis:100%} .top .tools{flex:1 1 100%;margin-left:0}
  .top button,.dset summary{padding:7px 10px;font-size:14px}
  .nav{justify-content:flex-start;flex-basis:100%} .nav a{padding:9px 8px;font-size:15px}
}

/* home hero and Care Map */
.hero{background:var(--hero-bg);color:var(--hero-ink);position:relative;overflow:hidden}
.hero .wrap{padding-top:52px;padding-bottom:60px;position:relative}
.hero-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:stretch}
.hero-l{flex:1 1 540px;min-width:0} .hero-r{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:14px}
.kicker{margin:0 0 12px;font:700 15px/1.2 var(--h);letter-spacing:.08em;text-transform:uppercase}
.hero h1{margin-bottom:16px}
.hero .lede{font-size:1.1em;max-width:34em;margin-bottom:26px}
.mapbox{background:var(--surface);color:var(--ink);border:var(--card-border);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.mapbox h2{font-size:24px;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.mapbox p{font-size:.92em}
.mapbox .err{color:var(--warn-ink);font-weight:700;margin:10px 0 0}
.mapbox .alt{margin:10px 0 0;font-size:.85em;color:var(--muted)}
.mapbox .alt button{font:inherit;color:var(--link);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font-weight:700}
.needs{border:0;margin:14px 0 0;padding:0}
.needs legend{font-weight:700;margin-bottom:6px}
.needs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.needs label{display:inline-flex;gap:8px;align-items:center;border:2px solid var(--line);border-radius:999px;padding:6px 12px;min-height:40px;font-size:.92em;cursor:pointer;background:var(--surface)}
.needs input:checked+span{font-weight:700}
.needs label:has(input:checked){border-color:var(--brand);background:var(--soft)}
.hero-fig{margin:0;position:relative;flex:1 1 auto;min-height:340px}
.hero-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:var(--r)}
.hero-fig figcaption{position:absolute;left:16px;bottom:16px;background:var(--surface);color:var(--ink);font:700 15px/1 var(--h);border-radius:999px;padding:9px 16px}
.hero-r .tag{margin:0;font-weight:700}
.hero-art{position:absolute;pointer-events:none}
@media (max-width:640px){.hero-fig{min-height:230px}.hero .wrap{padding-top:30px}}
.cm-card{margin-top:34px;background:var(--surface);color:var(--ink);border:var(--card-border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.cm-card[hidden]{display:none}
.cm-top{background:var(--brand);color:var(--brand-ink);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cm-top h2{font-size:19px;margin:0}
.cm-top .st{background:var(--surface);color:var(--ink);border-radius:999px;padding:3px 12px;font-weight:700;font-size:14px}
.cm-body{padding:22px;display:flex;flex-wrap:wrap;gap:26px}
.cm-main{flex:1 1 460px;min-width:0}
.cm-side{flex:1 1 290px;min-width:0;background:var(--soft);border-radius:var(--r-sm);padding:18px;display:flex;flex-direction:column;gap:12px;align-self:flex-start}
.cm-side .btn{width:100%}
.cm-help{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.cm-help li{border:2px solid var(--line);border-radius:var(--r-sm);padding:12px 14px}
.cm-help b{display:block;font-family:var(--h)}
.cm-help .k{font-size:.82em;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.cm-group{margin:0 0 20px}
.cm-group h3{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cm-group h3 .n{font:700 .8em/1 var(--b);color:var(--muted)}
.near{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.near li{border:2px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:var(--surface)}
.near b{display:block;font-family:var(--h);font-weight:700}
.near .k{font-size:.85em;color:var(--muted)}
.tier{display:inline-block;font-size:.78em;font-weight:700;border-radius:999px;padding:2px 10px;margin-top:6px;border:1.5px solid currentColor}
.tier.sv{background:var(--ok-bg)} .tier.cp{background:var(--soft)} .tier.rl{background:var(--surface)}
.loading{font-style:italic;color:var(--muted)}

/* bands and home sections */
.counts{background:var(--surface);border-bottom:1px solid var(--line)}
.counts ul{list-style:none;margin:0 auto;max-width:var(--wrap);padding:26px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.counts b{display:block;font:var(--hw) 34px/1.1 var(--h);color:var(--brand)}
.counts span{color:var(--muted)}
.home-sec{padding:56px 0 24px}
.home-sec .sub{color:var(--muted);margin-bottom:26px;max-width:46em}
.doors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.doors a{position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--surface);border:var(--card-border);border-radius:var(--r);padding:24px 24px 58px;box-shadow:var(--shadow);transition:transform .12s}
.doors a:hover{transform:translateY(-2px)}
.doors .ico{color:var(--brand)}
.doors h3{font-size:23px;margin:12px 0 6px} .doors p{margin:0}
.go{position:absolute;right:18px;bottom:16px;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
@media (prefers-reduced-motion:reduce){.doors a{transition:none}.doors a:hover{transform:none}}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chips a,.chips button{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--ink);border:2px solid var(--line);border-radius:999px;padding:8px 18px;font:700 16px/1.2 var(--b);background:var(--surface);cursor:pointer}
.chips a:hover,.chips button:hover{border-color:var(--brand)}
.band{background:var(--brand);color:var(--brand-ink)}
.band .wrap{padding-top:46px;padding-bottom:46px;display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.band a:not(.btn){color:inherit}
.band .copy{flex:1 1 520px;min-width:0}
.band .btn{background:var(--surface);color:var(--ink);border-color:var(--surface)}
.band.soft{background:var(--soft);color:var(--ink)}
.band.soft .btn{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.stages a{display:flex;gap:12px;align-items:flex-start;height:100%;text-decoration:none;color:var(--ink);background:var(--surface);border:var(--card-border);border-radius:var(--r-sm);padding:14px;font-weight:700;line-height:1.3}
.stages a:hover{border-color:var(--brand)}
.stages .n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-size:15px}
.stages small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.tools-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.tools-grid a{display:block;height:100%;text-decoration:none;color:var(--ink);background:var(--surface);border:var(--card-border);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}
.tools-grid a:hover{border-color:var(--brand)}
.tools-grid .ico{color:var(--accent)}
.tools-grid h3{margin:10px 0 6px;font-size:20px} .tools-grid p{margin:0;font-size:.95em}
.tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.tiers li{border:var(--card-border);border-radius:var(--r);padding:18px;background:var(--surface)}
.tiers b{font-family:var(--h);display:block;margin-bottom:4px}
.duo{display:flex;flex-wrap:wrap;gap:24px;padding:48px 0}
.duo>div{flex:1 1 440px;min-width:0;border:var(--card-border);border-radius:var(--r);padding:26px;background:var(--surface)}
.duo>div.tint{background:var(--soft)}
.photo-sec{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.photo-sec>div{flex:1 1 420px;min-width:0}
.photo-sec img{border-radius:var(--r);width:100%;height:auto;object-fit:cover;aspect-ratio:3/2}

/* inner pages */
.phero{background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--line)}
.phero .wrap{display:flex;flex-wrap:wrap;gap:28px;align-items:center;padding-top:30px;padding-bottom:36px}
.phero .copy{flex:1 1 560px;min-width:0}
.phero .lede{font-size:1.1em;max-width:40em;margin:0}
.phero .ph{flex:0 1 380px;min-width:0;border-radius:var(--r);aspect-ratio:3/2;object-fit:cover;width:380px;height:auto}
.hero-ico{flex:none;width:150px;height:150px;border-radius:var(--r);background:var(--surface);color:var(--brand);border:var(--card-border);display:grid;place-items:center}
@media (max-width:640px){.hero-ico{display:none}.phero .ph{width:100%}}
.crumbs{font-size:.88em;margin-bottom:14px} .crumbs a{color:inherit}
.page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding-top:40px;padding-bottom:64px}
.page.wide{grid-template-columns:minmax(0,1fr)}
@media (max-width:960px){.page{grid-template-columns:minmax(0,1fr)}}
.page aside{display:flex;flex-direction:column;gap:18px}
@media (min-width:961px){.page aside>.toc{position:sticky;top:16px}}
.box{background:var(--surface);border:var(--card-border);border-radius:var(--r);padding:18px}
.box h2{font-size:19px;display:flex;align-items:center;gap:8px}
.box.map{background:var(--soft)}
.toc ol{margin:0;padding-left:1.2em} .toc li{margin:4px 0}
.related{margin:0;padding-left:1.1em}
.sec{margin-bottom:44px;scroll-margin-top:16px}
.sec>h2{padding-bottom:8px;border-bottom:3px solid var(--accent)}
.prose{max-width:46em}
.prose ul,.prose ol{padding-left:1.3em} .prose li{margin-bottom:.45em}
.callout{border:2px solid var(--line);border-left:8px solid var(--brand);border-radius:var(--r-sm);padding:16px 18px;margin:18px 0;background:var(--surface)}
.callout p:last-child{margin-bottom:0}
.callout.soft{background:var(--soft)} .callout.warn{background:var(--warn-bg);border-left-color:var(--warn-ink)}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.cards li{border:var(--card-border);border-radius:var(--r-sm);padding:16px 18px;background:var(--surface)}
.cards h3{font-size:19px;margin-bottom:6px} .cards p{margin:0;font-size:.95em}
.steps{list-style:none;padding:0;margin:0;counter-reset:st}
.steps>li{counter-increment:st;position:relative;padding:0 0 18px 52px}
.steps>li::before{content:counter(st);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font:700 16px/36px var(--h);text-align:center}
.stage{border:var(--card-border);border-radius:var(--r);background:var(--surface);margin:0 0 26px;overflow:hidden;scroll-margin-top:16px}
.stage>header{display:flex;gap:14px;align-items:center;background:var(--soft);border-bottom:1px solid var(--line);padding:14px 18px}
.stage>header .n{flex:none;width:42px;height:42px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font:700 18px/42px var(--h);text-align:center}
.stage>header h2{margin:0;font-size:22px;border:0;padding:0}
.stage .intro{padding:14px 18px 0;margin:0}
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sgrid>div{padding:14px 18px}
.sgrid h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.sgrid ul{margin:0;padding-left:1.15em;font-size:.95em} .sgrid li{margin-bottom:.4em}
.stage .links{margin:0;padding:12px 18px;border-top:1px solid var(--line);font-size:.95em;background:var(--soft-2)}
dl.gloss{margin:0;display:grid;grid-template-columns:minmax(120px,240px) 1fr;border-top:2px solid var(--line)}
dl.gloss dt{font:700 1em/1.3 var(--h);padding:12px 12px 12px 0;border-bottom:1px solid var(--line)}
dl.gloss dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
@media (max-width:640px){dl.gloss{grid-template-columns:1fr} dl.gloss dt{border:0;padding-bottom:0}}
.az{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 18px}
.az a{display:inline-grid;place-items:center;min-width:40px;min-height:40px;border:2px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-weight:700;background:var(--surface)}
.tbl-wrap{overflow-x:auto;border:var(--card-border);border-radius:var(--r-sm);background:var(--surface);margin:12px 0 20px;position:relative}
.tbl{border-collapse:collapse;width:100%;font-size:.92em}
.tbl th,.tbl td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl thead th{background:var(--brand);color:var(--brand-ink);font-family:var(--h);white-space:nowrap}
.tbl tbody tr:nth-child(even){background:var(--soft-2)}
.kv{display:grid;grid-template-columns:minmax(150px,240px) 1fr;border:var(--card-border);border-radius:var(--r-sm);overflow:hidden;background:var(--surface);margin:12px 0 20px;position:relative}
.kv>div{padding:10px 14px;border-bottom:1px solid var(--line)}
.kv>.k{background:var(--soft);font-weight:700}
@media (max-width:640px){.kv{grid-template-columns:1fr}.kv>.k{border-bottom:0;padding-bottom:2px}}
.orglist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.orglist li{border-left:5px solid var(--accent);padding:4px 0 4px 12px}
.orglist b{font-family:var(--h)}
.reviewed{font-size:.88em;color:var(--muted);border-top:2px dashed var(--line);padding-top:16px;margin-top:40px}
form.search{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--surface);border:var(--card-border);border-radius:var(--r);padding:18px;margin:12px 0 20px}
form.search label{flex:1 1 220px;min-width:0}
.gl-b{position:relative}
.call-table td:first-child{font-weight:700}

/* care binder tools (all saved on this device only) */
.tool{background:var(--surface);border:var(--card-border);border-radius:var(--r);padding:20px;margin:0 0 22px}
.tool fieldset{border:0;margin:0 0 18px;padding:0}
.tool legend{font:var(--hw) 1.15em/1.2 var(--h);margin-bottom:10px}
.tool .row{margin-bottom:10px}
.tool-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:12px 0;margin-top:8px}
.tool-bar .status{font-weight:700;color:var(--muted)}
.rep{border:1px dashed var(--line);border-radius:var(--r-sm);padding:12px;margin:0 0 12px}
.rep .rm{margin-top:8px}
.checklist{list-style:none;margin:0;padding:0}
.checklist li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.checklist input{width:24px;height:24px;flex:none;margin-top:3px}
.checklist label{flex:1}
.meter{height:14px;border-radius:999px;background:var(--soft);overflow:hidden;border:1px solid var(--line)}
.meter>span{display:block;height:100%;background:var(--brand)}
.sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}
.sum>div{border:var(--card-border);border-radius:var(--r-sm);padding:12px 14px;background:var(--soft-2)}
.sum b{display:block;font:var(--hw) 28px/1.1 var(--h)}
.due{font-weight:700} .due.soon{color:var(--warn-ink)}

/* printable forms (emergency information form, plans) */
.printout{display:none}
@media print{
  .hdr,.top,.foot,.skip,.page aside,.btn,.reviewed,.cm-side,.tool-bar,.phero,.no-print{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .page{display:block;padding:0}
  .printout{display:block}
  .print-hide{display:none!important}
  a{color:#000}
  @page{margin:.5in}
}
.pf h2{font-size:15pt;margin:0 0 4px} .pf table{width:100%;border-collapse:collapse;font-size:10pt;margin:0 0 8px}
.pf th,.pf td{border:1px solid #888;padding:4px 6px;text-align:left;vertical-align:top} .pf th{background:#eee;width:28%}
.pf .pf-h{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #000;margin-bottom:8px;padding-bottom:4px}

/* footer */
.foot{background:var(--foot-bg);color:var(--foot-ink)}
.foot a{color:inherit}
.foot .wrap{padding-top:40px;padding-bottom:36px}
.fam{border:2px solid rgba(127,127,127,.45);border-radius:var(--r);padding:20px;margin-bottom:34px}
.fam-h h2{font-size:22px;margin-bottom:4px} .fam-h p{margin:0 0 14px;opacity:.92}
.fam ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.fam a{display:flex;gap:10px;align-items:flex-start;text-decoration:none;border-radius:12px;padding:10px 12px;background:rgba(127,127,127,.12);height:100%}
.fam a:hover{background:rgba(127,127,127,.24)}
.fam .dot{flex:none;width:14px;height:14px;border-radius:50%;margin-top:5px}
.fam .fx{display:flex;flex-direction:column;font-size:15px;line-height:1.35}
.fam .fx b{font-family:var(--h)}
.fam .here{display:inline-block;margin-top:4px;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:1px 10px;font-weight:700;font-size:13px;align-self:flex-start}
.fam li.is-here a{outline:2px solid var(--accent)}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.foot h2{font-size:17px}
.foot ul{list-style:none;margin:0;padding:0} .foot li{margin:0 0 8px;font-size:15.5px}
.foot .bottom{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid rgba(127,127,127,.45);margin-top:28px;padding-top:20px;font-size:14.5px}
.foot .bottom p{flex:1 1 560px;margin:0}
.foot .logo img{height:30px;width:auto}

/* night view (dim) and high contrast: the same on every look */
html.dim{--bg:#15181D;--surface:#1D2128;--ink:#E8E2D8;--muted:#C2BBB0;--line:#3A404A;--soft:#252A33;--soft-2:#20242B;--link:#9CC7F0;--hero-bg:#1A1E25;--hero-ink:#E8E2D8;--hdr-bg:#111418;--hdr-ink:#E8E2D8;--foot-bg:#111418;--foot-ink:#E8E2D8;--warn-bg:#3A1E1A;--warn-ink:#FFB4A8;--ok-bg:#1E3328}
html.dim img{filter:brightness(.82)}
html.hc{--bg:#000;--surface:#000;--ink:#fff;--muted:#E6E6E6;--line:#9A9A9A;--soft:#111;--soft-2:#0A0A0A;--link:#FFE45C;--brand:#FFE45C;--brand-ink:#000;--accent:#FFE45C;--accent-ink:#000;--hero-bg:#000;--hero-ink:#fff;--hdr-bg:#000;--hdr-ink:#fff;--foot-bg:#000;--foot-ink:#fff;--warn-bg:#2A0000;--warn-ink:#FFB4A8;--ok-bg:#002A10;--shadow:none}
html.hc .hdr{border-bottom:2px solid #fff}
html.hc .brand .nm img,html.hc .foot .logo img{filter:brightness(0) invert(1)}
html.hc .hero-art{display:none}
.needs-d{margin-top:14px}
.needs-d>summary{cursor:pointer;font-weight:700;color:var(--link);min-height:32px;display:inline-flex;align-items:center}
/* night view and high contrast win over the look's own colors */
html.dim .counts b,html.dim .kicker{color:var(--ink)}
html.dim .tbl thead th{background:#2E3440;color:#F2EEE8}
html.dim .stages .n,html.dim .steps>li::before,html.dim .stage>header .n{background:#2E3440;color:#F2EEE8}
html.dim .band{background:#232830;color:#F2EEE8}
html.dim .cm-top{background:#232830;color:#F2EEE8}
html.dim .hero a,html.dim .phero a{color:var(--link)}
html.hc .tbl thead th,html.hc .stages .n,html.hc .steps>li::before,html.hc .stage>header .n,html.hc .cm-top,html.hc .band{background:#FFE45C;color:#000}
html.hc .hero-fig figcaption{background:#000;color:#fff;border:2px solid #fff}
html.hc .hero a,html.hc .phero a,html.hc .kicker{color:#FFE45C}
html.hc .hero .mapbox a,html.hc .hero .cm-card a{color:#FFE45C}