@font-face{font-family:"Newsreader";src:url(fonts/newsreader-latin.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-latin-ext.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:italic;src:url(fonts/newsreader-italic-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Newsreader";font-style:italic;src:url(fonts/newsreader-italic-400-latin-ext.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/IBMPlexSans-latin.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF,U+2212,U+23E9,U+23F8,U+27F2-27F3}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/IBMPlexSans-latin-ext.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}

/* light: a paper intensive-care flowsheet. dark: the bedside monitor at night */
:root{
 --serif:"Newsreader",Georgia,serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--top:46px;
 --bg:#f2efe8;--bg2:#e8e3d8;--bar:#f2efe8;--fg:#1d2329;--mut:#4a5056;--line:#cfc8bb;--line-soft:#dfd9cd;--acc:#8f2c25;--card:#fbfaf6;
 --sheet:#fbfaf6;--lane:rgba(30,50,70,.028);--grid:rgba(40,60,90,.11);--grid-label:#495057;--ink-soft:#3b444d;--fog:rgba(251,250,246,.86);--now:#1d2329;
 --lane-temp:#1d2329;--lane-hr:#125a3a;--lane-resp:#6d4600;--lane-sbp:#3f47a3;--lane-o2:#095761;
 --fever:#992016;--fever-soft:#e29a91;--fever-zone:rgba(196,41,28,.07);--win:rgba(23,116,74,.09);--dated:#992016;--call:#1d2329;--flag-ink:#fff;
 --sep:#2b3540;--non:#a9b0b6;
 --o-catch:#125a3a;--o-early:#6d4600;--o-miss:#992016;--o-fa:#992016;--o-quiet:#125a3a;
 --mon-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 30px 60px -34px rgba(40,30,20,.38),0 2px 6px rgba(40,30,20,.08);
}
:root[data-theme="dark"]{
 --bg:#070c10;--bg2:#0d151b;--bar:#070c10;--fg:#e6edf1;--mut:#a5b2bc;--line:#22303a;--line-soft:#17222a;--acc:#ff8a7a;--card:#0e171e;
 --sheet:#03080b;--lane:rgba(120,200,255,.025);--grid:rgba(140,200,230,.10);--grid-label:#8ea2ae;--ink-soft:#d8e2e8;--fog:rgba(3,8,11,.84);--now:#e6edf1;
 --lane-temp:#f1f4f6;--lane-hr:#4be08a;--lane-resp:#f6cf45;--lane-sbp:#ff7eb6;--lane-o2:#4cc9f0;
 --fever:#ff7b6f;--fever-soft:#8a3a33;--fever-zone:rgba(255,92,77,.08);--win:rgba(75,224,138,.08);--dated:#ff7b6f;--call:#f1f4f6;--flag-ink:#03080b;
 --sep:#dfe7ec;--non:#4b5a64;
 --o-catch:#4be08a;--o-early:#f6cf45;--o-miss:#ff7b6f;--o-fa:#ff7b6f;--o-quiet:#4be08a;
 --mon-shadow:0 0 0 1px rgba(120,200,255,.08),0 40px 80px -30px rgba(0,0,0,.9),0 0 60px -20px rgba(75,224,138,.12);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
svg[hidden]{display:none}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top) + 14px)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1.125rem/1.6 var(--serif);text-rendering:optimizeLegibility}
a{color:var(--acc)}
.skip-link{position:absolute;left:-999px;top:0;background:var(--card);color:var(--fg);padding:.5em 1em;z-index:60}
.skip-link:focus{left:8px;top:8px}
.wrap{max-width:42rem;margin:0 auto;padding:0 20px}
.wide{max-width:72rem;margin:0 auto;padding:0 20px}
section[id]{scroll-margin-top:calc(var(--top) + 10px)}

/* topbar */
.topbar{position:sticky;top:0;z-index:40;height:calc(var(--top) + var(--browser-safe-top,env(safe-area-inset-top)));padding:var(--browser-safe-top,env(safe-area-inset-top)) 14px 0;display:flex;align-items:center;gap:10px;background:var(--bar);border-bottom:1px solid transparent;font:500 .85rem/1 var(--sans);transition:border-color .3s}
.past-hero .topbar{border-bottom-color:var(--line-soft)}
.brand{display:flex;align-items:center;gap:7px;color:var(--fg);text-decoration:none;font-weight:600;white-space:nowrap}
.brand svg{width:20px;height:20px;color:var(--fever)}
.topnav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0;opacity:0;transition:opacity .3s}
.past-hero .topnav{opacity:1}
.topnav::-webkit-scrollbar{display:none}
.topnav a{color:var(--mut);text-decoration:none;padding:6px 8px;border-radius:6px;white-space:nowrap}
.topnav a:hover{color:var(--fg)}
.spacer{flex:1}
.chip{text-decoration:none;color:var(--mut);padding:6px 7px;border-radius:6px}
.chip[aria-current="page"]{color:var(--fg);background:var(--bg2)}
.icon-btn{background:none;border:1px solid var(--line);color:var(--fg);border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}
.icon-btn .i-moon{display:none}:root[data-theme="dark"] .icon-btn .i-sun{display:none}:root[data-theme="dark"] .icon-btn .i-moon{display:block}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.progress i{display:block;height:100%;background:var(--fever);transform-origin:0 50%;transform:scaleX(0);opacity:.75}
@media(max-width:760px){.topnav{display:none}}
@media(max-width:560px){.brand span{font-size:.82rem}}

