/* W453 — scoped spirometry studio; shared site chrome is unchanged. */
#st334Content:has(#spiro453){width:86.5%;max-width:1120px;margin-inline:auto}#st334Content:has(#spiro453)>h1{color:#09094b}#st334Content:has(#spiro453) .st-master-intro{display:none}
#spiro453{--ink:#09094b;--muted:#52617e;--paper:#fff;--line:#d8e2ef;--soft:#f8fafc;--blue:#0866ff;--ref-shield-paper:#f7fbff;--ref-shield-inner:#e5efff;--ref-shield-layer:#d4e5ff;color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif;margin:0 0 24px}#spiro453 *{box-sizing:border-box}#spiro453 [hidden]{display:none!important}#spiro453 h2,#spiro453 h3,#spiro453 p{margin:0}#spiro453 h2{font-size:17px;font-weight:750;line-height:1.3;color:var(--ink)}#spiro453 h3{font-size:14px;color:var(--ink)}#spiro453 a{color:var(--blue)}#spiro453 .intro{font-size:17px;color:var(--muted);margin:0 0 13px}#spiro453 .hint{color:var(--muted);font-size:12px;line-height:1.55}#spiro453 .panel{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:15px;min-width:0}#spiro453 .st-reference-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;background:linear-gradient(105deg,#f8fafc,#eff6ff);border:1px solid #cfdef1;border-radius:5px;margin-bottom:12px}#spiro453 .st-reference-copy{flex:1}#spiro453 .st-reference-copy h2{font-size:16px;margin-bottom:5px}#spiro453 .st-reference-copy p{font-size:12px;color:var(--muted);line-height:1.6}#spiro453 .st-reference-copy a{font-size:12px;text-decoration:underline}#spiro453 .st-reference-seal{width:150px;flex:0 0 150px;text-align:center;color:#5072a6;display:flex;align-items:center;flex-direction:column;gap:3px}#spiro453 .st-reference-shield{width:44px;height:49px;color:#79aaff}#spiro453 .st-reference-seal b{font-size:8px;line-height:1.35;font-weight:500}#spiro453 .st-reference-seal small{font-size:8px;color:var(--muted)}#spiro453 .emergency{padding:8px 14px;border:1px solid #f3cf93;background:#fff6e8;border-radius:5px;font-size:12px;margin-bottom:12px;color:#43301d}
#spiro453 .info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}#spiro453 .info-cards article{border:1px solid var(--line);border-radius:5px;padding:0 14px 11px;background:var(--paper);min-width:0}#spiro453 .photo{position:relative;display:block;min-width:0}#spiro453 .photo>img:first-child{width:100%;height:100%;object-fit:contain;display:block}#spiro453 .info-cards .photo{height:122px;margin:0 -4px 4px}#spiro453 .info-cards h2{font-size:15px}#spiro453 .info-cards p{font-size:12px;color:var(--muted);margin-top:3px}
#spiro453 .studio-grid{display:grid;grid-template-columns:1.24fr 1fr;gap:12px;align-items:stretch}#spiro453 .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}#spiro453 .panel-heading h2{font-size:19px}#spiro453 #spiroProgress{white-space:nowrap;font-size:12px;color:var(--muted)}#spiro453 .official-link{display:inline-block;font-weight:650;margin:3px 0 12px;text-decoration:underline}#spiro453 .input-panel{display:flex;flex-direction:column}#spiro453 .items{display:flex;flex-direction:column;gap:9px}#spiro453 fieldset{margin:0;min-width:0;padding:13px 12px 12px;border:1px solid var(--line);border-radius:4px;display:grid;grid-template-columns:1fr auto;position:relative;align-items:center;column-gap:8px}#spiro453 legend{float:left;width:auto;padding:0;font-size:14px;font-weight:700;line-height:1.35;grid-column:1;grid-row:1}#spiro453 fieldset p{font-size:11px;line-height:1.4;color:var(--muted);grid-column:1;grid-row:2;margin-top:5px}#spiro453 .score-options{display:flex;gap:5px;grid-column:2;grid-row:1/3}#spiro453 .score-options label{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;min-height:38px;min-width:42px;padding:6px;border:1px solid #d4dcea;border-radius:3px;cursor:pointer;background:var(--paper);font-size:12px}#spiro453 .score-options label:has(input:checked){background:#edf4ff;border-color:var(--blue);color:var(--blue);font-weight:bold}#spiro453 .score-options input{margin:0;width:14px;height:14px;accent-color:var(--blue)}#spiro453 .score-options label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}#spiro453 button{font:600 14px/1.4 Arial,Helvetica,sans-serif;min-height:42px;border:1px solid var(--blue);border-radius:4px;background:var(--paper);color:var(--blue);cursor:pointer;padding:9px 12px}#spiro453 button:hover:not(:disabled){background:#edf4ff}#spiro453 button:focus-visible,#spiro453 a:focus-visible{outline:3px solid #69a6ff;outline-offset:3px}#spiro453 button:disabled{opacity:.48;cursor:not-allowed}#spiro453 button.primary{background:var(--blue);color:#fff}#spiro453 button.primary:hover{background:#0054db}#spiro453 .form-actions,#spiro453 .export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#spiro453 .form-actions{margin-top:auto;padding-top:24px}#spiro453 .export-actions{margin-top:12px;margin-bottom:14px}#spiro453 .error{color:#a62525;background:#fff1ee;border:1px solid #e3aaa0;border-radius:4px;padding:8px;font-size:12px;margin-top:10px}#spiro453 fieldset.missing{border-color:#ba4a39}
#spiro453 .right-column{display:flex;flex-direction:column;gap:9px;min-width:0}#spiro453 .result-card{padding:14px;border:1px solid #d5dfea;border-radius:5px;background:#f4f7fc;min-width:0}#spiro453 .result-card[data-state=well]{background:#e9f7ef;border-color:#c2e4d1}#spiro453 .result-card[data-state=partial]{background:#fff8e6;border-color:#ecddb0}#spiro453 .result-card[data-state=poor]{background:#fff1e7;border-color:#efcbb8}#spiro453 .result-card h2{font-size:12px}#spiro453 .score-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:3px 0 1px}#spiro453 .score{font-size:40px;line-height:1.2;letter-spacing:-1.3px;font-weight:750;white-space:nowrap}#spiro453 .score span{font-size:30px}#spiro453 .tier{font-size:14px;border:1px solid #b7c8de;border-radius:22px;padding:5px 12px;white-space:nowrap;color:var(--muted);background:var(--paper)}#spiro453 [data-state=poor] .tier{color:#a33810;border-color:#cf5e2c}#spiro453 [data-state=partial] .tier{color:#875900;border-color:#b28223}#spiro453 [data-state=well] .tier{color:#17613a;border-color:#4a9f72}#spiro453 #spiroMessage{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5}#spiro453 .scale-labels{display:grid;grid-template-columns:52.5fr 20fr 27.5fr;font-size:11px;text-align:center;margin:13px 0 5px}#spiro453 .score-scale{height:17px;display:flex;border-radius:4px;position:relative}#spiro453 .score-scale>span:nth-child(1){background:#d95053;width:52.5%;border-radius:4px 0 0 4px}#spiro453 .score-scale>span:nth-child(2){background:#e9b549;width:20%;border-inline:1px solid white}#spiro453 .score-scale>span:nth-child(3){background:#41a674;width:27.5%;border-radius:0 4px 4px 0}#spiro453 #spiroPointer{position:absolute;top:-6px;width:3px;height:29px;transform:translateX(-50%);background:var(--ink);outline:2px solid var(--paper);border-radius:2px}#spiro453 .scale-values{display:flex;position:relative;justify-content:space-between;font-size:10px;margin-top:5px}#spiro453 .scale-values span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%)}#spiro453 .scale-values span:nth-child(3){position:absolute;left:70%;transform:translateX(-50%)}#spiro453 .scale-note{font-size:10px;color:var(--muted);margin-top:7px}#spiro453 .lungs-panel{padding-bottom:10px}#spiro453 .lungs-visual{display:grid;grid-template-columns:1.05fr 1fr;gap:10px;align-items:center;margin-top:8px}#spiro453 .lungs-visual .photo{height:195px}#spiro453 .lungs-visual p{font-size:13px;color:var(--muted);line-height:1.55}#spiro453 .lungs-visual p+p{margin-top:7px}#spiro453 .lungs-visual strong{font-weight:500;color:var(--ink)}#spiro453 .watermark{position:absolute;bottom:4px;right:4px;width:96px!important;height:auto!important;opacity:.4;pointer-events:none}#spiro453 .lungs-panel>.hint{font-size:10px;margin-top:4px}#spiro453 .appointment{padding:11px 14px}#spiro453 .appointment h2{font-size:15px}#spiro453 ul{padding-left:18px;margin:5px 0 0;font-size:12px;color:var(--muted)}
#spiro453 .knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}#spiro453 .knowledge-grid h2{font-size:15px;margin-bottom:10px}#spiro453 table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;overflow:hidden;border:1px solid var(--line);border-radius:4px}#spiro453 th,#spiro453 td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--line)}#spiro453 th{width:90px;border-right:1px solid var(--line);white-space:nowrap}#spiro453 tr:nth-child(1){background:#edf8f1}#spiro453 tr:nth-child(2){background:#fff8e5}#spiro453 tr:nth-child(3){background:#fcece9}#spiro453 tr:last-child th,#spiro453 tr:last-child td{border-bottom:0}#spiro453 .understanding .hint{margin-top:15px;font-size:11px}#spiro453 details{border:1px solid var(--line);border-radius:4px;margin-top:7px;background:var(--paper)}#spiro453 summary{cursor:pointer;padding:7px 10px;font-size:12px;color:var(--ink)}#spiro453 details p{padding:0 10px 10px;font-size:12px;color:var(--muted)}#spiro453 .sources h2,#spiro453 .related h2{font-size:16px;margin-bottom:9px}#spiro453 .source-grid,#spiro453 .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#spiro453 .source-grid>a,#spiro453 .related-grid>a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--paper);border-radius:5px;text-decoration:none;padding:10px 12px;min-width:0;color:var(--ink)}#spiro453 .source-grid>a:hover,#spiro453 .related-grid>a:hover{border-color:#8caee0}#spiro453 .source-grid strong,#spiro453 .related-grid strong{display:block;font-size:13px;color:var(--ink)}#spiro453 .source-grid small,#spiro453 .related-grid small{display:block;font-size:11px;color:var(--muted);margin-top:3px}#spiro453 .source-logo,#spiro453 .source-wordmark{flex:0 0 72px;display:flex;align-items:center;justify-content:center}#spiro453 .source-logo img{width:72px;height:36px;object-fit:contain}#spiro453 .source-wordmark{font:700 27px Georgia,serif;color:#172b66}#spiro453 .source-wordmark.gina{font:700 24px Arial,sans-serif}#spiro453 .attribution{font-size:9px;text-align:center;color:var(--muted);margin:6px 0 15px}#spiro453 .related-grid>a{min-height:112px;padding:10px;gap:10px}#spiro453 .related-grid .photo{width:100px;height:88px;flex:0 0 100px}#spiro453 .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453,html.st-home-dark #spiro453,html.dark #spiro453,html[data-theme=dark] #spiro453{--ink:#e7eeff;--muted:#aebbd2;--paper:#172239;--line:#33445f;--soft:#172239;--blue:#8db8ff;--ref-shield-paper:#1a3151;--ref-shield-inner:#203f63;--ref-shield-layer:#284b74}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #st334Content:has(#spiro453)>h1,html.dark #st334Content:has(#spiro453)>h1{color:#e7eeff}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .st-reference-notice,html.dark #spiro453 .st-reference-notice{background:linear-gradient(105deg,#172239,#1b2c46);border-color:#334c70}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .emergency,html.dark #spiro453 .emergency{background:#352c21;color:#f4dfba;border-color:#6c5435}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .result-card,html.dark #spiro453 .result-card{background:#1b2b43;border-color:#3a4f6b}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .result-card[data-state=poor],html.dark #spiro453 .result-card[data-state=poor]{background:#38291f;border-color:#72503a}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .result-card[data-state=partial],html.dark #spiro453 .result-card[data-state=partial]{background:#342e1e;border-color:#6f6032}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .result-card[data-state=well],html.dark #spiro453 .result-card[data-state=well]{background:#18372c;border-color:#3c745c}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 [data-state=poor] .tier{color:#ffb38a}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 [data-state=partial] .tier{color:#f5d884}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 [data-state=well] .tier{color:#94ddaf}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 tr:nth-child(1){background:#19362c}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 tr:nth-child(2){background:#34301f}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 tr:nth-child(3){background:#3b272a}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .score-options label:has(input:checked){background:#1b3f71}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .source-wordmark{color:#d5e4ff}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .source-logo img{filter:brightness(0) invert(.85)}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .watermark{filter:brightness(0) invert(1)}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .error{background:#3b272a;color:#ffd1c8}
@media(min-width:1150px){#spiro453 fieldset{padding-block:16px}#spiro453 .info-cards .photo{height:128px}}@media(max-width:1100px){#spiro453 fieldset{grid-template-columns:1fr;padding-block:10px}#spiro453 .score-options{grid-column:1;grid-row:3;margin-top:8px}#spiro453 .score-options label{flex:1}#spiro453 .lungs-visual .photo{height:210px}#spiro453 .related-grid .photo{width:75px;flex-basis:75px}}
@media(max-width:760px){#st334Content:has(#spiro453){width:92%}#spiro453 .intro{font-size:14px}#spiro453 .st-reference-notice{padding:12px;gap:9px}#spiro453 .st-reference-seal{flex-basis:95px;width:95px}#spiro453 .st-reference-copy h2{font-size:14px}#spiro453 .st-reference-copy p{font-size:11px}#spiro453 .st-reference-seal b,#spiro453 .st-reference-seal small{font-size:7px}#spiro453 .info-cards{gap:7px}#spiro453 .info-cards article{padding:0 8px 9px}#spiro453 .info-cards .photo{height:85px}#spiro453 .info-cards h2{font-size:12px}#spiro453 .info-cards p{font-size:10px}#spiro453 .studio-grid,#spiro453 .knowledge-grid{grid-template-columns:1fr}#spiro453 .panel-heading h2{font-size:17px}#spiro453 fieldset{grid-template-columns:1fr auto}#spiro453 .score-options{grid-column:2;grid-row:1/3;margin:0}#spiro453 .score-options label{min-width:34px;padding:5px;gap:3px}#spiro453 .score-options input{width:13px;height:13px}#spiro453 .form-actions{padding-top:20px}#spiro453 .source-grid,#spiro453 .related-grid{grid-template-columns:1fr}#spiro453 .source-grid>a{min-height:70px}#spiro453 .related-grid>a{min-height:110px}#spiro453 .related-grid .photo{flex-basis:110px;width:110px;height:90px}#spiro453 .lungs-visual .photo{height:210px}#spiro453 .source-grid strong,#spiro453 .related-grid strong{font-size:14px}#spiro453 .source-grid small,#spiro453 .related-grid small{font-size:12px}}
@media(max-width:430px){#spiro453 fieldset{grid-template-columns:1fr}#spiro453 .score-options{grid-column:1;grid-row:3;margin-top:8px}#spiro453 .score-options label{min-height:42px}#spiro453 .info-cards .photo{height:73px}#spiro453 .panel-heading{gap:5px}#spiro453 #spiroProgress{font-size:10px}#spiro453 .lungs-visual{grid-template-columns:1fr 1fr}#spiro453 .lungs-visual .photo{height:185px}#spiro453 .st-reference-notice{align-items:flex-start}#spiro453 .st-reference-shield{width:38px;height:43px}}
/* W453 measurements and ratio-specific visuals. */
#spiro453 .panel-heading h2{font-size:18px}#spiro453 #spiroExampleLabel{font-size:11px;color:var(--muted);white-space:nowrap}#spiro453 .input-panel .panel-heading{margin-bottom:12px}#spiro453 .volume-fields{display:flex;flex-direction:column;gap:9px}#spiro453 .volume-field{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:4px;padding:11px 12px;min-width:0}#spiro453 .volume-field>span:first-child{min-width:0}#spiro453 .volume-field strong{font-size:14px;display:block}#spiro453 .volume-field small{font-size:12px;color:var(--muted);display:block;margin-top:3px}#spiro453 .input-unit{display:flex;border:1px solid #cbd9eb;border-radius:4px;overflow:hidden;align-items:stretch;min-width:0;flex:0 0 42%;max-width:210px}#spiro453 input[type=number]{font:500 15px Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);border:0;padding:10px 12px;width:100%;min-width:0;outline-offset:-3px}#spiro453 .input-unit>span{padding:10px 12px;background:#eef4fc;border-left:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;align-items:center}#spiro453 input:focus-visible{outline:2px solid var(--blue)}#spiro453 input::placeholder{color:#8a9bb5;opacity:1}#spiro453 .phase{display:block;padding:11px 12px;margin:9px 0 0}#spiro453 .phase legend{float:none;font-size:14px;line-height:1.3;padding:0 3px;margin:0}#spiro453 .phase-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:0}#spiro453 .phase-options label{position:relative;min-width:0;cursor:pointer}#spiro453 .phase-options input{position:absolute;opacity:0;width:1px;height:1px;left:50%;top:50%;margin:0}#spiro453 .phase-options span{border:1px solid var(--line);border-radius:4px;min-height:36px;padding:7px 5px;display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;color:var(--ink);background:var(--paper)}#spiro453 .phase-options input:checked+span{background:#0866ff;color:white;border-color:#0866ff}#spiro453 .phase-options input:focus-visible+span{outline:3px solid #8db8ff;outline-offset:2px}#spiro453 .phase .hint{font-size:11px;margin-top:6px}#spiro453 .advanced{margin-top:9px;padding:0 11px 10px}#spiro453 .advanced>summary{font-size:14px;font-weight:700;padding:10px 0}#spiro453 .lln-field{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:1px 0 6px;font-size:12px}#spiro453 .lln-field small{color:var(--muted);font-size:11px}#spiro453 .lln-field .input-unit{flex-basis:43%;max-width:210px}#spiro453 .advanced .hint{font-size:11px;margin-top:6px}#spiro453 .input-hint{margin-top:10px;font-size:11px}#spiro453 .form-actions{padding-top:38px}#spiro453 .result-card{padding:16px}#spiro453 .result-card[data-state=preserved]{background:#e9f7ef;border-color:#c2e4d1}#spiro453 .result-card[data-state=review]{background:#fff5e5;border-color:#ecd3a5}#spiro453 .score-head{align-items:flex-start;margin:5px 0 9px;flex-wrap:nowrap;gap:9px}#spiro453 .score{font-size:45px;line-height:1.1;letter-spacing:-1px}#spiro453 .score span{font-size:37px}#spiro453 .ratio{font-size:16px;line-height:1.35;margin-top:2px}#spiro453 .ratio strong{font-weight:650}#spiro453 .tier{font-size:12px;padding:6px 10px;margin-top:1px;border-color:#4d9e73;color:#17613a;white-space:normal;text-align:center}#spiro453 [data-state=review] .tier{color:#855613;border-color:#b99346}#spiro453 [data-state=empty] .tier{color:var(--muted);border-color:var(--line)}#spiro453 #spiroInterpretation{font-size:16px;line-height:1.4}#spiro453 #spiroMessage{font-size:12px;line-height:1.45}#spiro453 .phase-note{font-size:12px;font-weight:600;margin-top:9px}#spiro453 .gauge{margin-top:34px}#spiro453 .gauge-track{position:relative;height:17px;display:flex;border-radius:4px}#spiro453 .gauge-track>span:first-child{width:70%;background:#efbd53;border-radius:4px 0 0 4px}#spiro453 .gauge-track>span:nth-child(2){width:30%;background:#4bb87d;border-radius:0 4px 4px 0}#spiro453 .threshold{position:absolute;left:70%;width:1px;height:17px;background:var(--paper)}#spiro453 .gauge-marker{position:absolute;top:-4px;width:3px;height:27px;background:var(--ink);transform:translateX(-50%);border-radius:2px}#spiro453 .gauge-marker b{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1;white-space:nowrap}#spiro453 .gauge-marker[data-edge=left] b{left:0;transform:none}#spiro453 .gauge-marker[data-edge=right] b{left:auto;right:0;transform:none}#spiro453 .gauge-labels{display:flex;justify-content:space-between;position:relative;font-size:10px;margin-top:6px}#spiro453 .gauge-labels span:nth-child(2){position:absolute;left:70%;transform:translateX(-50%);white-space:nowrap}#spiro453 .scale-note{font-size:10px;margin-top:6px}#spiro453 .metric-grid{display:grid;grid-template-columns:.9fr .9fr 1.2fr;gap:0;border:1px solid #cce1d8;border-radius:4px;padding:9px 5px;margin-top:12px;background:#ffffff66}#spiro453 .metric-grid>div{padding:0 10px;min-width:0;border-left:1px solid var(--line)}#spiro453 .metric-grid>div:first-child{border-left:0}#spiro453 .metric-grid span{display:block;font-size:11px;font-weight:650;margin-bottom:3px}#spiro453 .metric-grid strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}#spiro453 .metric-grid small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}#spiro453 .metric-grid .below{color:#995d0b}#spiro453 .result-notice{border:1px solid #e0c78c;border-radius:4px;background:#fff9e8;font-size:11px;color:#704b11;padding:7px 9px;margin-top:10px}#spiro453 .precision-note{font-size:10px;margin-top:7px}#spiro453 .lungs-panel{padding:12px 14px 8px;flex:1}#spiro453 .lungs-panel h2{font-size:17px}#spiro453 .lungs-visual{grid-template-columns:1.1fr 1fr;gap:13px;margin-top:5px}#spiro453 .lungs-visual .photo{height:193px}#spiro453 .lungs-visual p{color:var(--ink);font-size:13px}#spiro453 .lungs-visual strong{font-weight:500}#spiro453 .lungs-visual .hint{font-size:10px;margin-top:17px;color:var(--muted)}#spiro453 .understanding .hint{font-size:11px;margin-top:5px}#spiro453 .volume-bar{display:flex;height:46px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#f1f4f8}#spiro453 .volume-bar>span{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25;overflow:hidden;white-space:nowrap}#spiro453 #spiroFev1Bar{background:#2061bd;color:white;width:75%}#spiro453 #spiroRemainingBar{background:#e1e6ef;color:#18264b;width:25%}#spiro453 .volume-bar strong,#spiro453 .volume-bar small{font-size:12px;font-weight:500}#spiro453 .volume-bar.empty>span{background:#e5eaf2!important;color:#56647c!important}#spiro453 .volume-bar.compact>span>*{display:none}#spiro453 .split-legend{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-top:5px}#spiro453 .worked{font-size:14px;font-weight:700;margin-top:6px;overflow-wrap:anywhere}#spiro453 .standard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}#spiro453 .standard-grid>div{border:1px solid var(--line);border-radius:4px;padding:10px 11px;min-width:0}#spiro453 .standard-grid h3{font-size:12px;line-height:1.4;margin-bottom:4px}#spiro453 .standard-grid p{font-size:11px;line-height:1.45;color:var(--muted)}#spiro453 .method-details{margin-top:10px}#spiro453 .method-details summary{font-size:11px}#spiro453 .source-grid>a{min-height:88px;padding:11px;gap:10px;align-items:flex-start}#spiro453 .source-logo{flex-basis:82px;display:flex;flex-direction:column;gap:3px}#spiro453 .source-logo img{width:78px;height:29px;object-fit:contain}#spiro453 .source-logo img+img{width:58px;height:28px;background:white;border-radius:2px}#spiro453 .source-wordmark{flex-basis:82px}#spiro453 .gold{color:#bd8c16;font:700 27px Georgia,serif}#spiro453 .related-grid .paired{position:relative}#spiro453 .paired>img:first-child{position:absolute;top:0;left:0;width:80%;height:48%;transform:rotate(-24deg)}#spiro453 .paired>img:nth-child(2){position:absolute;right:0;bottom:0;width:83%;height:70%;object-fit:contain}
html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453{color-scheme:dark}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .result-card[data-state=preserved]{background:#18372c;border-color:#3c745c}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .result-card[data-state=review]{background:#352e1e;border-color:#736039}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .tier{color:#9cdeb4}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 [data-state=review] .tier{color:#f2d086}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .input-unit>span{background:#21314a}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .metric-grid{background:#142c25;border-color:#365b4a}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 [data-state=review] .metric-grid{background:#2d291b;border-color:#665632}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 [data-state=empty] .metric-grid{background:#18263d;border-color:#3a4f6b}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .metric-grid .below{color:#f3ce83}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .result-notice{background:#382e18;color:#f1d396;border-color:#7a6338}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 #spiroRemainingBar{background:#344560;color:#e6edff}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 .gold{color:#e0b75b}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 button.primary{color:#071c3a}html:is(.st-master-dark,.st-home-dark,.dark,[data-theme=dark]) #spiro453 button:hover:not(:disabled):not(.primary){background:#203c61}
@media(max-width:1100px){#spiro453 .volume-field{padding:11px 10px}#spiro453 .volume-field small{font-size:11px}#spiro453 .input-unit{flex-basis:40%}#spiro453 .lungs-visual .photo{height:205px}#spiro453 .score{font-size:40px}#spiro453 .score span{font-size:32px}#spiro453 .tier{font-size:11px;padding:5px 7px}#spiro453 .source-logo,#spiro453 .source-wordmark{flex-basis:62px}#spiro453 .source-logo img{width:62px}#spiro453 .gold{font-size:23px}}
@media(max-width:760px){#spiro453 .source-grid>a{align-items:center;min-height:90px}#spiro453 .source-logo,#spiro453 .source-wordmark{flex-basis:90px}#spiro453 .source-logo img{width:78px}#spiro453 .gold{font-size:27px}#spiro453 .score{font-size:45px}#spiro453 .score span{font-size:37px}#spiro453 .tier{font-size:12px}#spiro453 .lungs-visual .photo{height:215px}#spiro453 .form-actions{padding-top:24px}#spiro453 .input-unit{flex-basis:42%}#spiro453 .volume-field small{font-size:12px}}
@media(max-width:430px){#spiro453 .panel-heading h2{font-size:16px}#spiro453 #spiroExampleLabel{font-size:10px}#spiro453 .volume-field{gap:8px;padding:10px 8px}#spiro453 .volume-field small{font-size:11px}#spiro453 .input-unit{flex-basis:39%}#spiro453 input[type=number]{padding:10px 8px;font-size:16px}#spiro453 .input-unit>span{padding:10px}#spiro453 .lln-field{align-items:flex-start;flex-direction:column}#spiro453 .lln-field .input-unit{flex-basis:auto;width:100%;max-width:none}#spiro453 .phase{padding:9px}#spiro453 .phase-options{gap:5px}#spiro453 .phase-options span{font-size:11px;min-height:40px}#spiro453 .standard-grid{gap:7px}#spiro453 .standard-grid>div{padding:8px}#spiro453 .lungs-visual{gap:8px}#spiro453 .lungs-visual .photo{height:180px}#spiro453 .lungs-visual p{font-size:12px}#spiro453 .metric-grid>div{padding:0 7px}#spiro453 .metric-grid strong{font-size:12px}#spiro453 .score{font-size:42px}#spiro453 .score span{font-size:34px}}

#spiro453 .info-cards article:first-child .photo>img:first-child{width:84%;margin-inline:auto}#spiro453 .result-card.precise .score-head{flex-wrap:wrap}#spiro453 .result-card.precise .score{font-size:29px;overflow-wrap:anywhere}#spiro453 .result-card.precise .score span{font-size:25px}#spiro453 .result-card.precise .ratio{font-size:14px;overflow-wrap:anywhere}