/* ---- fit to screen (auto-scale, desktop/TV only; phone layout untouched) ---- */
html.fit{zoom:var(--z,1);--maxw:var(--fitmaxw,1160px);overflow:hidden;height:100%}
html.fit body{height:100%;overflow:hidden}
html.fit .main{height:calc(100vh / var(--z,1));min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
html.fit .content{padding-top:20px;padding-bottom:28px}
html.fit .dialog{top:calc(12vh / var(--z,1));max-height:calc(76vh / var(--z,1))}
html.fit .bellp{max-height:calc(70vh / var(--z,1))}
html.fit .drawer,html.fit .aip{width:min(480px,calc(100vw / var(--z,1) - 24px))}
html.fit .aip{width:min(440px,calc(100vw / var(--z,1) - 24px))}
html.fit .dialog{width:min(560px,calc(100vw / var(--z,1) - 32px))}
.fitb.on{color:var(--brand,currentColor)}
@media (max-width:760px){.fitb{display:none!important}}

/* v6 brand: Nadij wordmark */
.brand-t b.pname{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.brand-t small.co{font-size:11px;opacity:.8;margin-top:1px}
.m-tt{display:flex;flex-direction:column;min-width:0;line-height:1.15}.m-tt .m-pn{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.01em}

/* v7 full screen: every screen fits whole (no inner scroll) and uses the full width — fit mode only */
html.fit .content{padding:12px 28px 10px;max-width:none}
html.fit .foot{max-width:none;padding:6px 32px 10px}
html.fit .mt{margin-top:14px}
html.fit .list.fitcols{display:grid;grid-template-columns:repeat(var(--fitk,2),minmax(0,1fr));column-gap:0}
html.fit .list.fitcols>*{min-width:0}
html.fit .list.fitcols>*:nth-child(-n+3){border-top:0}
html.fit .list.fitcols[style*="--fitk: 2"]>*:nth-child(3){border-top:1px solid var(--line)}
html.fit .list.fitcols>*{border-inline-end:1px solid var(--line)}
html.fit .list.fitcols[style*="--fitk: 2"]>*:nth-child(2n),html.fit .list.fitcols[style*="--fitk: 3"]>*:nth-child(3n){border-inline-end:0}
html.fit .doc-form{columns:2;column-gap:36px;column-rule:1px solid var(--line)}
html.fit .doc-form>*{break-inside:avoid}
html.fit .doc-form>.fs:nth-child(-n+1){border-top:0}

/* analytics: the AI question card sits beside the two charts instead of under them */
html.fit #view:has(.an-hero){display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:16px;align-items:stretch}
html.fit #view:has(.an-hero)>*{grid-column:1/-1;min-width:0}
html.fit #view:has(.an-hero)>.grid.g2{grid-column:1}
html.fit #view:has(.an-hero)>.grid.g2+.mt{grid-column:2;margin-top:14px;display:flex}
html.fit #view:has(.an-hero)>.grid.g2+.mt>.card{flex:1}
/* bedside (BCMA): the stats row moves under the scanner so both columns end together */
html.fit #view:has(> .g-main.bcma){display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:var(--gap,20px);align-items:start}
html.fit #view:has(> .g-main.bcma)>*{grid-column:1/-1;min-width:0}
html.fit #view>.g-main.bcma{display:contents}
html.fit #view>.g-main.bcma>.scan-c{grid-column:1;grid-row:2;margin-top:14px}
html.fit #view>.g-main.bcma>aside{grid-column:2;grid-row:2/span 2;margin-top:14px}
html.fit #view:has(> .g-main.bcma)>.sec{grid-column:1;grid-row:3}

html.fit #view:has(> .g-main.bcma){grid-template-rows:auto 1fr auto}
html.fit #view>.g-main.bcma>.scan-c{align-self:stretch;display:flex;flex-direction:column}
html.fit #view>.g-main.bcma>.scan-c>.bc-main{flex:1;display:flex;flex-direction:column}
html.fit #view>.g-main.bcma>.scan-c .viewfinder{flex:1}
html.fit #view:has(> .g-main.bcma)>.sec{margin-top:14px}

/* ---- v8 big type for TVs (fit mode only): every font size below 14px is raised; zoom is height-led (see fit.js) ---- */
html.fit kbd{font-size:12.5px}
html.fit .brand-t small{font-size:13px}
html.fit .nav-g{font-size:13px}
html.fit .nav a .cnt{font-size:12.5px}
html.fit .av{font-size:13px}
html.fit .who b{font-size:14px}
html.fit .who small{font-size:13px}
html.fit .side-sim{font-size:12.5px}
html.fit .crumb{font-size:14.5px}
html.fit .search{font-size:14.5px}
html.fit .ib .lb2{font-size:13.5px}
html.fit .dot{font-size:12px}
html.fit .foot{font-size:13px}
html.fit .eyebrow{font-size:13.5px}
html.fit .card-h p{font-size:14px}
html.fit .sec-h p{font-size:14.5px}
html.fit .btn.sm{font-size:14px}
html.fit .lnk{font-size:14.5px}
html.fit .pill{font-size:13px}
html.fit .tag{font-size:13px}
html.fit .sim{font-size:13px}
html.fit .ai-mark{font-size:12px}
html.fit .ai-mark.sm{font-size:12px}
html.fit .seg button{font-size:14px}
html.fit .tabs button .c{font-size:13px}
html.fit label.fl{font-size:14px}
html.fit .lr-m small{font-size:13.5px}
html.fit .stat .l{font-size:14px}
html.fit .stat .d{font-size:13.5px}
html.fit .cmp b{font-size:14px}
html.fit .chart .ax{font-size:12.5px}
html.fit .chart .tgl{font-size:12.5px}
html.fit .chart .dl{font-size:13px}
html.fit .legend{font-size:13.5px}
html.fit .dr-h .tt small{font-size:13.5px}
html.fit .dsec>h5{font-size:13.5px}
html.fit .pal-i small{font-size:13px}
html.fit .toast{font-size:14.5px}
html.fit .bgrp{font-size:13px}
html.fit .nt b{font-size:14.5px}
html.fit .nt small{font-size:13.5px}
html.fit .nt time{font-size:13px}
html.fit .rd-k>span{font-size:14.5px}
html.fit .rd-k em{font-size:13.5px}
html.fit .rd-side small{font-size:13px}
html.fit .em-d{font-size:13px}
html.fit .em-l{font-size:13px}
html.fit .em-s em{font-size:13px}
html.fit .dr-hero small{font-size:13.5px}
html.fit .steps-l li:before{font-size:13px}
html.fit .impact{font-size:14px}
html.fit .fs-s{font-size:13.5px}
html.fit .tl-d{font-size:13.5px}
html.fit .tl-c small{font-size:14px}
html.fit .wl-a{font-size:14px}
html.fit .al-chip{font-size:14px}
html.fit .vt span{font-size:13px}
html.fit .vt b small{font-size:12.5px}
html.fit .s-m small{font-size:13.5px}
html.fit .quick{font-size:14px}
html.fit .qc{font-size:14px}
html.fit .o-sec{font-size:13.5px}
html.fit .cd-k{font-size:13.5px}
html.fit .cd-c{font-size:14.5px}
html.fit .ev span{font-size:13px}
html.fit .cd-rt{font-size:14.5px}
html.fit .cd-rt small{font-size:13.5px}
html.fit .supp{font-size:13.5px}
html.fit .rk-v small{font-size:14px}
html.fit .logl div{font-size:14.5px}
html.fit .logl time{font-size:13.5px}
html.fit .al-b small{font-size:14px}
html.fit .fn small{font-size:13px}
html.fit .sel-s{font-size:14px}
html.fit .aip-h .ai-mark{font-size:13px}
html.fit .aip-t small{font-size:13.5px}
html.fit .aip-sim{font-size:13px}
html.fit .ai-blk-h{font-size:14px}
html.fit .ai-src{font-size:13px}
html.fit .ai-warn{font-size:14.5px}
html.fit .ai-tbl{font-size:14px}
html.fit .ai-tbl th{font-size:13px}
html.fit .aiq button{font-size:14.5px}
html.fit .aiq.sm button{font-size:13.5px}
html.fit .msg-f{font-size:13px}
html.fit .risk-v small{font-size:14px}
html.fit .xh{font-size:13.5px}
html.fit .xf{font-size:14.5px}
html.fit .xf-l small{font-size:13px}
html.fit .xf b{font-size:14px}
html.fit .xconf{font-size:14px}
html.fit .xci{font-size:13px}
html.fit .xfoot{font-size:13.5px}
html.fit .xm-f{font-size:13.5px}
html.fit .xm-c{font-size:13px}
html.fit ul.tl time{font-size:13.5px}
html.fit .ai-probs small{font-size:13.5px}
html.fit .pc-t b{font-size:14.5px}
html.fit .pc-t small{font-size:13px}
html.fit .pc-n{font-size:13px}
html.fit .st .sd{font-size:13px}
html.fit .st b{font-size:14px}
html.fit .st small{font-size:13px}
html.fit .vf-c span{font-size:14px}
html.fit .manual{font-size:14.5px}
html.fit .code{font-size:13.5px}
html.fit .req{font-size:12.5px}
html.fit .tg{font-size:14.5px}
html.fit .tg .code{font-size:12.5px}
html.fit .field>span{font-size:14px}
html.fit .ro span{font-size:13px}
html.fit .ro b small{font-size:12.5px}
html.fit .scale{font-size:14px}
html.fit .scale-res{font-size:14.5px}
html.fit .ai-banner small{font-size:13.5px}
html.fit .cl{font-size:14px}
html.fit .fhir{font-size:13px}
html.fit .hbar{font-size:14.5px}
html.fit .drf-sim{font-size:13.5px}
html.fit .drf-h{font-size:14.5px}
html.fit .drf-f>div{font-size:14.5px}
html.fit .pl-l em{font-size:14px}
html.fit .pl-r small{font-size:13.5px}
html.fit .cd-meta dt{font-size:13px}
html.fit .sig-h{font-size:14.5px}
html.fit .sig-h .muted{font-size:13px}
html.fit .sig-f{font-size:13px}
html.fit .ks-n{font-size:13.5px}
html.fit .ks-v em{font-size:13px}
html.fit .an-d{font-size:14px}
html.fit table.t{font-size:14.5px}
html.fit table.t th{font-size:13px}
html.fit .aiq.row button{font-size:14px}
html.fit .adq-q span{font-size:13px}
html.fit .adq-load{font-size:14.5px}
html.fit .adq-a details{font-size:14px}
html.fit .adq-a pre{font-size:13px}
html.fit .in-k small{font-size:13px}
html.fit .pp{font-size:14.5px}
html.fit .pp small{font-size:13px}
html.fit .pd2{font-size:13px}
html.fit .nd b{font-size:13px}
html.fit .nd small{font-size:12.5px}
html.fit .nd.hub b{font-size:13.5px}
html.fit .airec-r p{font-size:14.5px}
html.fit .empty.sm{font-size:14px}
html.fit .ps-g small,html.fit .ps-name small{font-size:13px}
html.fit .ps-mt small{font-size:13px}
html.fit .ps-sheet small{font-size:13.5px}
html.fit .ph4-k>span{font-size:14.5px}
html.fit .ph4-stats>div>small{font-size:13px}
html.fit .grp-h{font-size:14px}
html.fit .grp-h .num:first-child{font-size:13px}
html.fit .ev-c{font-size:13.5px}
html.fit .blk-r small,html.fit .dec-r small{font-size:13.5px}
html.fit .ev-i b{font-size:14.5px}
html.fit .ev-i small{font-size:13px}
html.fit .up-f{font-size:14.5px}
html.fit .up-prog small{font-size:13px}
html.fit .dep-r b{font-size:14.5px}
html.fit .dep-r small{font-size:13px}
html.fit .foot-why{font-size:13px}
html.fit .sk small{font-size:14px}
html.fit .sk em{font-size:13.5px}
html.fit .sk .pill{font-size:14px}
html.fit .irk{font-size:13.5px}
html.fit .ini-m small{font-size:13.5px}
html.fit .g-chip{font-size:13px}
html.fit .enh-k>span{font-size:14.5px}
html.fit .enh-k em{font-size:14px}
html.fit .enh-side small{font-size:13px}
html.fit .ec{font-size:14.5px}
html.fit .band-vis{font-size:13px}
html.fit .pt-card small{font-size:13.5px}
html.fit .rt-i{font-size:13px}
html.fit .ok-box small,html.fit .bad-box small{font-size:14px}
html.fit .wd-r .lr-m small{font-size:13.5px}
html.fit .wd-r .cmp b{font-size:14.5px}
html.fit .feeds{font-size:13.5px}
html.fit .feed-c{font-size:13.5px}
html.fit .sw-l{font-size:14px}
html.fit .al-card>small{font-size:13.5px}
html.fit .req-m{font-size:13px}
html.fit .ru-r .lr-m small{font-size:13.5px}
html.fit .sm-seg button{font-size:13px}
html.fit .pf-r .lr-m small{font-size:13px}
html.fit .dt-band{font-size:14.5px}
html.fit .dt-clock small{font-size:14px}
html.fit .oc small{font-size:13.5px}
html.fit .oc em{font-size:13px}
html.fit .golive span{font-size:13px}
html.fit .cs h5{font-size:13.5px}
html.fit .tc-n{font-size:13px}
html.fit .tc-l{font-size:13px}
html.fit .pd{font-size:13px}
html.fit .pd-t th{font-size:12.5px}
html.fit .pd-t td small{font-size:12px}
html.fit .pd-s{font-size:12px}
html.fit .pd-f{font-size:12px}
html.fit .brand-t small.co{font-size:13px}
html.fit .m-tt .m-pn{font-size:13px}
/* density step 1: secondary description lines go (titles, values and rows stay) */
html.fit.fit-d1 .ph p,html.fit.fit-d1 .card-h p,html.fit.fit-d1 .sec-h p{display:none}
html.fit.fit-d1 .content{padding-top:10px}
/* density step 3+: row meta lines go too; step 5: smaller gaps */
html.fit.fit-d2 .lr-m small,html.fit.fit-d2 .stat .d{display:none}
html.fit.fit-d3 .mt{margin-top:10px}
/* long lists/tables cut to their top rows; the rest opens in a drawer */
html.fit #view .fit-hid{display:none!important}
html.fit .fit-more{display:block;width:100%;margin:0;padding:8px 14px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--pri);font:inherit;font-size:14.5px;font-weight:600;text-align:center;cursor:pointer;border-radius:0 0 var(--r) var(--r)}
html.fit .fit-more:hover{background:var(--pri-soft)}
.fit-more{display:none}
.fit-all .list,.fit-all table{display:block}
.fit-all table{display:table;width:100%}
.fit-az{display:inline-flex;gap:2px}
.fit-az .ib span{font-size:13.5px;font-weight:700;letter-spacing:-.02em;line-height:1}
@media (max-width:760px){.fit-az{display:none!important}}

/* density step 1: heroes and page headers get compact (same content, less air) */
html.fit.fit-d1 .hero{padding:18px 26px}
html.fit.fit-d1 .ph{margin-bottom:10px}
html.fit.fit-d1 .ph h1{margin:0}
html.fit.fit-d1 .card-h{padding-top:12px;padding-bottom:10px}
html.fit.fit-d1 .tl-i{padding-bottom:14px}
html.fit.fit-d2 .hero{padding:14px 22px}

/* docs: at deeper density the nursing-scales block spans the full form width and each scale lays its items two per row */
html.fit.fit-d2 .doc-form>.fs:has(.scl){column-span:none}
html.fit.fit-d2 .scale{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;margin-top:8px;gap:6px 12px}
html.fit.fit-d2 .scale .sel-s{width:120px}
html.fit.fit-d2 .scale-res{margin-top:8px;padding-top:8px}
html.fit.fit-d2 .doc-form .fs{padding-top:10px;padding-bottom:10px}
/* the smallest badges are raised too */
html.fit .dot,html.fit .ai-mark,html.fit .ai-mark.sm{font-size:13px}

/* v8: the big type is paid for with air, not content — compact spacing in fit mode */
html.fit body{line-height:1.45}
html.fit[lang=ar] body{line-height:1.55}
html.fit .card-h{padding:14px 20px 0}
html.fit .card-b{padding:10px 20px 14px}
html.fit .lr{padding:9px 20px;gap:12px}
html.fit .grid{gap:14px}
html.fit .stat{padding:12px 16px}
html.fit .stat .v{margin-top:2px}
html.fit .ph{margin-bottom:12px;gap:16px}
html.fit .ph h1,html.fit[lang=ar] .ph h1{font-size:28px;line-height:1.25}
html.fit .fs{padding:12px 0}
html.fit .tabs{margin-bottom:12px}
html.fit .emram{margin-top:18px}
html.fit table.t td{padding:8px 12px}
html.fit table.t th{padding:6px 12px}
html.fit .tl-i{padding-bottom:16px}
html.fit .scale{margin-top:8px;gap:6px 12px}

/* docs: the clinical exam spans the form and lays its systems out two per row (fit mode) */
html.fit .doc-form>.fs:has(>.sys){column-span:all;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
html.fit .doc-form>.fs:has(>.sys)>h4{grid-column:1/-1}
html.fit .doc-form>.fs:has(>.sys)>.sys{min-width:0}
/* plan + simulator heroes: gauge/stats and the stage track sit side by side instead of stacked */
html.fit .pl-hero4{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:32px}
html.fit .pl-hero4>*{margin-top:0!important;min-width:0}

html.fit .fit-fold{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0 0;padding:10px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text);font:inherit;font-size:15px;cursor:pointer;box-shadow:var(--sh-1);text-align:start}
html.fit .fit-fold b{font-weight:600}
html.fit .fit-fold span{margin-inline-start:auto;color:var(--pri);font-weight:600}
html.fit .fit-fold:hover{background:var(--pri-soft)}
.fit-fold{display:none}
html.fit .doc-form .sys{gap:10px}