:root{font-family:Arial,"Helvetica Neue",sans-serif;color:#10223f;background:#f3f7fc;font-synthesis:none;--navy:#193873;--navy-dark:#102d62;--blue:#315ed0;--blue-dark:#2947a4;--yellow:#ffdd25;--line:#c7d9f0;--soft:#f5f8fc;--text:#10223f;--muted:#50617c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f7fc;color:var(--text)}.site-header{background:linear-gradient(110deg,#102f68,#234681);color:#fff}.header-inner{width:min(1120px,calc(100% - 40px));margin:auto;padding:18px 0 26px}.brand-row{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:2.35rem;letter-spacing:-.04em}.brand-text span{font-size:1.45rem;margin-top:5px}.northwell-mark{width:50px;display:grid;grid-template-columns:repeat(3,14px);gap:3px;transform:skewY(0)}.northwell-mark i{display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:14px solid #4ec06a}.northwell-mark i:nth-child(2),.northwell-mark i:nth-child(5),.northwell-mark i:nth-child(8){border-right-color:#42a9dc}.northwell-mark i:nth-child(3),.northwell-mark i:nth-child(6),.northwell-mark i:nth-child(9){border-right-color:#f6a623}.theme-toggle{width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);color:#fff;font-size:1.5rem;cursor:pointer}.header-rule{height:1px;background:rgba(255,255,255,.32);margin:18px 0}.title-block{text-align:center}.title-block h1{margin:0;text-transform:uppercase;font-size:clamp(2rem,4vw,2.7rem);line-height:1.1;font-weight:900}.title-block h2{margin:10px 0 0;color:var(--yellow);text-transform:uppercase;font-size:1.45rem}.title-block p{margin:9px 0 0;font-size:1.05rem;font-weight:700}.page-shell{width:min(1120px,calc(100% - 40px));margin:24px auto 45px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;margin-bottom:20px;box-shadow:0 10px 25px rgba(31,65,112,.07)}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 25px;text-transform:uppercase;color:#2853aa;font-size:1.35rem}.section-title span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#345ed2;color:#fff;font-size:1.2rem}.source-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.source-control>label,.field-group label{display:block;margin-bottom:10px;font-weight:800;font-size:1rem}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.source-option{min-height:88px;border:2px solid #a7bfdf;border-radius:14px;background:#f8fbff;text-align:left;padding:13px;color:#263850;cursor:pointer;transition:.15s}.source-option:hover{border-color:#426dd4}.source-option.selected{background:linear-gradient(135deg,#3869ce,#2c53ad);border-color:#3869ce;color:#fff;box-shadow:0 7px 14px rgba(49,94,208,.22)}.source-option strong{display:block;font-size:1.02rem}.source-option small{display:block;margin-top:5px;font-size:.72rem;line-height:1.3;font-weight:700;opacity:.78}.input-unit{display:flex;border:2px solid #9db7db;border-radius:14px;overflow:hidden;background:#f8fbff}.input-unit:focus-within{border-color:#345ed2;box-shadow:0 0 0 3px rgba(52,94,210,.14)}.input-unit input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:17px 14px;font:inherit;font-size:1.1rem;font-weight:700;color:var(--text)}.input-unit input::placeholder{color:#aaa;font-weight:600}.input-unit span{display:flex;align-items:center;padding:0 15px;background:#edf3f9;color:#52627c;border-left:1px solid #d7e1ef;font-weight:800;white-space:nowrap}.range{margin:8px 0 0;color:#50617c;font-size:.83rem}.error{margin:7px 0 0;color:#c52820;font-size:.82rem;font-weight:700}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.reset-button{display:block;width:min(420px,100%);margin:30px auto 0;border:0;border-radius:13px;padding:16px 20px;text-transform:uppercase;background:linear-gradient(100deg,#3a60d4,#293f9d);color:#fff;font-weight:900;font-size:1rem;cursor:pointer}.result-content{text-align:center;padding:6px 0 12px}.status-badge{display:inline-block;padding:7px 14px;border-radius:999px;background:#edf3fb;color:#52627b;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}.duration{margin:19px 0 5px;font-size:clamp(2rem,6vw,4.8rem);font-weight:900;letter-spacing:-.04em;color:#14213a}.raw-duration{margin:5px 0;color:#5c6c82}.result-details{display:grid;grid-template-columns:repeat(2,minmax(0,260px));justify-content:center;gap:14px;margin-top:24px}.result-details div{padding:14px;border-radius:12px;background:#f2f6fb}.result-details span{display:block;color:#5d6d82;font-size:.78rem;text-transform:uppercase;font-weight:800}.result-details strong{display:block;margin-top:5px;font-size:1.15rem}.info-note{margin-top:15px;padding:14px;border-radius:12px;background:#f0f5fb;color:#53647b;text-align:center;font-size:.87rem}.result-panel.normal{border-color:#6ba4dc}.result-panel.warning{border-color:#e4a42a}.result-panel.critical{border-color:#dc4b4b}.result-panel.normal .status-badge{background:#e8f3ff;color:#195b9b}.result-panel.warning .status-badge{background:#fff2d7;color:#9a5a00}.result-panel.critical .status-badge{background:#ffe7e7;color:#a91e1e}.result-panel.warning .duration{color:#a35c00}.result-panel.critical .duration{color:#b32222}.page-footer{text-align:center;color:#67758a;font-size:.78rem;padding:0 15px}.page-footer strong{margin-left:10px}.dark body,body.dark{background:#0e1728;color:#eef4ff}.dark .panel{background:#15223a;border-color:#324767}.dark .site-header{background:#0b1f46}.dark .input-unit,.dark .source-option{background:#101d32;color:#eff5ff}.dark .input-unit input{color:#fff}.dark .input-unit span,.dark .result-details div,.dark .info-note{background:#1c2c47;color:#cbd7e8}.dark .duration{color:#fff}.dark .range,.dark .page-footer{color:#a8b7cc}@media(max-width:820px){.brand-text strong{font-size:1.75rem}.brand-text span{font-size:1.05rem}.title-block h2{font-size:1.05rem}.source-layout{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:560px){.header-inner,.page-shell{width:min(100% - 22px,1120px)}.header-inner{padding-top:14px}.northwell-mark{width:40px;grid-template-columns:repeat(3,11px)}.northwell-mark i{border-top-width:6px;border-bottom-width:6px;border-right-width:11px}.brand-text strong{font-size:1.45rem}.brand-text span{font-size:.83rem}.theme-toggle{width:40px;height:40px}.title-block h1{font-size:1.65rem}.title-block p{font-size:.9rem}.panel{padding:20px 17px;border-radius:15px}.section-title{font-size:1.05rem}.section-title span{width:34px;height:34px}.source-grid{grid-template-columns:1fr}.source-option{min-height:auto}.result-details{grid-template-columns:1fr}}

/* Duration status colors match the Ventilator Oxygen Duration Calculator. */
.result-panel.normal{background:#eef9f0;border-color:#2f974a}.result-panel.warning{background:#fff8e7;border-color:#e59a00}.result-panel.critical{background:#fff0f0;border-color:#d82424}.result-panel.normal .duration,.result-panel.normal .result-details strong{color:#21863a}.result-panel.warning .duration,.result-panel.warning .result-details strong{color:#c87400}.result-panel.critical .duration,.result-panel.critical .result-details strong{color:#c91e1e}.result-panel.normal .status-badge{background:#dff2e4;color:#21863a}.result-panel.warning .status-badge{background:#ffedbf;color:#a85d00}.result-panel.critical .status-badge{background:#ffdede;color:#bd1919}.status-message{margin-top:18px;padding:15px 18px;border:1px solid currentColor;border-radius:13px;font-weight:800;text-align:left}.result-panel.normal .status-message{background:#e2f4e6;color:#21863a}.result-panel.warning .status-message{background:#fff0c9;color:#a85d00}.result-panel.critical .status-message{background:#ffe0e0;color:#bd1919}.result-panel.normal .result-details div{background:#e3f3e7}.result-panel.warning .result-details div{background:#fff0cb}.result-panel.critical .result-details div{background:#ffe2e2}.dark .result-panel.normal{background:#102c1a}.dark .result-panel.warning{background:#33270b}.dark .result-panel.critical{background:#351515}

/* Version 3.0 — shared BiPAP visual system */
.app-header{background:linear-gradient(135deg,#052b5d 0%,#073c7d 100%);color:#fff;padding:max(18px,env(safe-area-inset-top)) clamp(18px,4vw,44px) 24px}.brand-wrap{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:14px;width:100%}.brand-logo{display:block;width:clamp(290px,48vw,560px);max-width:calc(100% - 120px);height:auto;object-fit:contain;flex:0 1 auto}.brand-mark{display:grid;grid-template-columns:repeat(4,10px);grid-template-rows:repeat(3,10px);gap:3px;flex:0 0 auto}.brand-mark span{clip-path:polygon(0 0,100% 0,100% 100%)}.brand-mark span:nth-child(4n+1){background:#73c044}.brand-mark span:nth-child(4n+2){background:#61c5d7}.brand-mark span:nth-child(4n+3){background:#8c6bb1}.brand-mark span:nth-child(4n+4){background:#f59b32}.brand-text{flex:1}.brand-main{font-size:clamp(1.55rem,4vw,2.35rem);font-weight:750;line-height:1}.brand-sub{margin-top:5px;font-size:clamp(1rem,2.4vw,1.45rem);line-height:1.15}.icon-button{width:46px;height:46px;border:1px solid rgba(255,255,255,.5);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.theme-icon{font-size:1.5rem}.title-rule{max-width:1120px;margin:18px auto;height:1px;background:rgba(255,255,255,.35)}.title-with-icon{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:24px}.title-with-icon h1{margin:0;font-size:clamp(1.55rem,4vw,2.6rem);line-height:1.15;text-transform:uppercase;letter-spacing:.02em}.therapy-icon{width:clamp(62px,9vw,92px);height:clamp(62px,9vw,92px);flex:0 0 auto;color:#fff;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}.patient-type{margin:8px 0 0;color:#ffd84d;font-size:clamp(1rem,2.6vw,1.45rem);font-weight:800;text-transform:uppercase;letter-spacing:.03em}.subtitle{margin:5px 0 0;font-size:clamp(.95rem,2.3vw,1.18rem)}
.optional-label{display:inline-block;margin-left:8px;border-radius:999px;padding:3px 8px;background:#edf2f7;color:#60758e;font-size:.66em;font-style:normal;vertical-align:middle}.transport-time-field{width:min(100%,560px);margin:0 auto}.transport-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.transport-time-grid>div{min-width:0}.sub-label{display:block;margin-bottom:7px;font-size:.84rem;font-weight:800;color:#42526a}.dark .sub-label{color:#b8c6da}@media(max-width:600px){.transport-time-grid{grid-template-columns:1fr;gap:14px}}.transport-panel .reset-button{margin-top:30px}.transport-assessment[hidden]{display:none}.recommendation{margin-top:22px;display:flex;align-items:flex-start;gap:13px;border:1px solid #cddcf0;border-radius:14px;padding:20px}.recommendation.good{background:#e8f5e9;border-color:#188038;color:#188038}.recommendation.caution{background:#fff4d6;border-color:#e4a20a;color:#b76a00}.recommendation.critical{background:#fde8e7;border-color:#c5221f;color:#c5221f}.recommendation-icon{width:32px;height:32px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;border-radius:50%;font-size:1.3rem;font-weight:900;line-height:1;padding:0;font-family:Arial,sans-serif}.recommendation-content{flex:1;min-width:0}.assessment-kicker{margin-bottom:5px;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.recommendation-title{font-size:1.12rem;line-height:1.25;font-weight:850}.recommendation-text{margin-top:3px;color:#10223f}.assessment-metrics-single{display:flex;justify-content:center;width:100%;margin:18px 0}.assessment-metrics-single>div{flex:0 1 360px;width:360px;max-width:100%;margin:0 auto;border:1px solid currentColor;border-radius:14px;padding:16px 20px;background:#fff;text-align:center}.assessment-metrics-single span{display:block;margin:0 0 8px;color:#56657a;font-size:.95rem;font-weight:700}.assessment-metrics-single strong{display:block;margin:0;color:#10223f;font-size:2.2rem;font-weight:800;line-height:1}.assessment-action{text-align:center;margin:13px 0 0;color:#10223f;font-weight:750}.range-guide{background:#fff;border:1px solid #c7d9f0;border-radius:18px;box-shadow:0 10px 25px rgba(31,65,112,.07);padding:20px 24px;margin-bottom:20px}.range-guide h2{margin:0 0 14px;color:#2853aa;font-size:1rem;text-transform:uppercase;letter-spacing:.015em}.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.range-item{display:flex;align-items:center;gap:11px;padding:8px}.range-item+.range-item{border-left:1px solid #cddcf0}.range-symbol{width:38px;height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:1.32rem;font-weight:900;line-height:1;padding:0;font-family:Arial,sans-serif}.range-item.good .range-symbol{background:#188038}.range-item.caution .range-symbol{background:#e49b00}.range-item.critical .range-symbol{background:#c5221f}.range-item strong,.range-item div>span{display:block}.range-item.good strong{color:#188038}.range-item.caution strong{color:#b76a00}.range-item.critical strong{color:#c5221f}.dark .range-guide{background:#15223a;border-color:#324767}.dark .range-guide h2{color:#7fb4ff}.dark .recommendation-text,.dark .assessment-action,.dark .assessment-metrics-single strong{color:#eef4ff}.dark .assessment-metrics-single>div{background:#15223a}.dark .assessment-metrics-single span{color:#a8b7cc}.dark .recommendation.good{background:#123a25}.dark .recommendation.caution{background:#3b2b08}.dark .recommendation.critical{background:#401b1d}
@media(max-width:660px){.title-with-icon{align-items:flex-start;justify-content:flex-start;gap:14px}.therapy-icon{width:58px;height:58px;margin-top:2px}.range-grid{grid-template-columns:1fr}.range-item+.range-item{border-left:0;border-top:1px solid #cddcf0}.recommendation{padding:16px}.assessment-metrics-single strong{font-size:1.9rem}}


/* Version 3.2: home navigation, HFNC equipment images, and setup resources */
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}.home-button{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:background-color .18s ease,transform .18s ease,border-color .18s ease}.home-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.home-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.8);transform:scale(1.05)}.home-button:focus-visible{outline:3px solid rgba(255,216,77,.95);outline-offset:3px}
.title-with-icon{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.6vw,30px);text-align:left}.title-images{width:clamp(285px,34vw,430px);min-width:260px;display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:0 0 auto}.title-images img{display:block;object-fit:contain}.adult-cannula-image,.pediatric-cannula-image{width:30%;max-height:118px}.h900-image{width:38%;max-height:142px}.title-copy{min-width:0}
.clinical-resources{margin-bottom:20px;padding:clamp(20px,3vw,30px);background:#fff;border:1px solid #c7d9f0;border-radius:18px;box-shadow:0 10px 25px rgba(31,65,112,.07)}.resource-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}.resource-kicker{margin:0 0 4px;color:#315ed0;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.resource-heading h2{margin:0;color:#102d62;font-size:1.25rem;text-transform:uppercase;letter-spacing:.015em}.resource-intro{max-width:520px;margin:0;color:#50617c;text-align:right}.resource-grid{display:grid;grid-template-columns:1fr;gap:18px}.single-resource .resource-card{max-width:860px;margin:0 auto}.resource-card{display:flex;align-items:flex-start;gap:16px;min-width:0;padding:20px;border:1px solid #c7d9f0;border-radius:16px;background:#f5f8fc}.resource-card-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#eaf0ff;color:#315ed0}.resource-card-icon svg,.resource-button svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.resource-card-icon svg{width:26px;height:26px}.resource-card-content{min-width:0;flex:1}.resource-card h3{margin:0;color:#10223f;font-size:1.05rem;line-height:1.3}.resource-card p{margin:7px 0 16px;color:#50617c;font-size:.92rem}.resource-actions{display:flex;flex-wrap:wrap;gap:10px}.resource-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #315ed0;border-radius:11px;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .16s ease,background-color .16s ease,color .16s ease}.resource-button svg{width:19px;height:19px;flex:0 0 auto}.guide-link{background:#fff;color:#315ed0}.video-link{background:#315ed0;color:#fff}.resource-button:hover{transform:translateY(-1px)}.guide-link:hover{background:#eaf0ff}.video-link:hover{background:#102d62}.resource-button:focus-visible{outline:3px solid #ffd84d;outline-offset:2px}.dark .clinical-resources{background:#15223a;border-color:#324767}.dark .resource-heading h2{color:#7fb4ff}.dark .resource-intro,.dark .resource-card p{color:#a8b7cc}.dark .resource-card{background:#101d32;border-color:#324767}.dark .resource-card h3{color:#eef4ff}.dark .guide-link{background:#15223a}
@media(max-width:840px){.title-images{width:270px;min-width:240px}.resource-heading{align-items:flex-start;flex-direction:column;gap:8px}.resource-intro{text-align:left}}
@media(max-width:660px){.title-with-icon{align-items:center;gap:10px}.title-images{width:150px;min-width:150px;gap:0}.adult-cannula-image,.pediatric-cannula-image{width:31%;max-height:70px}.h900-image{width:38%;max-height:82px}.title-with-icon .patient-type,.title-with-icon .subtitle{text-align:left}}
@media(max-width:480px){.resource-card{padding:17px}.resource-card-icon{width:42px;height:42px}.resource-actions{display:grid;grid-template-columns:1fr}.resource-button{width:100%}.title-with-icon{align-items:flex-start}.title-images{width:100px;min-width:100px;flex-direction:column;gap:0}.adult-cannula-image,.pediatric-cannula-image{width:76px;max-height:48px}.h900-image{width:78px;max-height:64px}}