#boiler-guide .bx{--ink:#153e35;--paper:#f5efdf;background:var(--paper);color:var(--ink);border:1px solid #899481;margin-top:32px;box-shadow:8px 9px #092e29;isolation:isolate}
#boiler-guide .bx *,#boiler-guide .bx *:before{box-sizing:border-box}
#boiler-guide .bx :is(p,h3,h4,button,strong,span){color:var(--ink);text-shadow:none}
#boiler-guide .bx button{appearance:none;border:1px solid #879580;background:#fff9ed;color:var(--ink);border-radius:0;box-shadow:none;font:700 12px/1.3 ui-monospace,monospace;padding:12px;min-height:44px;cursor:pointer;letter-spacing:0;text-transform:none;transition:background .12s}
#boiler-guide .bx button:hover{background:#e8d8ae}
#boiler-guide .bx button{white-space:normal!important;min-width:0;max-width:100%;overflow-wrap:break-word}
#boiler-guide .bx button[hidden]{display:none}
#boiler-guide .bx button:focus-visible{outline:3px solid #b74920;outline-offset:3px;z-index:8}
#boiler-guide .bx button[aria-pressed=true]{background:#153e35;color:#fff2d8;border-color:#153e35}
#boiler-guide .bx-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #879580}
#boiler-guide .bx-tabs button{padding:20px 17px;text-align:left;font:700 clamp(19px,1.7vw,28px)/1.18 Oswald,Arial,sans-serif;border:0;border-right:1px solid #879580;min-height:100px}
#boiler-guide .bx-tabs button:last-child{border-right:0}
#boiler-guide .bx-tabs span{display:block;font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.04em;margin-bottom:11px;color:inherit}
#boiler-guide .bx-tabs button[aria-pressed=true]{box-shadow:inset 0 -5px #dbaf5d}
#boiler-guide .bx-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr)}
#boiler-guide .bx-visual{min-width:0;border-right:1px solid #a6ad98;background:#e8e7db}
#boiler-guide .bx-tools{display:flex;flex-wrap:wrap;gap:7px;padding:16px 18px 4px;position:relative;z-index:3}
#boiler-guide .bx-zoom{display:flex;gap:4px;margin-left:auto}
#boiler-guide .bx-zoom button{width:42px;padding:8px;font-size:19px}
#boiler-guide .bx-stage{height:570px;position:relative;overflow:hidden;touch-action:pan-y;outline-offset:-4px;background:radial-gradient(ellipse at 55% 35%,#f8f7ef,#dedfd2)}
#boiler-guide .bx-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}
#boiler-guide .bx-pins{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#boiler-guide .bx-pins button{position:absolute;pointer-events:auto;min-height:32px;max-width:175px;font:700 11px/1.2 ui-monospace,monospace;background:#fff6dfed;border:1px solid #153e35;padding:7px 10px;transform:translate(-50%,-100%);box-shadow:2px 3px #17372b55;white-space:normal}
#boiler-guide .bx-pins button:after{content:'';position:absolute;width:1px;height:18px;background:#153e35;bottom:-18px;left:50%}
#boiler-guide .bx-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;font:14px/1.5 ui-monospace,monospace}
#boiler-guide .bx-loading[hidden]{display:none}
#boiler-guide .bx-caption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 18px 15px;font:10px/1.5 ui-monospace,monospace}
#boiler-guide .bx-caption i{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px 0 9px;background:#a4492c}
#boiler-guide .bx-caption .bx-cool{background:#386a7e}
#boiler-guide .bx-parts-wrap{border-top:1px solid #a6ad98;padding:19px;background:#f5efdf}
#boiler-guide .bx-eyebrow{font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.06em;display:block;margin:0 0 12px;color:#a4421d}
#boiler-guide .bx-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#boiler-guide .bx-parts button{text-align:left;min-height:50px;padding:10px;font-size:11px}
#boiler-guide .bx-story{padding:clamp(22px,2.5vw,39px);align-self:start}
#boiler-guide .bx-story h3{font:700 clamp(28px,2.7vw,42px)/1.08 Oswald,Arial,sans-serif;margin:0 0 19px;text-transform:uppercase}
#boiler-guide .bx-story p{font:16px/1.6 Arial,sans-serif;margin:0 0 20px}
#boiler-guide .bx-insight{border-top:1px solid #abb19b;padding-top:16px;margin-top:20px}
#boiler-guide .bx-insight strong{font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.06em;color:#a4421d}
#boiler-guide .bx-insight p{margin:7px 0 15px;font-size:15px}
#boiler-guide .bx-detail{margin-top:27px;border-left:3px solid #b74d21;padding-left:17px}
#boiler-guide .bx-detail h4{font:700 25px/1.2 Oswald,Arial,sans-serif;margin:0 0 12px;text-transform:none}
#boiler-guide .bx-detail p{font-size:15px;margin:0 0 14px}
#boiler-guide .bx-detail .bx-service{color:#526256;font-size:14px}
#boiler-guide .bx-detail button{width:100%;text-align:left}
#boiler-guide .bx-mobile-detail{display:none}
#boiler-guide .bx-disclaimer{margin-top:24px;max-width:100ch}
#boiler-guide .bx:fullscreen{overflow:auto;margin:0;border:0;box-shadow:none;padding:0 20px;background:#f5efdf}
#boiler-guide .bx:fullscreen .bx-stage{height:calc(100dvh - 310px);min-height:350px}
#boiler-guide .bx:fullscreen .bx-layout{grid-template-columns:minmax(0,2.4fr) minmax(290px,1fr)}
@media(min-width:1650px){#boiler-guide .bx-stage{height:660px}}
@media(max-width:1080px){#boiler-guide .bx-layout{grid-template-columns:1fr}#boiler-guide .bx-visual{border-right:0;border-bottom:1px solid #a6ad98}#boiler-guide .bx-stage{height:560px}#boiler-guide .bx-story{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}#boiler-guide .bx-story>[data-bx-kicker],#boiler-guide .bx-story>h3,#boiler-guide .bx-story>[data-bx-intro],#boiler-guide .bx-detail{grid-column:1/-1}#boiler-guide .bx-detail{margin-top:10px}}
@media(max-width:600px){#boiler-guide #br-system{padding-left:12px;padding-right:12px}#boiler-guide .bx{box-shadow:4px 5px #092e29}#boiler-guide .bx-tabs{grid-template-columns:1fr 1fr}#boiler-guide .bx-tabs button{min-height:86px;padding:15px 12px;font-size:22px;border-bottom:1px solid #879580}#boiler-guide .bx-tabs span{font-size:8px;margin-bottom:8px}#boiler-guide .bx-tools{padding:12px 10px 0;gap:5px}#boiler-guide .bx-tools button{font-size:10px;padding:9px;min-height:40px}#boiler-guide .bx-tools [data-bx-top]{display:none}#boiler-guide .bx-zoom button{width:32px;font-size:17px;padding:5px}#boiler-guide .bx-stage{height:390px}#boiler-guide .bx-pins button{max-width:130px;font-size:10px;padding:6px}#boiler-guide .bx-parts-wrap{padding:14px 10px}#boiler-guide .bx-parts{grid-template-columns:1fr 1fr}#boiler-guide .bx-story{display:block;padding:22px 18px}#boiler-guide .bx-story h3{font-size:32px}#boiler-guide .bx-caption{font-size:8px;padding:10px;gap:6px}}
@media(max-width:1080px){#boiler-guide .bx-mobile-detail{display:block;padding:0 18px 20px;background:#f5efdf}#boiler-guide .bx-mobile-detail .bx-detail{margin:0;padding-top:18px}#boiler-guide .bx:fullscreen .bx-layout{grid-template-columns:1fr}#boiler-guide .bx:fullscreen{padding:0}#boiler-guide .bx:fullscreen .bx-stage{height:55dvh;min-height:280px}}
@media(max-width:600px){#boiler-guide .bx{margin-left:-10px;margin-right:-10px}#boiler-guide .bx-stage{height:310px}#boiler-guide .bx-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#boiler-guide .bx-parts{grid-template-columns:repeat(2,minmax(0,1fr))}#boiler-guide .bx-tools [data-bx-expand]{font-size:9px}#boiler-guide .bx-zoom{margin-left:0}#boiler-guide .bx-mobile-detail .bx-detail p{font:15px/1.55 Arial,sans-serif}#boiler-guide .bx-mobile-detail .bx-detail .bx-service{font-size:14px;color:#526256}}