/* rail: a hairline of dots beside the widest column */
.rail{display:none}
@media(min-width:1380px){
.rail{--col:76rem;--gut:.6rem;display:flex;flex-direction:column;position:fixed;top:50%;left:calc(50% + var(--col)/2 + var(--gut));transform:translateY(-50%);z-index:35;margin:0;padding:.4rem 0;opacity:0;transition:opacity .4s}
.past-hero .rail{opacity:1}
.rail::before{content:"";position:absolute;left:calc(.875rem - .5px);top:1.1rem;bottom:1.1rem;width:1px;background:var(--line)}
.rail-dot{position:relative;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;text-decoration:none;border-radius:50%}
.rail-dot .dot{width:6px;height:6px;border-radius:50%;background:var(--mut);box-shadow:0 0 0 3px var(--bg);transition:transform .2s,background .2s;flex:none}
.rail-dot:hover .dot,.rail-dot:focus-visible .dot{background:var(--acc);transform:scale(1.25)}
.rail-dot[aria-current=true] .dot{background:var(--acc);transform:scale(1.45)}
.rail-label{position:absolute;right:calc(100% + .3rem);top:50%;transform:translate(6px,-50%);padding:.22rem .65rem;border:1px solid var(--line);border-radius:.5rem;background:var(--bg);color:var(--fg);font:600 .8rem/1.3 var(--sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.rail-dot:hover .rail-label,.rail-dot:focus-visible .rail-label{opacity:1;transform:translate(0,-50%)}
}

/* hero */
.hero{padding:clamp(14px,3vw,30px) 0 18px}
.kicker{font:600 .78rem/1.3 var(--sans);letter-spacing:.06em;color:var(--fever);margin:0 0 .6rem;text-transform:uppercase}
h1{font:500 clamp(1.7rem,3.5vw,2.7rem)/1.08 var(--serif);letter-spacing:-.012em;margin:0;text-wrap:balance}
.deck{font-size:1.1rem;margin:0}
.hero-text{max-width:76rem;margin:0 auto 16px;padding:0 20px;display:grid;gap:12px}
@media(min-width:1000px){.hero-text{grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;padding:0 36px}}
@media(min-width:1260px){.hero-text{padding:0 16px}}

/* the chart sheet / monitor */
.monitor{max-width:76rem;margin:0 auto;padding:14px 16px 16px;border-radius:16px;background:var(--sheet);box-shadow:var(--mon-shadow);font-family:var(--sans);position:relative}
@media(min-width:900px){.monitor{margin:0 20px}}
@media(min-width:1260px){.monitor{margin:0 auto}}
:root:not([data-theme="dark"]) .monitor{border:1px solid var(--line-soft);background-image:linear-gradient(var(--sheet),var(--sheet))}
.mon-head{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;padding:2px 4px 10px;border-bottom:1px solid var(--line-soft)}
.mon-id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:14rem}
.mon-id b{font:600 .8rem/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.mon-id span{font:500 1.02rem/1.3 var(--sans)}
.mon-clock{font:600 .95rem/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--fg);padding:5px 10px;border:1px solid var(--line);border-radius:999px}
.mon-from{margin:10px 4px 0;font:400 .92rem/1.4 var(--sans);color:var(--mut)}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 8px}
.tile{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:10px;background:var(--lane);border-left:3px solid var(--c);min-width:0}
.tile span{font:600 .7rem/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile b{font:500 clamp(1.3rem,2.6vw,1.95rem)/1.1 var(--sans);font-variant-numeric:tabular-nums;color:var(--fg)}
.tile small{font:400 .74rem/1.2 var(--sans);color:var(--mut);white-space:nowrap}
.tile.stale b{opacity:.55}
.tile.hot{--c:var(--fever)!important}.tile.hot b{color:var(--fever)}
.t-temp{--c:var(--lane-temp)}.t-hr{--c:var(--lane-hr)}.t-resp{--c:var(--lane-resp)}.t-sbp{--c:var(--lane-sbp)}.t-o2{--c:var(--lane-o2)}
:root[data-theme="dark"] .tile b{color:var(--c)}
:root[data-theme="dark"] .t-temp b{color:var(--fg)}
.chart-box{position:relative}
#chart{display:block;width:100%;height:420px}
.mon-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px}
.ctl-sp{flex:1}
.mon-status{font-size:.85rem;color:var(--mut)}
.btn{font:500 .9rem/1 var(--sans);border-radius:999px;padding:.62rem 1rem;min-height:42px;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer}
.btn:hover{border-color:var(--fg)}
.btn.ghost{border-color:transparent;color:var(--mut)}
.btn.ghost:hover{color:var(--fg)}
.btn.primary{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.btn.alarm{background:var(--fever);border-color:var(--fever);color:#fff;font-weight:600;padding:.75rem 1.3rem;min-height:46px;box-shadow:0 6px 18px -8px var(--fever)}
:root[data-theme="dark"] .btn.alarm{color:#140303}
.btn.alarm:disabled{opacity:.5}
.btn.sm{min-height:34px;padding:.45rem .8rem;font-size:.84rem}
.btn:focus-visible,.sh:focus-visible,.linkish:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.verdict{margin-top:12px;padding:14px 16px;border-radius:12px;background:var(--lane);border:1px solid var(--line-soft)}
.v-top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.v-word{font:500 clamp(1.5rem,3vw,2rem)/1.1 var(--serif)}
.o-catch{color:var(--o-catch)}.o-early{color:var(--o-early)}.o-miss{color:var(--o-miss)}.o-fa{color:var(--o-fa)}.o-quiet{color:var(--o-quiet)}
.v-pts{font:600 .9rem/1 var(--sans);color:var(--mut);font-variant-numeric:tabular-nums}
.v-line{font:400 1rem/1.45 var(--sans);margin:.5rem 0 .2rem}
.v-temp{font:400 .95rem/1.45 var(--sans);margin:0 0 .6rem;color:var(--mut)}
.v-temp b{color:var(--fg)}
.v-next{display:flex;gap:8px;flex-wrap:wrap}
.howto{display:grid;gap:4px 28px;margin-top:14px;font:400 .88rem/1.5 var(--sans);color:var(--mut)}
.howto p{margin:0}
.howto b{color:var(--fg);font-weight:600}
@media(min-width:900px){.howto{grid-template-columns:1fr 1fr;padding:0 36px}}
@media(min-width:1260px){.howto{padding:0 16px}}
@media(max-width:640px){
 .tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .tile{padding:5px 5px;border-left-width:2px}
 .tile span{font-size:.58rem;letter-spacing:0}
 .tile b{font-size:1.12rem}
 .tile small{font-size:.62rem}
 .btn.alarm{width:100%;order:-1}
 .ctl-sp{display:none}
}

/* tally + share */
.tally-sec{padding:6px 0 0}
.tally{padding-top:18px;font-family:var(--sans);font-size:.95rem}
.h-small{font:600 1rem/1.3 var(--sans);margin:0 0 6px}
.tally p{margin:.3rem 0}
.tally table{width:100%;border-collapse:collapse;margin:10px 0 4px;font-size:.88rem}
.tally th{text-align:left;font-weight:500;color:var(--mut);border-bottom:1px solid var(--line);padding:4px 6px}
.tally td{padding:5px 6px;border-bottom:1px solid var(--line-soft)}
.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.8rem;border:1px solid currentColor;white-space:nowrap}
.linkish{background:none;border:0;color:var(--acc);font:inherit;cursor:pointer;padding:0;text-decoration:underline}
.share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 6px}
.sh-label{font-size:.85rem;color:var(--mut);margin-right:2px}
.sh{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-soft);background:transparent;color:var(--fg);display:inline-grid;place-items:center;cursor:pointer;text-decoration:none}
.sh svg{width:18px;height:18px}
.sh:hover,.sh:focus-visible{color:var(--acc);border-color:var(--acc)}
@media(pointer:coarse){.sh{width:44px;height:44px}}
.sh-status{font-size:.82rem;color:var(--mut)}
.tally-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.clear{color:var(--mut);border:1px solid var(--line);padding:.5rem .9rem}

