:root{color:#293932}
button{color:inherit}
a{color:inherit}
button:hover{color:var(--green)}
.brand{font-size:27px}
.brand-symbol{color:#fff}
.brand-dot{color:var(--green)}
.brand small{font-size:10.5px;color:#667369}
.header-nav{font-size:12px}
.eyebrow{font-size:11.5px;color:#68746a}
.eyebrow b{color:#c3ccc0}
h1{font-size:34px}
h1 span{color:#69736b}
.intro p{font-size:13px;color:#687269}
.intro-note{font-size:12px}
.intro-note small{font-size:11.5px;color:#6b7367}
.tiny-illustration{color:#61765d}
.panel-heading h2{font-size:20px}
.count{font-size:12px;color:#64755d}
.parts-help{font-size:11.5px;color:#697168}
.part-group h3{color:#697366;font-size:10.5px}
.part-select{font-size:12px}
.part-number{font-size:10.5px;color:#6a7066}
.part-icon{color:var(--part-color)}
.part-row.selected .part-select{color:#31583c}
.visibility-button{color:#6b7167}
.visibility-button:hover{color:#47704b}
.hidden-part .visibility-button{color:#527650}
.panel-bottom button{font-size:11.5px;color:#677361}
.sidebar-note{font-size:10.5px;color:#697263}
.mode-switch button{font-size:11.5px;color:#687562}
.mode-switch button.active{color:#3a5f42}
.live-badge{font-size:10.5px;color:#687362}
.view-tools button{color:#65735b}
.view-tools button:hover,.view-tools button.active{color:#486d40}
.view-corner{color:#6b7363}
.view-corner>span{font-size:10.5px}
.view-corner button{font-size:10.5px;color:#67735b}
.interaction-hint{font-size:10.5px;color:#6b7465}
.interaction-hint b{color:#6c7267}
.card-eyebrow{font-size:10.5px;color:#66735e}
.detail-card h2{font-size:20px}
.detail-card p{font-size:12px;color:#667561}
.tour-button{font-size:12px;color:#487648}
.detail-number{color:var(--part-color);font-size:11.5px}
.detail-close{color:#6b7265}
.part-en{font-size:10.5px;color:#6a7262}
.detail-card summary{font-size:11.5px;color:#63765d}
.detail-card details p{font-size:11.5px}
.fact>span{color:#617757}
.fact p{font-size:11.5px;color:#627459}
.part-flow{font-size:10.5px;color:#66735c}
.detail-actions button{color:#5a784d;font-size:10.5px}
.detail-actions .active{color:#225939}
.model-pin>span{color:#466a5c;font-size:10.5px}
.model-pin em{font-size:11.5px;color:#546e50}
.model-pin:hover span,.model-pin.selected span{color:#fff}
.layer-heading{font-size:11.5px;color:#627656}
.layer-heading output{font-size:11.5px;color:#627458}
.range-labels{font-size:10.5px;color:#6a7362}
.simulation-label{font-size:10.5px;color:#68735e}
.simulation-buttons button{font-size:10.5px;color:#65765c}
.simulation-buttons .active{color:#4b7540}
.simulation-buttons #water-btn.active{color:#387a87}
.flow-legend{font-size:11.5px;color:#63745c}
.flow-legend small{font-size:10.5px;color:#687561}
.footer{font-size:10.5px;color:#6b7164}
.footer button{font-size:10.5px;color:#617559}
.footer-credit{font-size:10.5px;color:#687261}
.footer-credit span{font-size:17px;color:#617553}
.loading-mark{color:#597653}
.loading strong{font-size:15px;color:#4f7052}
.loading span{font-size:12px;color:#66725f}
.loading button,.loading a{font-size:12px}
.modal{color:var(--ink)}
.modal-close{color:#5c7556}
.modal-copy h2{font-size:27px}
.modal-copy p{font-size:13px;color:#65745c}
.photo-filename{font-size:11.5px;color:#68735e}
.process li>span{color:#607656;font-size:12px}
.process strong{font-size:13px}
.process p{font-size:12px}
.model-note strong{font-size:12px;color:#5c7650}
.model-note p{font-size:12px}
.source-links{font-size:12px;color:#637457}
.source-links a{color:#527a48}
.source-links small{font-size:10.5px;color:#687260}
.glb-link{font-size:12px;color:#467344}
.toast{color:#f4f9ef;font-size:12px}
@media(min-width:1600px){.part-select{font-size:12px}}
@media(min-width:1600px){.detail-card p{font-size:12px}}
@media(min-width:1600px){.simulation-buttons button{font-size:12px}}
@media(min-width:1600px){.mode-switch button{font-size:12px}}
@media(min-width:1600px){.simulation-label{font-size:11.5px}}
@media(max-width:1150px){.part-select{font-size:11.5px}}
@media(max-width:1150px){.simulation-buttons button{font-size:10.5px}}
@media(max-width:1150px){.detail-card h2{font-size:18px}}
@media(max-width:1150px){.detail-card p{font-size:11.5px}}
@media(max-width:1150px){.interaction-hint{font-size:10.5px}}
@media(max-width:800px){.brand{font-size:24px}}
@media(max-width:800px){.brand small{font-size:10.5px}}
@media(max-width:800px){.download-button{font-size:11.5px}}
@media(max-width:800px){.intro .eyebrow{font-size:10.5px}}
@media(max-width:800px){h1{font-size:28px}}
@media(max-width:800px){.intro p{font-size:12px}}
@media(max-width:800px){.mode-switch button{font-size:11.5px}}
@media(max-width:800px){.view-corner{font-size:10.5px}}
@media(max-width:800px){.interaction-hint{font-size:10.5px}}
@media(max-width:800px){.detail-card.overview h2{font-size:19px}}
@media(max-width:800px){.overview p{font-size:11.5px}}
@media(max-width:800px){.overview .tour-button{font-size:11.5px}}
@media(max-width:800px){.detail-card p{font-size:12px}}
@media(max-width:800px){.detail-card .fact p{font-size:12px}}
@media(max-width:800px){.detail-card h2{font-size:23px}}
@media(max-width:800px){.detail-card .part-en,.detail-card .card-eyebrow{font-size:11.5px}}
@media(max-width:800px){.detail-card details summary,.detail-card details p{font-size:12px}}
@media(max-width:800px){.part-flow{font-size:11.5px}}
@media(max-width:800px){.detail-actions button{font-size:12px}}
@media(max-width:800px){.layer-heading{font-size:12px}}
@media(max-width:800px){.range-labels{font-size:10.5px}}
@media(max-width:800px){.simulation-label{font-size:10.5px}}
@media(max-width:800px){.simulation-buttons button{font-size:10.5px}}
@media(max-width:800px){.panel-heading h2{font-size:21px}}
@media(max-width:800px){.parts-help{font-size:12px}}
@media(max-width:800px){.part-group h3{font-size:11.5px}}
@media(max-width:800px){.part-select{font-size:12px}}
@media(max-width:800px){.part-number{font-size:10.5px}}
@media(max-width:800px){.sidebar-note{font-size:11.5px}}
@media(max-width:800px){.panel-bottom button{font-size:12px}}
@media(max-width:800px){.flow-legend{font-size:10.5px}}
@media(max-width:800px){.flow-legend small{font-size:10.5px}}
@media(max-width:800px){.footer{font-size:10.5px}}
@media(max-width:800px){.footer button{font-size:11.5px}}
@media(max-width:800px){.model-pin>span{font-size:10.5px}}
@media(max-width:800px){.model-pin em{font-size:10.5px}}
@media(max-width:800px){.modal-copy h2{font-size:24px}}
@media(max-width:800px){.modal-copy p{font-size:12px}}
@media(max-width:420px){.download-button{font-size:10.5px}}
@media(max-width:420px){.intro p{font-size:11.5px}}
@media(max-width:420px){h1{font-size:25px}}
@media(max-width:420px){.interaction-hint{font-size:10.5px}}
@media(max-width:420px){.mode-switch button{font-size:10.5px}}
@media(max-width:420px){.overview .tour-button{font-size:10.5px}}
@media(max-width:420px){.detail-card.overview h2{font-size:17px}}
@media(max-width:420px){.part-select{font-size:11.5px}}
.part-select{font-size:12px}
.parts-help{font-size:12px;color:#667463}
.part-number{color:#687362}
.part-group h3{color:#64755c}
.detail-card p{color:#62745d;font-size:12px}
.detail-card .fact p{font-size:12px;color:#62765a}
.detail-card .card-eyebrow{color:#627558}
.intro p{color:#677463}
.mode-switch button{font-size:12px}
.footer{color:#65735b}
@media(max-width:1150px){.part-select{font-size:12px}}
@media(max-width:1150px){.mode-switch button{font-size:11.5px}}
@media(max-width:1150px){.detail-card p{font-size:12px}}
@media(max-width:800px){.part-select{font-size:12px}}
@media(max-width:800px){.detail-card p{font-size:12px}}
@media(max-width:800px){.detail-card.overview p{font-size:11.5px}}
@media(max-width:420px){.part-select{font-size:11.5px}}
@media(max-width:420px){.mode-switch button{font-size:10.5px}}
.measure-card>div{font-size:11.5px;color:#677374}
.measure-card b{font-size:12px;color:#416476}
.measure-card b small{font-size:10.5px}
.measure-card>small{font-size:10.5px;color:#687372}
.simulation-buttons button{font-size:10.5px}
.simulation-buttons #air-btn.active{color:#237aa5}
.direction-heading{font-size:11.5px;color:#557785}
.direction-heading output{font-size:10.5px;color:#27779b}
.direction-presets button{font-size:10.5px;color:#5d727d}
.direction-presets button>span:first-child{font-size:15px}
.direction-presets .active{color:#246e99}
.direction-presets #swing-btn{font-size:13px}
.direction-presets #swing-btn span{font-size:10.5px}
.angle-ends{font-size:10.5px;color:#647178}
.flow-legend{color:#597583}
.flow-legend small{color:#667378}
.model-pin>span{color:#446576}
.dimension-label{font-size:10.5px;color:#896235}
.dimension-label.unit{color:#397798}
.reference-thumbs button{color:#63745b;font-size:10.5px}
.view-corner>span{font-size:10.5px}
.live-badge{color:#5e7374}
@media(min-width:1600px){.measure-card>div{font-size:12px}}
@media(min-width:1600px){.measure-card b{font-size:13px}}
@media(min-width:1600px){.measure-card>small{font-size:10.5px}}
@media(max-width:1150px){.measure-card>div{font-size:10.5px}}
@media(max-width:1150px){.measure-card b{font-size:12px}}
@media(max-width:800px){.direction-heading{font-size:12px}}
@media(max-width:800px){.direction-heading output{font-size:12px}}
@media(max-width:800px){.direction-presets button{font-size:12px}}
@media(max-width:800px){.direction-presets #swing-btn span{font-size:11.5px}}
@media(max-width:800px){.angle-ends{font-size:10.5px}}
@media(max-width:800px){.measure-card>div{font-size:12px}}
@media(max-width:800px){.measure-card b{font-size:13px}}
@media(max-width:800px){.measure-card>small{font-size:11.5px}}
@media(max-width:800px){.dimension-label{font-size:10.5px}}
@media(max-width:420px){.flow-legend{font-size:10.5px}}
@media(max-width:420px){.simulation-buttons button{font-size:10.5px}}
.panel-heading .count{font-size:11.5px}
.installation-controls h3{font-size:12px;color:#617465}
.installation-controls>button{font-size:12px;color:#617061}
.installation-controls>button .icon{color:#68725f}
.installation-controls>button b{color:#6b7066}
.installation-controls>button.active{color:#356448}
.installation-controls>button.active b{color:#48764e}
.return-switch button{font-size:11.5px;color:#697162}
.return-switch button.active{color:#395f45}
.installation-controls p{font-size:11.5px;color:#697365}
.installation-controls .return-proposal{color:#7a6f5b;font-size:10.5px}
.anatomy-list>summary{font-size:12px;color:#536e51}
.measure-card>div{color:#697360}
.measure-card b{color:#59704d}
.measure-card>small{font-size:10.5px;color:#6b7162}
.room-mode .detail-card.overview h2{font-size:21px}
.dimension-label{font-size:11.5px}
.view-corner>span{color:#697366}
.live-badge{font-size:10.5px}
@media(max-width:800px){.installation-controls>button{font-size:12px}}
@media(max-width:800px){.installation-controls h3{font-size:12px}}
@media(max-width:800px){.return-switch button{font-size:12px}}
@media(max-width:800px){.installation-controls p{font-size:12px}}
@media(max-width:800px){.installation-controls .return-proposal{font-size:11.5px}}
@media(max-width:800px){.anatomy-list>summary{font-size:13px}}
@media(max-width:800px){.measure-card>small{font-size:11.5px}}
@media(max-width:800px){.room-mode .detail-card.overview h2{font-size:19px}}
@media(max-width:420px){.installation-controls>button{font-size:12px}}
@media(max-width:420px){.mode-switch button{font-size:11.5px}}
@media(max-width:420px){.view-corner>span{font-size:10.5px}}
.return-routes button{color:#697466}
.return-routes button>b{font-size:12px;color:#6b7363}
.return-routes button>span{font-size:12px}
.return-routes small{font-size:10.5px;color:#6a7362}
.return-routes button.active{color:#3d6544}
.return-routes button.active>b{color:#5b7951}
.installation-controls .subtle-control{font-size:11.5px;color:#597a4e}
.connection-card small{font-size:10.5px;color:#697362}
.extra-access summary,.filter-placement summary{font-size:11.5px;color:#67725e}
.extra-access button{font-size:11.5px;color:#697361}
.extra-access button.active{color:#3e6842}
.filter-placement .return-switch button{font-size:10.5px}
.mode-switch button{font-size:11.5px}
.utility-pin>span{color:#8b6c36}
.utility-pin strong{font-size:11.5px}
.utility-pin small{font-size:10.5px}
.utility-pin.drain>span{color:#37778a}
@media(min-width:801px){.live-badge{font-size:10.5px}}
@media(min-width:801px){.view-corner>span{font-size:10.5px}}
@media(max-width:1150px)and (min-width:801px){.mode-switch button{font-size:10.5px}}
@media(max-width:800px){.return-routes button>span{font-size:12px}}
@media(max-width:800px){.return-routes small{font-size:10.5px}}
@media(max-width:800px){.extra-access summary,.filter-placement summary{font-size:12px}}
@media(max-width:800px){.extra-access button{font-size:12px}}
@media(max-width:800px){.filter-placement .return-switch button{font-size:12px}}
@media(max-width:800px){.installation-controls .connection-card small{font-size:10.5px}}
@media(max-width:800px){.mode-switch button{font-size:11.5px}}
@media(max-width:800px){.utility-pin strong{font-size:10.5px}}
@media(max-width:800px){.utility-pin small{font-size:10.5px}}
.adm-link{color:inherit}
.adm-link:hover{color:var(--green)}
@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}
.visibility-button{min-width:36px;min-height:36px}
.interaction-hint{translate:0 -12px}