.guide-hero{overflow:hidden;background:linear-gradient(115deg,#f6fafb 0%,#e6f3f8 72%,#d7edf6 100%)}
.guide-hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:center;min-height:430px;gap:40px;padding-top:50px;padding-bottom:58px}.guide-hero h1{max-width:720px}.guide-hero .lead{max-width:650px}.guide-hero-art{position:relative;height:300px}.guide-art-circle{position:absolute;width:290px;height:290px;right:25px;top:0;border:1px solid #a8d1de;border-radius:50%;box-shadow:0 0 0 26px #ffffff75,0 0 0 54px #ffffff4d}.guide-art-ext,.guide-art-alarm{position:absolute;display:grid;place-items:center;width:132px;height:132px;background:white;border:1px solid #c9dfe7;border-radius:24px;box-shadow:0 18px 35px #14506a1c;z-index:2;transform:rotate(-5deg)}.guide-art-ext{top:45px;left:12%}.guide-art-alarm{right:3%;bottom:12px;transform:rotate(7deg)}.guide-art-ext svg,.guide-art-alarm svg{width:86px;height:86px}.guide-art-line{position:absolute;width:150px;height:1px;background:#93bbc9;transform:rotate(-27deg)}.guide-art-line.one{left:12%;bottom:40px}.guide-art-line.two{right:4%;top:28px}.guide-art-line.three{right:30%;top:51%;width:100px}
.guide-topics{padding-bottom:60px}.guide-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-topic{display:flex;flex-direction:column;gap:10px;padding:28px;background:white;border:1px solid var(--line);border-top:5px solid var(--red);border-radius:16px;box-shadow:0 14px 30px #153b4809;transition:transform .18s,box-shadow .18s}.guide-topic:hover{transform:translateY(-3px);box-shadow:0 18px 36px #153b4818}.guide-topic--fire-alarms{border-top-color:var(--blue)}.guide-topic--fire-safety-basics{border-top-color:var(--green)}.guide-topic-icon{width:68px;height:68px;display:grid;place-items:center;background:#f2f8fa;border-radius:14px;overflow:hidden}.guide-topic-icon svg{width:50px;height:50px}.guide-topic strong{font-size:23px;line-height:1.2}.guide-topic span:not(.guide-topic-icon){color:var(--muted)}.guide-topic em{font-style:normal;color:#08719c;font-weight:800;margin-top:auto;padding-top:10px}.guide-browse{scroll-margin-top:25px}.guide-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.guide-filters a{padding:10px 16px;border:1px solid #a9c2cb;border-radius:999px;background:white;font-size:14px;font-weight:800}.guide-filters a:hover,.guide-filters a[aria-current=page]{background:var(--navy);border-color:var(--navy);color:white}.guide-card{box-shadow:0 12px 27px #153b480a}.guide-card-visual{display:grid;place-items:center;height:190px;background:linear-gradient(135deg,#f9e8e9,#e7f3f7);overflow:hidden}.guide-card-visual--fire-alarms{background:linear-gradient(135deg,#e0f2f9,#f3f9fb)}.guide-card-visual--fire-safety-basics{background:linear-gradient(135deg,#e7f5ef,#eef7f9)}.guide-card-visual img{width:100%;height:100%;object-fit:cover}.guide-card-visual>span{width:105px;height:105px;display:grid;place-items:center;background:#fff;border:1px solid #d3e3e7;border-radius:24px;transform:rotate(-6deg);box-shadow:0 13px 24px #163e4f16}.guide-card-visual svg{width:72px;height:72px}.guide-card .inside{display:flex;flex-direction:column}.guide-card-category{color:#08719c;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.09em}.guide-card h3 a:hover{text-decoration:underline}.guide-card .more{margin-top:auto!important}.guide-empty{padding:44px;background:white;border:1px solid var(--line);border-radius:16px;text-align:center}.guide-empty>div{display:flex;justify-content:center;gap:12px}.guide-empty svg{width:56px;height:56px}.guide-empty h3{font-size:25px;margin:12px 0}.guide-empty p{color:var(--muted)}.guide-empty a{font-weight:800;color:#08719c}.guide-pagination .page-numbers{display:inline-block;margin:0 4px 5px 0;padding:7px 12px;background:white;border:1px solid var(--line);border-radius:7px}.guide-pagination .current{background:var(--navy);color:white}
.guide-article-head{background:linear-gradient(110deg,#f5fafb,#e3f2f7);padding:54px 0 45px}.guide-article-head h1{max-width:920px}.guide-article-head .lead{max-width:800px}.guide-article-head .post-meta{margin-bottom:0}.guide-article-content{padding-top:42px}.guide-featured{margin:0 0 38px}.guide-featured img{width:100%;height:auto;border-radius:15px}.guide-article-next{padding:27px;margin:50px 0 25px;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:12px;background:#f4fafc}.guide-article-next strong{font-size:22px}.guide-article-next p{margin:8px 0 18px}.guide-article-next .button,.guide-back a{text-decoration:none}.guide-back{font-size:16px!important}
@media(max-width:900px){.guide-topic-grid{grid-template-columns:1fr}.guide-hero-inner{grid-template-columns:1fr;gap:0}.guide-hero-art{height:170px;max-width:440px;width:100%;margin:auto}.guide-art-circle{width:180px;height:180px;right:20%}.guide-art-ext,.guide-art-alarm{width:90px;height:90px}.guide-art-ext svg,.guide-art-alarm svg{width:63px;height:63px}.guide-topic{min-height:0}.guide-topic-grid{gap:13px}}
@media(max-width:580px){.guide-hero-inner{padding-top:30px;padding-bottom:38px}.guide-hero-art{height:135px;margin-top:10px}.guide-art-circle{width:130px;height:130px;right:28%}.guide-art-ext{left:18%;top:10px}.guide-art-alarm{right:13%;bottom:0}.guide-art-line{display:none}.guide-topic{padding:21px}.guide-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.guide-filters a{white-space:nowrap;flex:none}.guide-article-head{padding:34px 0}}
/* Guide article imagery and visual explainers */
.guide-article .guide-featured{margin:0;background:linear-gradient(#eaf5f9,#fff);padding:38px 0 0}.guide-article .guide-featured .wrap{max-width:1120px}.guide-article .guide-featured img{display:block;width:100%;height:auto;max-height:510px;object-fit:cover;object-position:center;border-radius:18px;box-shadow:0 15px 38px #123b4c12}.guide-article .guide-article-content{padding-top:38px}.guide-article-content .guide-article-next a.button,.guide-article-content .guide-article-next a.button:hover,.guide-article-content .guide-article-next a.button:focus{color:#fff!important;text-decoration:none}.guide-article-content .guide-article-next a.button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.guide-explainer{margin:24px -55px 42px;padding:25px 28px 22px;border:1px solid #c9e2ea;border-top:4px solid var(--blue);border-radius:17px;background:linear-gradient(145deg,#f4fafc,#fff);box-shadow:0 15px 30px #123b4c0b}.guide-explainer figcaption{display:flex;flex-direction:column;gap:5px;margin-bottom:19px}.guide-visual-kicker{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#a3222a}.guide-explainer figcaption strong{font-size:24px;line-height:1.2}.guide-explainer figcaption>span:last-child{font-size:15px;color:var(--muted)}.guide-explainer .guide-visual-note{font-size:13px;color:var(--muted);margin:16px 0 0}.guide-ext-grid,.guide-process-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-ext-item,.guide-process-mini>div,.guide-alarm-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 12px}.guide-ext-item>strong,.guide-process-mini b,.guide-alarm-grid b{font-size:17px;margin-top:9px}.guide-ext-item small,.guide-process-mini small,.guide-alarm-grid small{font-size:13px;color:var(--muted);line-height:1.35;max-width:180px}.guide-ext-shape{height:151px;width:84px;position:relative}.guide-ext-handle{position:absolute;z-index:2;top:4px;left:34px;width:36px;height:7px;border:3px solid #364853;border-radius:7px;transform:rotate(-12deg)}.guide-ext-handle:after{content:'';position:absolute;top:0;left:-18px;width:21px;height:9px;border-top:3px solid #364853;border-left:3px solid #364853;border-radius:8px}.guide-ext-neck{position:absolute;top:10px;left:34px;width:22px;height:20px;background:#c9161d;border:2px solid #a4161d;border-radius:4px}.guide-ext-body{position:absolute;top:25px;left:23px;width:44px;height:118px;background:linear-gradient(90deg,#a9161c,#e53338 35%,#cb1c23 72%,#a9181f);border:1px solid #9f1a1e;border-radius:15px 15px 10px 10px;box-shadow:7px 8px 10px #123b4c1a}.guide-ext-body:after{content:'';position:absolute;bottom:2px;left:4px;right:4px;height:8px;background:#293b44;border-radius:3px 3px 7px 7px}.guide-ext-label{display:block;position:absolute;top:34px;left:4px;right:4px;background:#fff;color:#26343d;font-size:9px;line-height:1.4;font-style:normal;letter-spacing:.01em;border-top:6px solid #c9161d;padding:3px 1px;z-index:1}.guide-ext-label--black{border-top-color:#26343d}.guide-ext-label--cream{border-top-color:#e6d1a5}.guide-ext-lines{position:absolute;top:68px;left:7px;width:28px;height:17px;background:repeating-linear-gradient(to bottom,#6d7b80 0 1px,transparent 1px 4px);opacity:.8}.guide-process-icon,.guide-alarm-icon{display:grid;place-items:center;width:74px;height:74px;border:1px solid #d4e6eb;background:#f3f9fb;border-radius:16px}.guide-process-icon svg,.guide-alarm-icon svg{width:58px;height:58px}.guide-alarm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-alarm-grid>div{padding:22px 15px}.guide-alarm-grid small{max-width:250px}
@media(max-width:900px){.guide-explainer{margin-left:0;margin-right:0}}
@media(max-width:580px){.guide-article .guide-featured{padding-top:16px}.guide-article .guide-featured .wrap{padding:0}.guide-article .guide-featured img{border-radius:0;max-height:none}.guide-article .guide-article-content{padding-top:25px}.guide-explainer{padding:20px 15px}.guide-ext-grid,.guide-process-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.guide-ext-item,.guide-process-mini>div{padding:12px 4px}.guide-ext-item>strong,.guide-process-mini b{font-size:13px}.guide-ext-item small,.guide-process-mini small{font-size:11px}.guide-alarm-grid{grid-template-columns:1fr}.guide-explainer figcaption strong{font-size:21px}}

/* Fire extinguisher guide: a visual, readable comparison. */
.ext-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px -30px 32px}.ext-type-card{--agent:#c9161d;display:grid;grid-template-columns:70px minmax(0,1fr);gap:18px;align-items:start;border:1px solid #d0e2e8;border-top:4px solid var(--agent);border-radius:14px;background:#f9fcfd;padding:22px;box-shadow:0 9px 24px #153b4809}.ext-type-card h3{margin:0 0 7px;font-size:23px}.ext-type-card p{font-size:15px;line-height:1.5;margin:8px 0}.ext-type-card strong{color:#26343d}.ext-type-card .ext-colour{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;color:#465e69;text-transform:uppercase}.ext-type-card .ext-shape{position:relative;width:43px;height:100px;margin:7px auto 0;border-radius:10px 10px 6px 6px;background:linear-gradient(90deg,#a9141c,#e6373c 43%,#bb1720);border:1px solid #9f1821;box-shadow:5px 7px 10px #123b4c24}.ext-type-card .ext-shape:before{content:'';position:absolute;left:10px;top:-13px;width:20px;height:12px;border:3px solid #324852;border-bottom:0;border-radius:5px 5px 0 0}.ext-type-card .ext-shape:after{content:attr(data-label);position:absolute;left:4px;right:4px;top:23px;min-height:30px;background:#fff;border-top:7px solid var(--agent);border-radius:2px;text-align:center;font-size:8px;line-height:2.3;font-weight:900;color:#283b45}.ext-type-card--foam{--agent:#c5ad72}.ext-type-card--co2{--agent:#26343d}.ext-type-card--powder{--agent:#287eaa}.ext-type-card--wet{--agent:#d6ae27}.ext-type-card--wet{grid-column:1/-1}.ext-type-card--wet .ext-type-body{max-width:560px}.ext-type-intro{margin:20px 0 10px;padding:17px 20px;background:#eaf5f9;border-left:4px solid #1684b0;border-radius:8px;font-size:16px!important}.guide-article-content h2[id]{scroll-margin-top:24px}.guide-article-content .wp-block-image{margin:28px 0}.guide-article-content .wp-block-image img{border-radius:12px}
@media(max-width:760px){.ext-type-grid{margin-left:0;margin-right:0;grid-template-columns:1fr}.ext-type-card--wet{grid-column:auto}}
@media(max-width:420px){.ext-type-card{grid-template-columns:53px minmax(0,1fr);gap:12px;padding:16px}.ext-type-card .ext-shape{transform:scale(.85);transform-origin:top center}.ext-type-card h3{font-size:21px}}

/* A shared class-icon language for the illustrated extinguisher guide. */
.guide-article-content .sc-types-infographic{width:min(1100px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%);margin:30px 0 36px}
.guide-article-content .sc-types-infographic img{display:block;width:100%;height:auto;border-radius:15px}
.ext-type-grid{width:min(1000px,calc(100vw - 40px));position:relative;left:50%;transform:translateX(-50%);margin:28px 0 36px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ext-type-card{display:block;padding:23px 25px;border-top-width:5px;background:#f9fcfd;box-shadow:none}
.ext-type-card--wet{grid-column:1/-1}
.ext-type-card--wet .ext-type-body{max-width:none}
.ext-type-card .ext-card-heading{display:flex;gap:16px;align-items:center;margin-bottom:9px}
.ext-type-card .ext-card-band{width:12px;height:55px;background:var(--agent);border:1px solid #334d5b38;border-radius:3px;flex:none}
.ext-type-card h3{margin:0 0 3px;font-size:24px}
.ext-type-card .ext-colour{font-size:12px;color:#516874}
.ext-type-card .ext-class-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:13px 0 14px}
.ext-type-card .ext-class-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #d0e3ea;background:#fff;border-radius:999px;padding:4px 9px 4px 4px;color:#294250;font-size:13px;font-weight:800;line-height:1.15}
.ext-type-card .ext-class-chip img{width:31px;height:31px;flex:none;border-radius:50%}
.ext-type-card .ext-summary{margin:0;font-size:16px;line-height:1.5;color:#334e5b}
.ext-type-card .ext-caution{border-top:1px solid #dbe8ec;padding-top:10px;margin:13px 0 0;font-size:14px;line-height:1.5;color:#52656f}
.ext-type-card .ext-caution strong{color:#26343d}
.ext-type-card--water{--agent:#d71920}.ext-type-card--foam{--agent:#e5d19f}.ext-type-card--co2{--agent:#26343d}.ext-type-card--powder{--agent:#267ba8}.ext-type-card--wet{--agent:#ffff00}
@media(max-width:760px){.ext-type-grid{grid-template-columns:1fr}.ext-type-card--wet{grid-column:auto}}
@media(max-width:580px){.guide-article-content .sc-types-infographic{width:calc(100vw - 38px)}.ext-type-grid{width:calc(100vw - 38px)}.ext-type-card{padding:19px}.ext-type-card h3{font-size:21px}}