/* sections */
.sec{padding:56px 0 10px}
h2{font:500 clamp(1.45rem,3vw,2rem)/1.15 var(--serif);margin:0 0 .8rem;letter-spacing:-.005em;text-wrap:balance}
h3{font:600 1.02rem/1.3 var(--sans);margin:1.4rem 0 .4rem}
p{margin:0 0 1rem}
.ref{font:600 .68em/1 var(--sans);vertical-align:super;text-decoration:none;margin-left:1px;color:var(--acc)}
.dots-fig{margin:18px auto 22px;position:relative}
.dots-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font:400 .84rem/1.3 var(--sans);color:var(--mut);margin-bottom:8px}
.lg{display:inline-flex;align-items:center;gap:6px}
.lg i{width:9px;height:9px;border-radius:50%;display:inline-block}
.lg.s i{background:var(--sep)}.lg.n i{background:var(--non)}.lg.f i{background:var(--fever)}.lg.y i{border:1.6px solid var(--fg)}
.lg b{color:var(--fg)}
.reset-view{margin-left:auto}
.dots-box{position:relative;background:var(--card);border:1px solid var(--line-soft);border-radius:14px;padding:6px 0}
#dots{display:block;width:100%;height:440px;cursor:pointer}
.dots-fig figcaption{font:400 .82rem/1.4 var(--sans);color:var(--mut);margin-top:6px}
.dot-card{position:absolute;z-index:5;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 34px 10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.18);font:400 .88rem/1.35 var(--sans);max-width:17rem}
.dot-card p{margin:0 0 8px}
.dot-card .x{position:absolute;right:4px;top:4px;width:28px;height:28px;border:0;background:none;color:var(--mut);font-size:1.1rem;cursor:pointer}
table.facts{width:100%;border-collapse:collapse;font:400 .92rem/1.35 var(--sans);margin:10px 0 18px}
table.facts caption{text-align:left;font-weight:600;padding-bottom:6px}
table.facts th{text-align:left;font-weight:400;padding:6px 8px 6px 0;border-bottom:1px solid var(--line-soft)}
table.facts td{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;border-bottom:1px solid var(--line-soft);padding-left:8px}
table.rules-t thead th{font-weight:600;color:var(--mut);font-size:.82rem}
table.rules-t thead th+th{text-align:right}
table.rules-t tr.hl th,table.rules-t tr.hl td{color:var(--fever)}
.rules-grid{display:grid;gap:10px 36px;align-items:center;margin:14px auto 20px}
@media(min-width:900px){.rules-grid{grid-template-columns:1.1fr 1fr}}
.rules-fig{margin:0}
.rules-svg{display:block;width:100%;height:auto;font-family:var(--sans)}
.rules-svg .g{stroke:var(--line-soft)}.rules-svg .diag{stroke:var(--mut);stroke-dasharray:4 4;opacity:.6}
.rules-svg .ax{font-size:11px;fill:var(--mut)}.rules-svg .axt{font-size:11.5px;fill:var(--mut);font-weight:500}
.rules-svg .rule circle{fill:var(--sep)}.rules-svg .rule text{font-size:11.5px;fill:var(--fg)}.rules-svg .rule text.num{fill:var(--bg);stroke:none;font-weight:700;font-size:10.5px}.rules-svg .lab-fever{font-size:12px;font-weight:700;fill:var(--fever)}
.rno{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--sep);color:var(--bg);font-weight:700;font-size:.72rem;margin-right:.5rem;vertical-align:1px}
tr.hl .rno{background:var(--fever)}
.rules-svg .r-fever circle{fill:var(--fever)}.rules-svg .r-fever text{fill:var(--fever);font-weight:700}
.rules-svg .r-all circle,.rules-svg .r-never circle{fill:none;stroke:var(--mut);stroke-width:1.5}.rules-svg .r-all text,.rules-svg .r-never text{fill:var(--mut)}
.rules-svg .you circle{fill:none;stroke:var(--fg);stroke-width:2.5}.rules-svg .you text{font-size:12px;font-weight:700;fill:var(--fg)}
.rules-svg text{paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}
.method p{font-size:1rem}
.sources{font:400 .86rem/1.45 var(--sans);padding-left:1.3rem}
.sources li{margin-bottom:.45rem;word-break:break-word}
.site-footer{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:30px 16px 46px;margin-top:40px;border-top:1px solid var(--line);font:400 .85rem/1.4 var(--sans);color:var(--mut)}
.site-footer a{color:var(--mut)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:560px){body{font-size:1.06rem}.monitor{border-radius:0;padding:10px 8px 12px;margin:0}.wrap,.wide{padding:0 16px}.hero .kicker{display:none}#dots{height:420px}}
@media(max-width:560px){.rules-svg .ax{font-size:17px}.rules-svg .axt{font-size:15px}.rules-svg .lab-fever{font-size:17px}.rules-svg .rule text{font-size:15px}.rules-svg .rule text.num{font-size:12px}}