/* Expanded practical guides, including the original interactive diagrams. */
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide){--paper:light-dark(#ffffff,#1c2520);--ink:light-dark(#25352f,#e1eae3);--quiet:light-dark(#63766a,#b0beb3);--line:light-dark(#dfe7dd,#3e4d42);--wash:light-dark(#f5f8f2,#253027);--sage:light-dark(#22755b,#8dcbb1);--soft:light-dark(#e8f2e9,#293f31);--sand:light-dark(#dfc99f,#9d8258);padding:18px 8px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:13px;line-height:1.6;color-scheme:light dark}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) *{box-sizing:border-box}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .product{max-width:720px;margin:auto;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:15px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) h2{font-size:18px;font-weight:600;margin:0 0 5px;letter-spacing:-.3px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) p{margin:8px 0 17px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .quiet{color:var(--quiet);font-size:12px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .choices{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin:20px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) label{display:block;font-weight:500}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) select{display:block;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%;margin-top:7px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-check{display:flex;align-items:center;gap:8px;padding:11px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) input{accent-color:var(--sage)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) input[type=checkbox]{width:18px;height:18px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .speed-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) output{font-weight:600;color:var(--sage)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) input[type=range]{width:100%;margin:14px 0 4px;min-height:20px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .ticks{display:flex;justify-content:space-between;color:var(--quiet);font-size:11px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .simulation{margin:22px 0 14px;background:var(--wash);border-radius:12px;padding:22px 16px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .scene{display:grid;grid-template-columns:1fr 72px 72px 1fr;align-items:center;gap:12px;min-height:150px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .airlane{height:95px;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .airlane i{display:block;height:2px;position:relative;background:var(--sage);width:65%;transition:width .25s,opacity .25s}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .airlane i:after{content:'';position:absolute;right:0;top:-3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--sage)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .in-air i{background:var(--quiet)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .in-air i:after{border-left-color:var(--quiet)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .filter{height:112px;width:20px;justify-self:center;border:3px solid var(--sage);border-radius:3px;background:repeating-linear-gradient(90deg,var(--soft) 0 4px,var(--sage) 4px 5px);transition:width .25s}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .filter.box{width:65px;box-shadow:6px -6px 0 var(--wash),8px -8px 0 var(--sage)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .filter.thick{width:44px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan{width:72px;height:90px;border:2px solid var(--quiet);border-radius:8px;display:grid;place-items:center;background:var(--paper);transition:background .25s}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan.with-shroud{background:var(--sand);border-color:var(--sand)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-disc{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--paper)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-disc svg{width:48px;height:48px;color:var(--sage);transition:transform .3s}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .scene-labels{display:grid;grid-template-columns:1fr 72px 72px 1fr;gap:12px;text-align:center;color:var(--quiet);font-size:11px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .selected-state{text-align:center;margin:18px 0 0;font-size:12px;color:var(--ink);font-weight:500}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .result{border-left:3px solid var(--sage);padding-left:13px;margin:18px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .result p{margin:3px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .result strong{font-weight:600}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) details{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) summary{font-weight:500;color:var(--sage);padding:5px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .tests{margin:14px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .test{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:5px 12px;margin:17px 0;font-size:12px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .test b{text-align:right;font-weight:600}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .track{grid-column:1/-1;background:var(--soft);height:9px;border-radius:5px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .track span{display:block;height:100%;background:var(--sage);border-radius:5px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) a{color:var(--sage)}
@media(max-width:460px){:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .product{padding:18px 15px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .choices{grid-template-columns:1fr;gap:5px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .scene,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .scene-labels{grid-template-columns:1fr 54px 62px 1fr;gap:7px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan{width:62px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .filter.box{width:48px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .simulation{padding:16px 10px}
}
@media(prefers-reduced-motion:reduce){:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) *{transition:none!important}
}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .scene[hidden],:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .scene-labels[hidden],:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .box-scene[hidden]{display:none}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .box-scene{position:relative;width:300px;max-width:100%;height:242px;margin:auto}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-roof{position:absolute;left:18%;top:17%;width:64%;height:32%;clip-path:polygon(0 44%,52% 0,100% 42%,48% 100%);background:var(--sand)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-roof.no-shroud{background:var(--line)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-fan{position:absolute;left:33%;top:23%;width:36%;height:17%;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:1px solid var(--quiet);transform:rotate(-1deg)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-fan svg{width:55px;height:55px;color:var(--sage);transform:scaleY(.58);margin-top:-7px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-left{position:absolute;left:18%;top:31%;width:31%;height:56%;clip-path:polygon(0 0,100% 31%,100% 100%,0 69%);background:repeating-linear-gradient(90deg,var(--soft) 0 5px,var(--sage) 5px 6px);box-shadow:inset 0 0 0 3px var(--sage)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-right{position:absolute;left:49%;top:30.4%;width:33%;height:56.6%;clip-path:polygon(0 31.5%,100% 0,100% 69%,0 100%);background:repeating-linear-gradient(90deg,var(--wash) 0 5px,var(--quiet) 5px 6px)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-out{position:absolute;top:0;left:0;width:100%;text-align:center;color:var(--sage);font-size:12px;font-weight:500}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-air-left,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-air-right{position:absolute;top:61%;font-size:11px;color:var(--quiet);background:var(--wash);padding:1px 3px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-air-left{left:0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-air-right{right:0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cube-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;color:var(--quiet)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .airflow-notes{margin:12px 0 18px;padding-top:12px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-examples{width:100%;border-collapse:collapse;margin:14px 0;font-size:12px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-examples th{text-align:left;font-weight:500;color:var(--quiet);padding:8px 0;border-bottom:1px solid var(--line)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-examples td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-examples td:last-child,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-examples th:last-child{text-align:right;white-space:nowrap;padding-left:12px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-examples small{display:block;font-size:11px;color:var(--quiet);font-weight:400;margin-top:3px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fan-examples strong{font-weight:500}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .product+.product{margin-top:18px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) details.product{border:1px solid var(--line);padding:0;border-radius:15px;background:var(--paper)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) details.product>summary{font-size:16px;font-weight:600;color:var(--ink);padding:20px 24px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .guide-content{padding:0 24px 20px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .guide-content h3{font-size:14px;font-weight:600;margin:23px 0 10px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .guide-content p{font-size:12px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .guide-content li{font-size:12px;margin:9px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .guide-content ul,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .guide-content ol{padding-left:20px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .airflow-notes{border-top:0;margin-top:0;padding-top:0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .airflow-notes>summary{border-bottom:1px solid var(--line);padding-bottom:12px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types td:last-child,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types th:last-child,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .assumptions td:last-child,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .assumptions th:last-child{white-space:normal;text-align:left}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types td:first-child{width:38%;padding-right:10px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .assumptions td,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .assumptions th{width:33.33%;padding-right:10px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .seal-example{background:var(--wash);border-radius:10px;padding:17px;margin:18px 0;font-size:12px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .seal-example>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .seal-example small{font-size:11px;color:var(--quiet);display:block;margin-top:12px}
@media(max-width:460px){:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) details.product>summary{padding:17px 15px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .guide-content{padding:0 15px 16px}
}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photos{margin:25px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photos h3{font-size:14px;font-weight:600;margin:0 0 13px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photo-grid figure{margin:0;min-width:0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photo-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photo-grid figcaption{font-size:12px;margin-top:10px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photo-grid figcaption strong{display:block;font-weight:600;margin-bottom:4px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photo-grid figcaption span{display:block;color:var(--quiet)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photo-grid figcaption a{display:block;font-size:11px;margin-top:8px}
@media(max-width:440px){:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photo-grid{grid-template-columns:1fr;gap:22px}
}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cadr-result{background:var(--soft);border-radius:12px;padding:19px 20px;margin:22px 0 16px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cadr-label{font-size:12px;font-weight:500;color:var(--ink)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cadr-number{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;margin:5px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) #diy-cadr-number{font-size:32px;font-weight:600;letter-spacing:-.7px;color:var(--sage);font-variant-numeric:tabular-nums}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cadr-unit{font-size:13px;color:var(--quiet)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .cadr-result p{margin:6px 0 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .simulation .model-method{margin-top:16px;padding-top:12px;font-size:12px;text-align:left}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .simulation .model-method p{margin:10px 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fit-comparison{display:grid!important;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px!important}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fit-comparison>div{display:block;margin:0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fit-comparison p{font-size:12px;margin:5px 0;color:var(--quiet)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-examples{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0 22px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-examples figure{margin:0;min-width:0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-photo{height:190px;display:grid;place-items:center;background:var(--wash);border-radius:9px;overflow:hidden}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-photo img{width:100%;height:190px;object-fit:cover;object-position:center 62%}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-photo img.temtop-photo{width:160px;height:160px;object-fit:contain}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-examples figcaption{font-size:12px;padding-top:10px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-examples figcaption strong{display:block;font-weight:600}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-examples figcaption span{display:block;color:var(--quiet);margin-top:4px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-examples figcaption a{font-size:11px;display:block;margin-top:7px}
@media(max-width:440px){:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .monitor-examples{grid-template-columns:1fr}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .fit-comparison{grid-template-columns:1fr;gap:12px}
}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types{table-layout:fixed}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types td:first-child,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types th:first-child{width:40%}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types td:nth-child(2),:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types th:nth-child(2){width:26%;padding:12px 8px;text-align:left}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types td:last-child,:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types th:last-child{width:34%;padding-left:8px;overflow-wrap:anywhere}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .mask-types th small{font-weight:400}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .real-world-note{background:var(--soft);border-radius:10px;padding:16px 18px;margin:13px 0 18px}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .real-world-note strong{font-weight:600}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .real-world-note p{margin:7px 0 0}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide) .shroud-photos{padding-top:22px;border-top:1px solid var(--line)}
:is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide){color-scheme:light;--paper:#fff;--ink:#25352f;--quiet:#63766a;--line:#dfe7dd;--wash:#f5f8f2;--sage:#22755b;--soft:#e8f2e9;--sand:#dfc99f;padding:0;font:inherit}
#air-guides-mask-columns-mock{margin-top:26px}
.mask-guide>.pg-body,.monitor-guide>.pg-body{padding:20px}
.mask-guide .guide-content{padding:0}
.monitor-guide>summary{padding:20px;font-weight:700}
#air-guides-mask-columns-mock .airflow-notes{border-top:0;border-bottom:1px solid var(--line);padding-bottom:16px}
.monitor-guide .monitor-photo{max-height:230px}
.monitor-guide img{max-width:100%;object-fit:contain}
.mask-guide table{width:100%}

.guides-page{background:#f6f6f7;color:#171719;color-scheme:light}
.guides-page .guides-main{max-width:1120px;padding-top:32px!important}
.guides-back{display:inline-block;font-size:13px;text-decoration:none;color:#72767c;margin-bottom:26px}
.guides-heading{margin-bottom:32px}
.guides-heading h1{max-width:900px;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.8px;margin:0 0 14px}
.guides-heading p{font-size:17px;color:#72767c;line-height:1.6;margin:0;max-width:800px}
.guide-collection{display:grid;gap:16px}
.guide-collection>.practical-guide{background:#fff;border:1px solid #e4e5e8;border-radius:22px;box-shadow:0 6px 24px #00000004;margin:0;padding:0;overflow:hidden;scroll-margin-top:calc(var(--site-header-height,86px) + 20px)}
.practical-guide>summary{display:flex;align-items:center;gap:15px;list-style:none;padding:26px 30px;cursor:pointer;position:relative}
.practical-guide>summary::-webkit-details-marker{display:none}
.practical-guide>summary:after{content:"+";font-size:24px;font-weight:400;color:#929292;margin-left:auto;line-height:1;flex:none}
.practical-guide[open]>summary:after{content:"−"}
.practical-guide>summary .pg-icon{width:24px;flex:none;font-size:21px;line-height:1;color:#555}
.practical-guide>summary strong{display:block;font-size:24px;line-height:1.25;letter-spacing:-.65px;font-weight:600;color:#171719}
.practical-guide>summary small{display:block;font-size:13px;line-height:1.6;color:#72767c;margin-top:7px}
.practical-guide>.pg-body{padding:0 30px 30px;font-size:14px;line-height:1.8;color:#555;min-width:0}
.pg-body h3{font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.4px;color:#171719;margin:28px 0 12px}
.pg-body h4{font-size:16px;line-height:1.5;font-weight:600;color:#333}
.pg-body p{margin:14px 0}
.pg-body ul,.pg-body ol{padding-left:22px;margin:16px 0}
.pg-body li{margin:10px 0}
.pg-body strong{font-weight:600;color:#333}
.pg-body a{color:#333;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.pg-body a:hover{color:#000}
.pg-body img{max-width:100%;height:auto;display:block;border-radius:12px}
.pg-body figure{margin:20px 0}
.pg-body figcaption{font-size:12px;color:#929292;line-height:1.6;margin-top:10px}
.pg-body details{border:1px solid #e5e5e7;border-radius:14px;padding:14px 18px;margin:18px 0;background:#fff}
.pg-body details>summary{font-size:14px;font-weight:600;line-height:1.6;color:#333;cursor:pointer}
.pg-body .compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pg-body table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.65;margin:18px 0}
.pg-body th{font-weight:600;color:#333;text-align:left;background:#f7f7f8}
.pg-body td,.pg-body th{padding:12px 14px;border-bottom:1px solid #e5e5e7;vertical-align:top}
.pg-body .pg-scroll{overflow-x:auto;max-width:100%}
.pg-body .pg-scroll table{min-width:560px}
.pg-body .pg-note,.pg-body .home-leak-lead,.pg-body .epa-fan-context{background:#f6f6f7;border:1px solid #e9e9eb;border-radius:14px;padding:18px 20px;margin:18px 0}
.home-leak-lead>small,.home-leak-lead>strong{display:block}
.home-leak-lead>strong{font-size:20px;line-height:1.5;margin-top:8px}
.pg-body .pg-sources{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;line-height:1.8;color:#72767c;margin-top:24px}
.pg-body .pg-fine{font-size:11px;color:#929292}
.pg-body .pg-chart{background:#f7f7f8;border-radius:14px;padding:20px;margin:24px 0}
.pg-chart .pg-kicker{font-size:13px;font-weight:600;margin-bottom:20px}
.pg-chart-row{display:grid;grid-template-columns:190px minmax(0,1fr) 90px;gap:14px;align-items:center;margin:18px 0;font-size:12px}
.pg-track{position:relative;background:#e8e8eb;height:9px;border-radius:7px;overflow:hidden}
.pg-track>span{position:absolute;top:0;height:100%}
.pg-solid{left:0;background:#666}
.pg-range{background:repeating-linear-gradient(45deg,#888 0 3px,#c8c8ce 3px 6px)}
.guides-page :is(#air-guides-mask-columns-mock,.mask-guide,.monitor-guide){--paper:#fff;--ink:#333;--quiet:#72767c;--line:#e4e5e8;--wash:#f6f6f7;--sage:#555;--soft:#f1f1f3;--sand:#ddd;color-scheme:light;padding:18px 0}
.guides-page #air-guides-mask-columns-mock .product{max-width:none;border-radius:18px}
.guides-page #air-guides-mask-columns-mock input[type=range]{accent-color:#333;cursor:grab}
.guides-page #air-guides-mask-columns-mock input[type=range]:active{cursor:grabbing}
.guides-page #air-guides-mask-columns-mock input[type=checkbox]{accent-color:#333}
@media(max-width:650px){.guides-heading h1{font-size:28px}
.guides-heading p{font-size:15px}
.practical-guide>summary{padding:23px 22px;gap:10px}
.practical-guide>summary strong{font-size:21px}
.practical-guide>summary small{font-size:12px}
.practical-guide>.pg-body{padding:0 22px 24px;font-size:13px}
.pg-body .compare{grid-template-columns:1fr;gap:12px}
.pg-chart-row{grid-template-columns:minmax(0,1fr) 85px;gap:8px}
.pg-chart-row>span{grid-column:1 / -1}
.pg-body td,.pg-body th{padding:10px 8px;font-size:11px}
}
/* Shared reading layout for all practical guides. */
.guides-page .guides-main{width:100%;box-sizing:border-box;max-width:1120px;margin-inline:auto;padding-inline:28px}
.guides-page .guide-collection>.practical-guide{padding:0;font-family:var(--site-font);font-size:15px;line-height:1.7;overflow:hidden}
.guides-page .guide-collection>.practical-guide>summary{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:26px 28px;margin:0;min-height:112px;box-sizing:border-box;font:inherit}
.guides-page .practical-guide>summary:after{grid-column:3;justify-self:center;margin:0;font-size:25px;color:#777}
.guides-page .practical-guide>summary .pg-icon{display:grid;place-items:center;width:36px;height:36px;font-size:22px;color:#555}
.guides-page .practical-guide>summary>span:nth-child(2){min-width:0}
.guides-page .practical-guide>summary strong{font:600 22px/1.3 var(--site-font);letter-spacing:-.5px}
.guides-page .practical-guide>summary small{font:400 14px/1.55 var(--site-font);color:#74777c;margin-top:7px}
.guides-page .practical-guide>summary:focus-visible{outline:2px solid #777;outline-offset:-5px;border-radius:20px}
.guides-page .practical-guide[open]>summary{padding-bottom:22px}
.guides-page .practical-guide>.pg-body{padding:0 28px 30px;color:#41454b;font:400 15px/1.75 var(--site-font)}
.guides-page .pg-body :is(p,li){line-height:1.75}
.guides-page .pg-body p{margin:12px 0 18px}
.guides-page .pg-body :is(h2,h3){font-family:var(--site-font);font-size:20px;line-height:1.35;margin:28px 0 12px;color:#202124}
.guides-page .pg-body h4{font-size:17px;line-height:1.45;margin:22px 0 10px}
.guides-page .pg-body :is(ul,ol){padding-left:24px;margin:14px 0 22px}
.guides-page .pg-body li{padding-left:3px;margin:9px 0}
.guides-page .pg-body details{padding:18px 20px;margin:20px 0;border-color:#e8e8eb;background:#fafafa}
.guides-page .pg-body details>summary{font:600 15px/1.5 var(--site-font);padding:0;min-height:0;display:list-item}
.guides-page .pg-body :is(.fine,.pg-fine,.quiet,figcaption){font-size:13px;line-height:1.6;color:#74777c}
.guides-page .pg-body table{font-size:14px;line-height:1.6}
.guides-page .pg-body :is(.mask-guide,.monitor-guide,#air-guides-mask-columns-mock){font-family:var(--site-font);font-size:14px;line-height:1.65}
.guides-page .pg-body .pg-sources{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:18px;border-top:1px solid #ececef;font-size:13px}
.guides-page .pg-body .pg-sources a{display:inline-flex;align-items:center;gap:4px}
@media(max-width:650px){
 .guides-page .guides-main{padding-inline:16px}
 .guides-page .guide-collection{gap:12px}
 .guides-page .guide-collection>.practical-guide>summary{grid-template-columns:28px minmax(0,1fr) 20px;gap:12px;padding:20px 18px;min-height:100px}
 .guides-page .practical-guide>summary .pg-icon{width:28px;height:28px}
 .guides-page .practical-guide>summary strong{font-size:18px;letter-spacing:-.3px}
 .guides-page .practical-guide>summary small{font-size:13px}
 .guides-page .practical-guide>.pg-body{padding:0 18px 22px;font-size:15px}
 .guides-page .pg-body details{padding:15px 14px}
 .guides-page .pg-body .compare{grid-template-columns:1fr}
 .guides-page .pg-body table{font-size:13px}
}
/* Long-form guide content: one readable editorial column. */
.guides-page .guide-collection .practical-guide>.pg-body{width:calc(100% - 64px);max-width:860px;margin:0 auto;padding:10px 0 40px;font-size:16px;line-height:1.75;color:#3d4146;box-sizing:border-box}
.guides-page .pg-body :is(.guide-content,.product){max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.guides-page .pg-body :is(p,li){font-family:var(--site-font);font-size:15px!important;line-height:1.75!important;color:#41454a}
.guides-page .pg-body p{margin:0 0 18px!important}
.guides-page .pg-body :is(h2,h3){font-family:var(--site-font);font-size:22px!important;line-height:1.35!important;font-weight:600;letter-spacing:-.4px;margin:36px 0 14px!important;color:#171719}
.guides-page .pg-body h4{font-size:17px!important;line-height:1.45;margin:26px 0 10px}
.guides-page .pg-body :is(.fine,.pg-fine,.quiet,figcaption){font-size:13px!important;line-height:1.6!important;color:#75787d}
.guides-page .pg-body :is(.mask-kids-note,.pg-note,.co2,.airing,.mr-notice,.epa-fan-context){padding:20px 22px;margin:24px 0;background:#f7f7f8;border:1px solid #ececef;border-radius:14px;color:#41454a}
.guides-page .pg-body :is(.mask-kids-note,.pg-note,.co2,.airing,.mr-notice) p:last-child{margin-bottom:0!important}
.guides-page .pg-body :is(.mask-authority-links,.mask-source-list,.pg-sources){font-size:13px;line-height:1.7;display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px}
.guides-page .pg-body .pg-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.guides-page .pg-body .pg-panel{padding:22px;background:#f8f8f9;border:1px solid #ececef;border-radius:16px;min-width:0}
.guides-page .pg-body .pg-panel h3{margin-top:0!important}
.guides-page .pg-body :is(.simulation,.seal-example,.fit-comparison){margin:28px 0}
.guides-page .pg-body table{display:block;overflow-x:auto;max-width:100%;font-size:14px!important;line-height:1.6!important;margin:24px 0;border:1px solid #e8e8eb;border-radius:12px}
.guides-page .pg-body table :is(td,th){font-size:14px!important;line-height:1.6!important;padding:14px 16px;white-space:normal}
.guides-page .pg-body img{max-height:380px;max-width:100%;object-fit:contain;margin-inline:auto}
@media(max-width:650px){
 .guides-page .guide-collection .practical-guide>.pg-body{width:calc(100% - 36px);padding-bottom:28px}
 .guides-page .pg-body :is(h2,h3){font-size:20px!important;margin-top:28px!important}
 .guides-page .pg-body .pg-two{grid-template-columns:1fr;gap:16px}
 .guides-page .pg-body :is(.mask-kids-note,.pg-note,.co2,.airing,.mr-notice,.pg-panel){padding:16px}
}

.guides-page .guide-collection>.practical-guide>summary{padding:24px 28px!important;min-height:104px!important;margin:0!important;grid-template-columns:36px minmax(0,1fr) 24px!important;gap:18px!important}
.guides-page .guide-collection>.practical-guide{padding:0!important}
@media(max-width:650px){.guides-page .guide-collection>.practical-guide>summary{padding:20px 18px!important;grid-template-columns:28px minmax(0,1fr) 20px!important;gap:12px!important}}