/* ======================================================
   HOME & PROPERTY
   Loaded after main.css on Home & Property pages.
   ====================================================== */

/* HOME & PROPERTY — append to the end of /css/main.css */
.home-property-page {
    --home-green:#3f7d58;
    --home-green-dark:#285c3d;
    --home-green-soft:#eaf3ed;
}
.home-property-page .topic-kicker { background:var(--home-green); }
.home-property-page .section-kicker,
.home-property-page .topic-question-mark,
.home-property-page .topic-question-label,
.home-property-page .topic-question-link { color:var(--home-green); }
.home-property-page .topic-question-card { border-top-color:var(--home-green); }
.home-property-page .home-intro-icon { color:var(--home-green);background:var(--home-green-soft); }

.home-property-page .topic-hero { min-height:415px; }
.home-property-page .topic-hero-inner { padding-top:58px;padding-bottom:58px; }
.home-property-page .topic-hero-content { max-width:800px; }
.home-property-page .topic-hero h1 { font-size:clamp(46px,5.2vw,66px);line-height:1.01; }
.home-property-page .topic-hero-media img {
    width:100%;height:100%;object-fit:cover;object-position:center center;
}
.home-property-page .topic-hero-overlay {
    background:linear-gradient(90deg,
        rgba(7,37,32,.92) 0%,
        rgba(17,55,42,.78) 42%,
        rgba(17,55,42,.28) 72%,
        rgba(17,55,42,.10) 100%);
}
.home-property-page .topic-questions { padding-top:66px;padding-bottom:70px; }
.home-property-page .home-question-card { min-height:275px; }

@media (max-width:900px) {
    .home-property-page .topic-hero { min-height:405px; }
    .home-property-page .topic-hero h1 { font-size:clamp(43px,7vw,57px); }
}

@media (max-width:760px) {
    .home-property-page .topic-hero { min-height:0; }
    .home-property-page .topic-hero-inner { padding-top:46px;padding-bottom:48px; }
    .home-property-page .topic-hero-content { max-width:100%; }
    .home-property-page .topic-hero h1 {
        font-size:clamp(39px,9.5vw,49px);line-height:1.04;letter-spacing:-1.7px;
    }
    .home-property-page .topic-hero-desktop-break { display:none; }
    .home-property-page .topic-hero-content > p:last-child {
        margin-top:18px;font-size:16px;line-height:1.5;
    }
    .home-property-page .topic-hero-media img {
        content:url("/images/home-property-hero-mobile.jpg");
        width:100%;height:100%;object-fit:cover;object-position:center center;
    }
    .home-property-page .topic-hero-overlay {
        background:linear-gradient(90deg,
            rgba(7,37,32,.76) 0%,
            rgba(17,55,42,.56) 58%,
            rgba(17,55,42,.18) 100%);
    }
    .home-property-page .topic-questions { padding-top:48px;padding-bottom:52px; }
    .home-property-page .home-question-card { min-height:0; }
}

@media (max-width:520px) {
    .home-property-page .topic-hero-inner { padding-top:40px;padding-bottom:42px; }
    .home-property-page .topic-hero h1 {
        font-size:40px;line-height:1.05;letter-spacing:-1.4px;
    }
    .home-property-page .topic-hero-content > p:last-child {
        font-size:16px;line-height:1.48;
    }
    .home-property-page .topic-hero-media img { object-position:58% center; }
}
/* ==========================================================
   HOME & PROPERTY — FINAL COLOUR OVERRIDES
   Keep at the VERY BOTTOM of main.css
   ========================================================== */

.home-property-page {
    --home-green: #5b7f55;
    --home-green-dark: #3f633b;
    --home-green-light: #edf4eb;
}

/* Hero category label */
.home-property-page .topic-kicker {
    background: var(--home-green);
    color: #ffffff;
}

/* Section kicker */
.home-property-page .section-kicker {
    color: var(--home-green);
}

/* Three introductory icons */
.home-property-page .topic-intro-icon,
.home-property-page .home-intro-icon {
    color: var(--home-green-dark);
    background: var(--home-green-light);
}

/* Question cards */
.home-property-page .topic-question-card,
.home-property-page .home-question-card {
    border-top-color: var(--home-green);
}

/* Card numbers and labels */
.home-property-page .topic-question-mark,
.home-property-page .topic-question-label {
    color: var(--home-green-dark);
}

/* Any live article links added later */
.home-property-page .topic-question-link {
    color: var(--home-green-dark);
}

/* Hero overlay — green rather than brown/amber */
.home-property-page .topic-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(23, 57, 38, 0.90) 0%,
            rgba(38, 82, 51, 0.70) 43%,
            rgba(55, 91, 57, 0.30) 72%,
            rgba(55, 91, 57, 0.08) 100%
        );
}


/* MOBILE */
@media (max-width: 760px) {

    .home-property-page .topic-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(23, 57, 38, 0.78) 0%,
                rgba(38, 82, 51, 0.58) 58%,
                rgba(55, 91, 57, 0.18) 100%
            );
    }

}


/* FROZEN PIPES ARTICLE — scoped; category styles above preserved. */
.frozen-pipes-page {
    --fp-teal:#4b7045;
    --fp-teal-dark:#345631;
    --fp-soft:#edf4eb;
    --fp-ink:#1f2d32;
    --fp-muted:#607177;
    --fp-line:#d7e3e5;
    --fp-warm:#c87832;
}

.frozen-pipes-page .article-breadcrumbs {
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    padding:12px 0;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:.9rem;
    line-height:1.4;
}
.frozen-pipes-page .article-breadcrumbs a {
    color:var(--fp-teal);
    font-weight:600;
    text-decoration:none;
}
.frozen-pipes-page .article-breadcrumbs a:hover,
.frozen-pipes-page .article-breadcrumbs a:focus-visible {
    color:var(--fp-teal-dark);
    text-decoration:underline;
    text-underline-offset:3px;
}
.frozen-pipes-page .article-breadcrumbs span { color:var(--fp-teal); }

.frozen-pipes-page .fp-hero {
    position:relative;
    width:100%;
    min-height:525px;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    isolation:isolate;
}
.frozen-pipes-page .fp-hero picture,
.frozen-pipes-page .fp-hero img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.frozen-pipes-page .fp-hero img {
    object-fit:cover;
    object-position:center;
}
.frozen-pipes-page .fp-hero-overlay {
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(20,40,25,.88) 0%,rgba(20,40,25,.62) 44%,rgba(20,40,25,.12) 80%);
}
.frozen-pipes-page .fp-hero-content {
    position:relative;
    z-index:2;
    width:min(1180px,calc(100% - 40px));
    margin:0 auto;
    padding:70px 0 64px;
    color:#fff;
}
.frozen-pipes-page .fp-kicker {
    margin:0 0 9px;
    color:var(--fp-teal);
    font-size:.78rem;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.13em;
}
.frozen-pipes-page .fp-hero-kicker { color:#dcecd6; }
.frozen-pipes-page .fp-hero h1 {
    max-width:820px;
    margin:0;
    color:#fff;
    font-size:clamp(2.35rem,5vw,4.6rem);
    line-height:1.02;
    letter-spacing:-.035em;
}
.frozen-pipes-page .fp-hero-content > p:last-child {
    max-width:720px;
    margin:20px 0 0;
    color:#f5fbfc;
    font-size:clamp(1.05rem,2vw,1.3rem);
    line-height:1.55;
}

.frozen-pipes-page .fp-quick-answer {
    width:min(1120px,calc(100% - 40px));
    margin:38px auto 44px;
    padding:28px 30px;
    display:grid;
    grid-template-columns:54px 1fr;
    gap:20px;
    border:1px solid #cce0e3;
    border-left:6px solid var(--fp-teal);
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 34px rgba(22,55,60,.07);
}
.frozen-pipes-page .fp-quick-icon {
    width:48px;
    height:48px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--fp-teal);
    color:#fff;
    font-size:1.35rem;
    font-weight:900;
}
.frozen-pipes-page .fp-quick-answer h2 {
    margin:0 0 10px;
    color:var(--fp-ink);
    font-size:clamp(1.35rem,2.5vw,1.85rem);
    line-height:1.25;
}
.frozen-pipes-page .fp-quick-answer p:last-child {
    margin:0;
    color:#42545a;
    line-height:1.75;
}

.frozen-pipes-page .fp-layout {
    width:min(1120px,calc(100% - 40px));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    grid-template-areas:"article toc";
    gap:52px;
    align-items:start;
}
.frozen-pipes-page .fp-article {
    grid-area:article;
    min-width:0;
}
.frozen-pipes-page .fp-toc {
    grid-area:toc;
    position:sticky;
    top:25px;
    padding:22px;
    border:1px solid #4b7045;
    border-radius:12px;
    background:linear-gradient(145deg,#345631,#4b7045);
    color:#fff;
    box-shadow:0 8px 22px rgba(8,47,73,.13);
}
.frozen-pipes-page .fp-toc > p {
    margin:0 0 14px;
    padding-bottom:11px;
    border-bottom:1px solid rgba(255,255,255,.25);
    color:#fff;
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.12em;
}
.frozen-pipes-page .fp-toc nav {
    display:flex;
    flex-direction:column;
    gap:0;
}
.frozen-pipes-page .fp-toc a {
    padding:6px 0;
    color:#fff;
    font-size:.86rem;
    line-height:1.35;
    text-decoration:none;
}
.frozen-pipes-page .fp-toc a:hover,
.frozen-pipes-page .fp-toc a:focus-visible {
    color:#fff;
    text-decoration:underline;
    text-underline-offset:3px;
}
.frozen-pipes-page .fp-toc-swipe { display:none; }

.frozen-pipes-page .fp-section {
    margin:0 0 58px;
    scroll-margin-top:30px;
}
.frozen-pipes-page .fp-section h2,
.frozen-pipes-page .fp-bottom-line h2,
.frozen-pipes-page .fp-related h2 {
    margin:0 0 18px;
    color:var(--fp-ink);
    font-size:clamp(1.75rem,3.2vw,2.45rem);
    line-height:1.14;
    letter-spacing:-.025em;
}
.frozen-pipes-page .fp-section > p:not(.fp-kicker),
.frozen-pipes-page .fp-bottom-line > p:not(.fp-kicker) {
    color:#3d4f55;
    font-size:1.03rem;
    line-height:1.82;
}
.frozen-pipes-page .fp-section > p + p { margin-top:17px; }

.frozen-pipes-page .fp-simulator {
    margin-top:26px;
    padding:26px;
    border:1px solid #cbdfe2;
    border-radius:18px;
    background:linear-gradient(180deg,#fbfefe 0%,var(--fp-soft) 100%);
}
.frozen-pipes-page .fp-simulator-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:20px;
}
.frozen-pipes-page .fp-sim-label {
    display:block;
    color:var(--fp-muted);
    font-size:.82rem;
    font-weight:700;
}
.frozen-pipes-page #asteroidSizeValue {
    display:block;
    margin-top:3px;
    color:var(--fp-teal-dark);
    font-size:2.3rem;
    line-height:1;
}
.frozen-pipes-page .fp-sim-status {
    padding:7px 11px;
    border:1px solid #c8dde0;
    border-radius:999px;
    background:#fff;
    color:var(--fp-teal-dark);
    font-size:.82rem;
    font-weight:800;
}
.frozen-pipes-page .fp-range {
    width:100%;
    accent-color:var(--fp-teal);
    cursor:pointer;
}
.frozen-pipes-page .fp-range-labels {
    display:flex;
    justify-content:space-between;
    margin-top:7px;
    color:#6a797e;
    font-size:.75rem;
}
.frozen-pipes-page .fp-sim-result {
    margin-top:24px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:24px;
    align-items:center;
}
.frozen-pipes-page .fp-sim-result img,
.frozen-pipes-page .fp-figure img {
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    border-radius:13px;
}
.frozen-pipes-page .fp-sim-copy h3 {
    margin:0 0 9px;
    color:var(--fp-ink);
    font-size:1.35rem;
}
.frozen-pipes-page .fp-sim-copy > p {
    margin:0;
    color:#44575d;
    line-height:1.65;
}
.frozen-pipes-page .fp-impact-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:18px;
}
.frozen-pipes-page .fp-impact-grid div {
    padding:10px 8px;
    border:1px solid #d5e4e6;
    border-radius:10px;
    background:#fff;
    text-align:center;
}
.frozen-pipes-page .fp-impact-grid span,
.frozen-pipes-page .fp-impact-grid strong { display:block; }
.frozen-pipes-page .fp-impact-grid span {
    color:#6b7b80;
    font-size:.7rem;
}
.frozen-pipes-page .fp-impact-grid strong {
    margin-top:3px;
    color:var(--fp-teal-dark);
    font-size:.86rem;
}
.frozen-pipes-page .fp-location-control {
    margin-top:22px;
    padding-top:20px;
    border-top:1px solid #cfdee1;
}
.frozen-pipes-page .fp-location-control > span {
    display:block;
    margin-bottom:9px;
    color:#53666c;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.06em;
}
.frozen-pipes-page .fp-location-buttons {
    display:flex;
    gap:8px;
}
.frozen-pipes-page .fp-location-buttons button {
    padding:8px 16px;
    border:1px solid #b8d2d6;
    border-radius:999px;
    background:#fff;
    color:var(--fp-teal-dark);
    font:inherit;
    font-size:.85rem;
    font-weight:800;
    cursor:pointer;
}
.frozen-pipes-page .fp-location-buttons button.is-active {
    border-color:var(--fp-teal);
    background:var(--fp-teal);
    color:#fff;
}
.frozen-pipes-page #asteroidLocationText {
    margin:12px 0 0;
    color:#52656a;
    font-size:.9rem;
    line-height:1.6;
}
.frozen-pipes-page .fp-sim-note {
    margin:15px 0 0;
    color:#68787d;
    font-size:.8rem;
    line-height:1.5;
}

.frozen-pipes-page .fp-figure { margin:28px 0 0; }
.frozen-pipes-page .fp-figure figcaption {
    margin-top:9px;
    color:#6b797d;
    font-size:.82rem;
    line-height:1.5;
}

.frozen-pipes-page .fp-scale-grid {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
    margin:28px 0;
}
.frozen-pipes-page .fp-scale-grid > div {
    padding:18px 14px;
    border:1px solid var(--fp-line);
    border-top:4px solid var(--fp-teal);
    border-radius:12px;
    background:#f8fbfb;
}
.frozen-pipes-page .fp-scale-grid strong,
.frozen-pipes-page .fp-scale-grid span {
    display:block;
}
.frozen-pipes-page .fp-scale-grid strong {
    color:var(--fp-teal-dark);
    font-size:1.2rem;
}
.frozen-pipes-page .fp-scale-grid span {
    margin:5px 0 8px;
    color:#253c43;
    font-size:.8rem;
    font-weight:800;
}
.frozen-pipes-page .fp-scale-grid p {
    margin:0;
    color:#5b6d72;
    font-size:.78rem;
    line-height:1.5;
}

.frozen-pipes-page .fp-timeline {
    display:grid;
    gap:11px;
    margin:28px 0;
}
.frozen-pipes-page .fp-timeline > div {
    position:relative;
    padding:18px 20px 18px 112px;
    border:1px solid var(--fp-line);
    border-radius:12px;
    background:#fff;
}
.frozen-pipes-page .fp-timeline span {
    position:absolute;
    left:18px;
    top:20px;
    width:78px;
    color:var(--fp-teal);
    font-size:.72rem;
    font-weight:800;
    line-height:1.3;
}
.frozen-pipes-page .fp-timeline strong {
    display:block;
    margin-bottom:5px;
    color:#263a40;
}
.frozen-pipes-page .fp-timeline p {
    margin:0;
    color:#5a6a70;
    font-size:.9rem;
    line-height:1.6;
}

.frozen-pipes-page .fp-callout {
    margin:26px 0 0;
    padding:22px 24px;
    border-left:5px solid var(--fp-warm);
    border-radius:12px;
    background:#fff4e9;
}
.frozen-pipes-page .fp-callout strong {
    display:block;
    margin-bottom:7px;
    color:#56371e;
    font-size:1.08rem;
}
.frozen-pipes-page .fp-callout p {
    margin:0;
    color:#664d38;
    line-height:1.7;
}

.frozen-pipes-page .fp-fact-grid {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
    margin:28px 0 0;
}
.frozen-pipes-page .fp-fact-grid div {
    padding:19px 12px;
    border-radius:13px;
    background:var(--fp-teal);
    color:#fff;
    text-align:center;
}
.frozen-pipes-page .fp-fact-grid strong,
.frozen-pipes-page .fp-fact-grid span { display:block; }
.frozen-pipes-page .fp-fact-grid strong {
    margin-bottom:6px;
    font-size:1.3rem;
}
.frozen-pipes-page .fp-fact-grid span {
    color:#e8fbfc;
    font-size:.76rem;
    line-height:1.4;
}

.frozen-pipes-page .fp-source-box {
    margin-top:25px;
    padding:22px 24px;
    border:1px solid #cbdfe2;
    border-radius:14px;
    background:var(--fp-soft);
}
.frozen-pipes-page .fp-source-box strong {
    color:#23434a;
    font-size:1.05rem;
}
.frozen-pipes-page .fp-source-box p {
    color:#4e6268;
    line-height:1.65;
}
.frozen-pipes-page .fp-source-note {
    margin-bottom:0;
    padding-top:12px;
    border-top:1px solid #c9dcdf;
    font-size:.82rem;
}

.frozen-pipes-page .article-ad-slot {
    min-height:110px;
    margin:8px 0 56px;
    display:grid;
    place-items:center;
    border-top:1px solid #e5eaeb;
    border-bottom:1px solid #e5eaeb;
    color:#9aa4a7;
    font-size:.67rem;
    letter-spacing:.12em;
}

.frozen-pipes-page .fp-bottom-line {
    margin:10px 0 58px;
    padding:30px;
    border-radius:18px;
    background:var(--fp-teal);
}
.frozen-pipes-page .fp-bottom-line .fp-kicker { color:#dcecd6; }
.frozen-pipes-page .fp-bottom-line h2,
.frozen-pipes-page .fp-bottom-line > p:not(.fp-kicker) { color:#fff; }
.frozen-pipes-page .fp-bottom-line > p:not(.fp-kicker) { margin-bottom:0; }

.frozen-pipes-page .fp-related { margin:0 0 58px; }
.frozen-pipes-page .fp-related-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:13px;
}
.frozen-pipes-page .fp-related-grid a {
    padding:19px 20px;
    border:1px solid var(--fp-line);
    border-radius:13px;
    background:#fff;
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.frozen-pipes-page .fp-related-grid a:hover,
.frozen-pipes-page .fp-related-grid a:focus-visible {
    transform:translateY(-2px);
    border-color:#a9cfd4;
    box-shadow:0 10px 24px rgba(17,70,76,.08);
}
.frozen-pipes-page .fp-related-grid span {
    display:block;
    margin-bottom:6px;
    color:var(--fp-teal);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.1em;
}
.frozen-pipes-page .fp-related-grid strong {
    color:#26383e;
    font-size:1rem;
    line-height:1.35;
}

.frozen-pipes-page .shared-explore-topics .section-kicker { color:var(--fp-teal); }

@media (max-width:900px) {
    .frozen-pipes-page .fp-layout {
        display:grid;
        width:min(820px,calc(100% - 32px));
        grid-template-columns:1fr;
        grid-template-areas:
            "toc"
            "article";
        gap:28px;
    }
    .frozen-pipes-page .fp-article {
        grid-area:article;
    }
    .frozen-pipes-page .fp-toc {
        grid-area:toc;
        position:sticky;
        top:0;
        z-index:20;
        width:100%;
        min-width:0;
        max-width:100%;
        margin:0;
        padding:13px 16px;
        overflow:hidden;
    }
    .frozen-pipes-page .fp-toc > p {
        margin:0 0 7px;
        padding:0;
        border:0;
        color:rgba(255,255,255,.78);
        font-size:.7rem;
    }
    .frozen-pipes-page .fp-toc nav {
        display:flex;
        flex-direction:row;
        gap:18px;
        width:100%;
        min-width:0;
        max-width:100%;
        padding:0 0 4px;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
    }
    .frozen-pipes-page .fp-toc a {
        flex:0 0 auto;
        padding:3px 0;
        white-space:nowrap;
    }
    .frozen-pipes-page .fp-toc-swipe {
        display:block;
        margin-top:5px;
        color:rgba(255,255,255,.72);
        font-size:.68rem;
        line-height:1.2;
        text-align:right;
    }
    .frozen-pipes-page .fp-scale-grid,
    .frozen-pipes-page .fp-fact-grid {
        grid-template-columns:repeat(3,1fr);
    }
    .frozen-pipes-page .shared-explore-topics {
        width:min(820px,calc(100% - 32px));
        margin-left:auto;
        margin-right:auto;
    }
}

@media (max-width:700px) {
    .frozen-pipes-page .fp-hero { min-height:560px; }
    .frozen-pipes-page .fp-hero-overlay {
        background:linear-gradient(180deg,rgba(20,40,25,.12) 0%,rgba(20,40,25,.34) 42%,rgba(20,40,25,.9) 100%);
    }
    .frozen-pipes-page .fp-hero-content {
        width:calc(100% - 32px);
        padding:48px 0 38px;
    }
    .frozen-pipes-page .fp-quick-answer {
        width:calc(100% - 30px);
        grid-template-columns:1fr;
        padding:23px 21px;
    }
    .frozen-pipes-page .fp-sim-result { grid-template-columns:1fr; }
    .frozen-pipes-page .fp-impact-grid { grid-template-columns:1fr; }
    .frozen-pipes-page .fp-scale-grid,
    .frozen-pipes-page .fp-fact-grid { grid-template-columns:1fr 1fr; }
    .frozen-pipes-page .fp-related-grid { grid-template-columns:1fr; }
    .frozen-pipes-page .fp-timeline > div { padding:18px; }
    .frozen-pipes-page .fp-timeline span {
        position:static;
        width:auto;
        display:block;
        margin-bottom:6px;
    }
    .frozen-pipes-page .shared-explore-topics { width:calc(100% - 30px); }
}

@media (max-width:560px) {
    .frozen-pipes-page .fp-hero { min-height:610px; }
    .frozen-pipes-page .fp-hero img { object-position:center center; }
    .frozen-pipes-page .fp-layout { width:calc(100% - 28px); }
    .frozen-pipes-page .fp-simulator {
        padding:19px 15px;
        border-radius:14px;
    }
    .frozen-pipes-page .fp-simulator-head {
        align-items:flex-start;
        flex-direction:column;
    }
    .frozen-pipes-page .fp-scale-grid,
    .frozen-pipes-page .fp-fact-grid { grid-template-columns:1fr; }
    .frozen-pipes-page .fp-bottom-line { padding:24px 20px; }
}
.frozen-pipes-page .fp-explore {
    grid-column:1;
    width:100%;
    min-width:0;
}

.frozen-pipes-page .fp-explore .shared-explore-topics {
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
}

@media (max-width:900px) {
    .frozen-pipes-page .fp-explore {
        grid-column:1;
        grid-row:auto;
    }
}
.frozen-pipes-page > main > .shared-explore-topics,
.frozen-pipes-page .shared-explore-topics {
    width:min(1120px,calc(100% - 40px));
    margin-left:auto;
    margin-right:auto;
}

/* Frozen-pipe guide: controls, schematic and action panels. */
.frozen-pipes-page { --fp-teal:#4b7045; --fp-teal-dark:#345631; --fp-soft:#edf4eb; }
.frozen-pipes-page [hidden] { display:none !important; }
.frozen-pipes-page :is(button,input,a,summary):focus-visible { outline:3px solid #bd7829; outline-offset:4px; }
.frozen-pipes-page .fp-hero { background:#294a32; }
.frozen-pipes-page .fp-hero-link { display:inline-flex; align-items:center; gap:24px; margin-top:24px; padding:12px 19px; border:1px solid #e5efdf; border-radius:8px; color:#fff; background:rgba(25,48,29,.55); font-weight:700; text-decoration:none; }
.frozen-pipes-page .fp-hero-link:hover { background:#345631; }
.frozen-pipes-page .fp-section a { color:var(--fp-teal-dark); text-underline-offset:3px; }
.frozen-pipes-page .fp-urgent { padding:18px 20px; margin:22px 0; border-left:4px solid #a14c28; border-radius:8px; background:#fff4e9; color:#59351e; font-size:.95rem; line-height:1.6; }
.frozen-pipes-page .fp-urgent strong { display:block; }
.frozen-pipes-page .fp-urgent a { display:block; margin-top:6px; color:#59351e; font-weight:700; }
.frozen-pipes-page .fp-explorer { padding:26px; border:1px solid #c5d7bf; border-top:5px solid var(--fp-teal); border-radius:18px; background:linear-gradient(#f7faf5,#edf4eb); }
.frozen-pipes-page .fp-explorer-heading { display:flex; align-items:flex-start; gap:14px; margin-bottom:20px; }
.frozen-pipes-page .fp-step-number { flex:0 0 36px; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--fp-teal-dark); color:#fff; font-weight:800; }
.frozen-pipes-page .fp-explorer-heading h3 { margin:2px 0 8px; color:#243d29; font-size:1.3rem; line-height:1.3; }
.frozen-pipes-page .fp-explorer-heading h2 { margin-bottom:0; }
.frozen-pipes-page .fp-explorer-heading p:not(.fp-kicker) { margin:0; color:#4c6050; line-height:1.55; font-size:.94rem; }
.frozen-pipes-page .fp-controls label { display:block; margin:22px 0 8px; color:#4b5e4c; font-size:.88rem; }
.frozen-pipes-page .fp-controls label strong { display:block; margin-top:5px; color:#26422b; font-size:1.2rem; }
.frozen-pipes-page #fp-stage { appearance:none; -webkit-appearance:none; display:block; width:100%; height:38px; padding:0; background:transparent; cursor:pointer; }
.frozen-pipes-page #fp-stage::-webkit-slider-runnable-track { height:10px; background:#bdcfb9; border-radius:10px; }
.frozen-pipes-page #fp-stage::-moz-range-track { height:10px; background:#bdcfb9; border-radius:10px; }
.frozen-pipes-page #fp-stage::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:22px; height:34px; margin-top:-12px; border:2px solid #fff; border-radius:6px; background:linear-gradient(90deg,#294a2d,#709068,#345631); box-shadow:0 2px 5px #395a3966; }
.frozen-pipes-page #fp-stage::-moz-range-thumb { width:20px; height:32px; border:2px solid #fff; border-radius:6px; background:linear-gradient(90deg,#294a2d,#709068,#345631); box-shadow:0 2px 5px #395a3966; }
.frozen-pipes-page .fp-stage-buttons { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin:8px 0 22px; }
.frozen-pipes-page .fp-stage-buttons button { min-height:60px; padding:8px 3px; border:1px solid #b8cdb2; border-radius:9px; background:#fff; color:#355333; font:inherit; font-weight:800; cursor:pointer; }
.frozen-pipes-page .fp-stage-buttons span { display:block; margin-top:3px; font-size:.7rem; font-weight:600; }
.frozen-pipes-page .fp-stage-buttons button[aria-pressed="true"] { background:var(--fp-teal-dark); border-color:var(--fp-teal-dark); color:#fff; }
.frozen-pipes-page .fp-pipe-scene { padding:22px 20px 10px; border:1px solid #cadcc6; border-radius:12px; background:#fff; }
.frozen-pipes-page .fp-scene-labels { display:flex; justify-content:space-between; color:#607366; font-size:.62rem; font-weight:800; letter-spacing:.07em; }
.frozen-pipes-page .fp-pipe { position:relative; height:64px; margin:24px 0 0; border-top:12px solid #bd8357; border-bottom:12px solid #98623d; background:#d7edf6; border-radius:6px; box-shadow:0 2px 6px #0002; }
.frozen-pipes-page .fp-water { position:absolute; inset:0; overflow:hidden; text-align:center; color:#267598; font-size:24px; line-height:40px; white-space:nowrap; }
.frozen-pipes-page .fp-ice { position:absolute; left:27%; width:20%; top:0; bottom:0; background:repeating-linear-gradient(60deg,#edfaff,#edfaff 8px,#b7dae8 9px,#b7dae8 10px); border:1px solid #81b1c8; clip-path:polygon(0 0,100% 0,90% 23%,100% 35%,0 30%,10% 60%,100% 65%,90% 80%,100% 100%,0 100%); }
.frozen-pipes-page .fp-crack { display:none; position:absolute; left:72%; bottom:-13px; width:23px; height:33px; background:#553325; clip-path:polygon(45% 0,75% 0,52% 33%,78% 50%,30% 100%,10% 100%,48% 50%,20% 35%); }
.frozen-pipes-page .fp-drop { height:22px; padding-right:23%; text-align:right; color:transparent; font-size:20px; }
.frozen-pipes-page .fp-pipe-scene p { margin:10px 0 8px; color:#4e6659; font-size:.82rem; text-align:center; }
.frozen-pipes-page .fp-pipe-scene[data-stage="0"] .fp-ice { display:none; }
.frozen-pipes-page .fp-pipe-scene[data-stage="2"] .fp-ice,
.frozen-pipes-page .fp-pipe-scene[data-stage="3"] .fp-ice { clip-path:none; width:24%; }
.frozen-pipes-page .fp-pipe-scene[data-stage="2"] .fp-water,
.frozen-pipes-page .fp-pipe-scene[data-stage="3"] .fp-water { color:#6395ad; }
.frozen-pipes-page .fp-pipe-scene[data-stage="3"] .fp-crack,
.frozen-pipes-page .fp-pipe-scene[data-stage="4"] .fp-crack { display:block; }
.frozen-pipes-page .fp-pipe-scene[data-stage="4"] .fp-ice { width:12%; }
.frozen-pipes-page .fp-pipe-scene[data-stage="4"] .fp-drop { color:#267598; }
.frozen-pipes-page .fp-stage-result { margin-top:24px; }
.frozen-pipes-page .fp-badge { display:inline-block; padding:5px 10px; border:1px solid #becfb8; border-radius:20px; background:#fff; color:#345631; font-size:.78rem; font-weight:700; }
.frozen-pipes-page .fp-stage-result h3 { margin:12px 0 10px; color:#263e2a; font-size:1.45rem; line-height:1.3; }
.frozen-pipes-page .fp-stage-result > p { color:#415447; line-height:1.7; }
.frozen-pipes-page .fp-result-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:20px 0; }
.frozen-pipes-page .fp-result-facts div { padding:12px 9px; border:1px solid #c9d9c3; background:#fff; border-radius:8px; }
.frozen-pipes-page .fp-result-facts dt { font-size:.7rem; color:#59705d; }
.frozen-pipes-page .fp-result-facts dd { margin:6px 0 0; color:#2e4c32; font-size:.83rem; font-weight:700; line-height:1.4; }
.frozen-pipes-page .fp-next-prev { display:flex; justify-content:space-between; gap:12px; }
.frozen-pipes-page .fp-next-prev button { min-height:44px; padding:10px 14px; border:1px solid #9bb391; border-radius:7px; background:#fff; color:#345631; font:inherit; font-size:.85rem; font-weight:700; cursor:pointer; }
.frozen-pipes-page .fp-next-prev button:disabled { opacity:.5; cursor:default; }
.frozen-pipes-page .fp-note { font-size:.8rem; line-height:1.55; color:#536757; margin:18px 0 0; }
.frozen-pipes-page .fp-symptom-choices { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0; margin:0; border:0; min-width:0; }
.frozen-pipes-page .fp-symptom-choices legend { margin-bottom:12px; font-weight:700; color:#345631; }
.frozen-pipes-page .fp-symptom-choices label { display:flex; align-items:flex-start; gap:11px; padding:16px; border:1px solid #c8d8c3; border-radius:10px; background:#fff; cursor:pointer; }
.frozen-pipes-page .fp-symptom-choices label:has(input:checked) { border-color:#345631; box-shadow:inset 0 0 0 1px #345631; background:#edf4eb; }
.frozen-pipes-page .fp-symptom-choices input { flex:0 0 18px; width:18px; height:18px; margin:3px 0 0; accent-color:#345631; }
.frozen-pipes-page .fp-symptom-choices strong { display:block; color:#29472e; font-size:.95rem; }
.frozen-pipes-page .fp-symptom-choices small { display:block; margin-top:5px; color:#536757; font-size:.82rem; line-height:1.5; }
.frozen-pipes-page .fp-symptom-result { margin-top:16px; padding:22px; border-left:5px solid #4b7045; border-radius:9px; background:#edf4eb; color:#304d36; line-height:1.7; }
.frozen-pipes-page .fp-symptom-result[data-urgency="urgent"] { background:#fff1e8; border-color:#9d452b; color:#603722; }
.frozen-pipes-page .fp-symptom-result h3 { margin:0 0 8px; color:inherit; font-size:1.2rem; }
.frozen-pipes-page .fp-symptom-result p { margin:0; }
.frozen-pipes-page .fp-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:25px 0; }
.frozen-pipes-page .fp-info-grid > div { padding:20px; border:1px solid #d2dfcd; border-radius:12px; background:#f7faf5; }
.frozen-pipes-page .fp-info-grid h3 { margin:0 0 8px; color:#345631; font-size:1.05rem; }
.frozen-pipes-page .fp-info-grid p { margin:0; color:#4d6053; font-size:.94rem; line-height:1.7; }
.frozen-pipes-page .fp-action-list, .frozen-pipes-page .fp-check-list { padding-left:24px; color:#3d4f45; line-height:1.8; }
.frozen-pipes-page .fp-action-list li, .frozen-pipes-page .fp-check-list li { padding-left:5px; margin-bottom:14px; }
.frozen-pipes-page .fp-faq details { padding:17px 18px; margin-bottom:10px; border:1px solid #cfdcc9; border-radius:9px; background:#fff; }
.frozen-pipes-page .fp-faq summary { cursor:pointer; font-weight:700; color:#345631; line-height:1.5; }
.frozen-pipes-page .fp-faq details p { color:#4b5e50; line-height:1.75; }
.frozen-pipes-page .fp-source-box ul { padding-left:20px; line-height:1.65; }
.frozen-pipes-page .fp-source-box li { margin-bottom:10px; }
.frozen-pipes-page .fp-bottom-line { scroll-margin-top:30px; }
@media(max-width:900px) {
 .frozen-pipes-page :is(.fp-section,.fp-bottom-line) { scroll-margin-top:140px; }
}
@media(max-width:600px) {
 .frozen-pipes-page .fp-explorer { padding:20px 15px; }
 .frozen-pipes-page .fp-pipe-scene { padding:20px 12px 10px; }
 .frozen-pipes-page .fp-result-facts { grid-template-columns:1fr; }
 .frozen-pipes-page .fp-result-facts div { display:flex; justify-content:space-between; align-items:center; gap:10px; }
 .frozen-pipes-page .fp-result-facts dd { margin:0; text-align:right; }
 .frozen-pipes-page .fp-info-grid,.frozen-pipes-page .fp-symptom-choices { grid-template-columns:1fr; }
 .frozen-pipes-page .fp-stage-buttons span { font-size:.63rem; }
 .frozen-pipes-page .fp-next-prev button { padding:10px; }
 .frozen-pipes-page .fp-timeline > div { padding:18px; }
 .frozen-pipes-page .fp-timeline span { position:static; width:auto; margin-bottom:7px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .frozen-pipes-page * { transition:none !important; }
}

/* ==========================================================
   A PIPE BURSTS ARTICLE
   ========================================================== */
.burst-pipe-page { --bp-green:#4b7045; --bp-dark:#345631; --bp-soft:#edf4eb; --bp-ink:#1f2d32; --bp-muted:#607177; --bp-line:#d7e3e5; --bp-alert:#a14c28; }
.burst-pipe-page [hidden] { display:none !important; }
.burst-pipe-page :is(button,input,a,summary):focus-visible { outline:3px solid #bd7829; outline-offset:4px; }
.burst-pipe-page .article-breadcrumbs { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:12px 0; display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:.9rem; line-height:1.4; }
.burst-pipe-page .article-breadcrumbs a { color:var(--bp-green); font-weight:600; text-decoration:none; }
.burst-pipe-page .article-breadcrumbs a:hover,.burst-pipe-page .article-breadcrumbs a:focus-visible { color:var(--bp-dark); text-decoration:underline; text-underline-offset:3px; }
.burst-pipe-page .article-breadcrumbs span { color:#55705d; }
.burst-pipe-page .bp-hero { position:relative; min-height:525px; overflow:hidden; background:#294a32; }
.burst-pipe-page .bp-hero picture,.burst-pipe-page .bp-hero > picture img { position:absolute; inset:0; width:100%; height:100%; }
.burst-pipe-page .bp-hero > picture img { object-fit:cover; object-position:center; }
.burst-pipe-page .bp-hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(18,43,27,.92) 0%,rgba(28,63,38,.75) 43%,rgba(28,63,38,.28) 72%,rgba(28,63,38,.08) 100%); }
.burst-pipe-page .bp-hero-content { position:relative; z-index:2; width:min(920px,calc(100% - 40px)); margin:0 auto; padding:105px 0 75px; color:#fff; }
.burst-pipe-page .bp-hero-content h1 { max-width:780px; margin:8px 0 18px; color:#fff; font-size:clamp(2.8rem,5vw,4.5rem); line-height:1.03; letter-spacing:-.04em; }
.burst-pipe-page .bp-hero-content > p:not(.bp-kicker) { max-width:720px; margin:0; color:#fff; font-size:1.18rem; line-height:1.6; }
.burst-pipe-page .bp-kicker { margin:0 0 8px; color:var(--bp-green); font-size:.72rem; font-weight:800; letter-spacing:.14em; }
.burst-pipe-page .bp-hero-kicker { color:#dcecd6; }
.burst-pipe-page .bp-hero-link { display:inline-flex; align-items:center; gap:24px; margin-top:24px; padding:12px 19px; border:1px solid #e5efdf; border-radius:8px; color:#fff; background:rgba(25,48,29,.55); font-weight:700; text-decoration:none; }
.burst-pipe-page .bp-hero-link:hover { background:var(--bp-dark); }
.burst-pipe-page .bp-hero-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:7px; padding:40px 8%; background:linear-gradient(120deg,#203f2a,#496c43); color:#e6f0e2; text-align:right; }
.burst-pipe-page .bp-hero-placeholder strong { font-size:1.15rem; }.burst-pipe-page .bp-hero-placeholder em { max-width:430px; font-size:.78rem; }
.burst-pipe-page .bp-quick-answer { width:min(1120px,calc(100% - 40px)); margin:38px auto 46px; padding:25px 28px; display:grid; grid-template-columns:52px 1fr; gap:20px; border:1px solid #cadbc5; border-left:5px solid var(--bp-green); border-radius:14px; background:#f7faf5; }
.burst-pipe-page .bp-quick-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:var(--bp-green); color:#fff; font-size:1.45rem; font-weight:900; }
.burst-pipe-page .bp-quick-answer h2 { margin:0 0 10px; color:var(--bp-ink); font-size:clamp(1.35rem,2.5vw,1.85rem); line-height:1.25; }.burst-pipe-page .bp-quick-answer p:last-child { margin:0; color:#42545a; line-height:1.75; }
.burst-pipe-page .bp-layout { width:min(1120px,calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) 260px; grid-template-areas:"article toc"; gap:52px; align-items:start; }
.burst-pipe-page .bp-article { grid-area:article; min-width:0; }
.burst-pipe-page .bp-toc { grid-area:toc; position:sticky; top:25px; padding:22px; border:1px solid var(--bp-green); border-radius:12px; background:linear-gradient(145deg,var(--bp-dark),var(--bp-green)); color:#fff; box-shadow:0 8px 22px rgba(8,47,73,.13); }
.burst-pipe-page .bp-toc > p { margin:0 0 14px; padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.25); color:#fff; font-size:.75rem; font-weight:800; letter-spacing:.12em; }.burst-pipe-page .bp-toc nav { display:flex; flex-direction:column; }.burst-pipe-page .bp-toc a { padding:6px 0; color:#fff; font-size:.86rem; line-height:1.35; text-decoration:none; }.burst-pipe-page .bp-toc a:hover,.burst-pipe-page .bp-toc a:focus-visible { color:#fff; text-decoration:underline; text-underline-offset:3px; }.burst-pipe-page .bp-toc-swipe { display:none; }
.burst-pipe-page .bp-section { margin:0 0 58px; scroll-margin-top:30px; }.burst-pipe-page .bp-section h2,.burst-pipe-page .bp-bottom-line h2,.burst-pipe-page .bp-related h2 { margin:0 0 18px; color:var(--bp-ink); font-size:clamp(1.75rem,3.2vw,2.45rem); line-height:1.14; letter-spacing:-.025em; }.burst-pipe-page .bp-section > p:not(.bp-kicker),.burst-pipe-page .bp-bottom-line > p:not(.bp-kicker) { color:#3d4f55; font-size:1.03rem; line-height:1.82; }.burst-pipe-page .bp-section a { color:var(--bp-dark); text-underline-offset:3px; }
.burst-pipe-page .bp-emergency-alert { display:grid; gap:5px; margin:22px 0; padding:18px 20px; border-left:5px solid var(--bp-alert); border-radius:9px; background:#fff1e8; color:#603722; line-height:1.6; }
.burst-pipe-page .bp-explorer { padding:28px; border:1px solid #c5d7bf; border-top:6px solid var(--bp-green); border-radius:18px; background:linear-gradient(#f8fbf7,#eaf2e7); box-shadow:0 12px 30px rgba(52,86,49,.08); }.burst-pipe-page .bp-explorer-heading { display:flex; align-items:flex-start; gap:14px; margin-bottom:20px; }.burst-pipe-page .bp-step-number { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--bp-dark); color:#fff; font-weight:800; }.burst-pipe-page .bp-explorer-heading h3 { margin:2px 0 8px; color:#243d29; font-size:1.3rem; }.burst-pipe-page .bp-explorer-heading h2 { margin:0; }.burst-pipe-page .bp-explorer-heading p:not(.bp-kicker) { margin:0; color:#4c6050; line-height:1.55; font-size:.94rem; }
.burst-pipe-page .bp-controls label { display:block; margin:20px 0 8px; color:#304d36; }.burst-pipe-page #bp-stage { width:100%; accent-color:var(--bp-green); }.burst-pipe-page .bp-stage-buttons { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin:12px 0 22px; }.burst-pipe-page .bp-stage-buttons button { min-height:64px; padding:9px 5px; border:1px solid #b9ceb3; border-radius:9px; background:#fff; color:#355238; font-weight:800; cursor:pointer; }.burst-pipe-page .bp-stage-buttons button span { display:block; margin-top:4px; font-size:.68rem; font-weight:600; }.burst-pipe-page .bp-stage-buttons button[aria-pressed="true"] { border-color:var(--bp-dark); background:var(--bp-dark); color:#fff; }
.burst-pipe-page .bp-scene { position:relative; min-height:210px; margin:10px 0 18px; padding:25px; overflow:hidden; border-radius:14px; background:linear-gradient(180deg,#dfeade,#f8fbf7); }.burst-pipe-page .bp-house { position:relative; height:120px; margin:0 auto; max-width:610px; border:3px solid #8aa082; border-radius:10px; background:#fff; }.burst-pipe-page .bp-pipe-line { position:absolute; left:8%; right:8%; top:55%; height:14px; border-radius:8px; background:#a96f42; }.burst-pipe-page .bp-burst-mark { position:absolute; left:57%; top:37%; color:#a14c28; font-size:2rem; font-weight:900; }.burst-pipe-page .bp-water-spray { position:absolute; left:60%; top:50%; color:#4a87a7; font-size:1.7rem; letter-spacing:5px; transform:rotate(28deg); }.burst-pipe-page .bp-valve { position:absolute; left:16%; top:43%; color:#345631; font-size:1.7rem; }.burst-pipe-page .bp-tool { position:absolute; right:11%; top:17%; color:#66787d; font-size:1.3rem; opacity:.25; }.burst-pipe-page .bp-scene[data-stage="1"] .bp-valve { transform:scale(1.35); color:#a14c28; }.burst-pipe-page .bp-scene[data-stage="2"] .bp-water-spray { opacity:.55; }.burst-pipe-page .bp-scene[data-stage="3"] .bp-water-spray { opacity:.28; }.burst-pipe-page .bp-scene[data-stage="4"] .bp-water-spray { opacity:.08; }.burst-pipe-page .bp-scene[data-stage="4"] .bp-tool { opacity:1; color:#345631; }.burst-pipe-page .bp-scene > p { margin:15px 0 0; color:#536757; text-align:center; font-size:.86rem; }
.burst-pipe-page .bp-stage-result { padding:22px; border:1px solid #c8d9c3; border-radius:13px; background:#fff; }.burst-pipe-page .bp-badge { display:inline-block; margin-bottom:8px; color:var(--bp-green); font-size:.7rem; font-weight:900; letter-spacing:.09em; }.burst-pipe-page .bp-stage-result h3 { margin:0 0 8px; color:#29472e; font-size:1.35rem; }.burst-pipe-page .bp-stage-result > p { color:#4c5e51; line-height:1.7; }.burst-pipe-page .bp-result-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:18px 0 0; }.burst-pipe-page .bp-result-facts div { padding:12px; border-radius:8px; background:#edf4eb; }.burst-pipe-page .bp-result-facts dt { color:#687a6b; font-size:.7rem; font-weight:700; text-transform:uppercase; }.burst-pipe-page .bp-result-facts dd { margin:4px 0 0; color:#304d36; font-weight:800; font-size:.88rem; }.burst-pipe-page .bp-next-prev { display:flex; justify-content:space-between; gap:12px; margin-top:14px; }.burst-pipe-page .bp-next-prev button { flex:1; padding:11px 15px; border:1px solid var(--bp-green); border-radius:8px; background:#fff; color:var(--bp-dark); font-weight:800; cursor:pointer; }.burst-pipe-page .bp-next-prev button:not(:disabled):hover { background:var(--bp-dark); color:#fff; }.burst-pipe-page .bp-next-prev button:disabled { opacity:.4; cursor:not-allowed; }.burst-pipe-page .bp-note { margin:15px 0 0; color:#66786b; font-size:.78rem; line-height:1.55; }
.burst-pipe-page .bp-situation-choices { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0; border:0; }.burst-pipe-page .bp-situation-choices legend { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }.burst-pipe-page .bp-situation-choices label { display:flex; gap:11px; padding:17px; border:1px solid #cfddca; border-radius:11px; background:#f8fbf7; cursor:pointer; }.burst-pipe-page .bp-situation-choices input { margin-top:4px; accent-color:var(--bp-green); }.burst-pipe-page .bp-situation-choices strong,.burst-pipe-page .bp-situation-choices small { display:block; }.burst-pipe-page .bp-situation-choices small { margin-top:5px; color:#536757; line-height:1.5; }.burst-pipe-page .bp-situation-result { margin-top:16px; padding:22px; border-left:5px solid var(--bp-green); border-radius:9px; background:var(--bp-soft); color:#304d36; line-height:1.7; }.burst-pipe-page .bp-situation-result[data-urgency="urgent"] { background:#fff1e8; border-color:var(--bp-alert); color:#603722; }.burst-pipe-page .bp-situation-result[data-urgency="action"] { background:#fff8e9; border-color:#bd7829; color:#5f4a28; }.burst-pipe-page .bp-situation-result h3,.burst-pipe-page .bp-situation-result p { margin:0; }.burst-pipe-page .bp-situation-result h3 { margin-bottom:8px; }
.burst-pipe-page .bp-action-grid,.burst-pipe-page .bp-damage-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin:24px 0; }.burst-pipe-page .bp-action-grid > div,.burst-pipe-page .bp-damage-grid > div { padding:19px; border:1px solid #d1dfcc; border-radius:11px; background:#f8fbf7; }.burst-pipe-page .bp-action-grid span { color:var(--bp-green); font-size:.72rem; font-weight:900; }.burst-pipe-page .bp-action-grid strong,.burst-pipe-page .bp-damage-grid strong { display:block; margin:6px 0; color:#304d36; }.burst-pipe-page .bp-action-grid p,.burst-pipe-page .bp-damage-grid p { margin:0; color:#536357; font-size:.88rem; line-height:1.6; }.burst-pipe-page .bp-damage-grid { grid-template-columns:repeat(3,1fr); }
.burst-pipe-page .bp-danger-box,.burst-pipe-page .bp-callout { margin:22px 0; padding:20px; border-left:4px solid var(--bp-green); border-radius:9px; background:#edf4eb; color:#34513a; }.burst-pipe-page .bp-danger-box { border-color:var(--bp-alert); background:#fff1e8; color:#603722; }.burst-pipe-page .bp-danger-box p,.burst-pipe-page .bp-callout p { margin:6px 0 0; line-height:1.7; }
.burst-pipe-page .bp-after-list { display:grid; gap:10px; margin:24px 0; }.burst-pipe-page .bp-after-list > div { display:grid; grid-template-columns:38px 1fr; gap:13px; align-items:start; padding:16px 18px; border:1px solid #d2dfcd; border-radius:10px; background:#f8fbf7; }.burst-pipe-page .bp-after-list span { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--bp-dark); color:#fff; font-weight:800; }.burst-pipe-page .bp-after-list p { margin:3px 0 0; color:#4c5e51; line-height:1.65; }
.burst-pipe-page .bp-figure { margin:28px 0 0; }.burst-pipe-page .bp-figure img { display:block; width:100%; height:auto; max-width:100%; border-radius:15px; }.burst-pipe-page .bp-figure figcaption { margin-top:8px; color:#68777b; font-size:.78rem; line-height:1.5; }.burst-pipe-page .bp-image-placeholder { aspect-ratio:1000/650; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; padding:24px; border:1px dashed #91aa88; border-radius:13px; background:#edf4eb; color:#345631; text-align:center; }.burst-pipe-page .bp-image-placeholder strong { font-size:clamp(1rem,3vw,1.4rem); }.burst-pipe-page .bp-image-placeholder span { font-weight:700; }.burst-pipe-page .bp-image-placeholder small { color:#627564; }.burst-pipe-page .bp-image-placeholder em { max-width:620px; color:#536757; font-size:.76rem; font-style:normal; line-height:1.45; }
.burst-pipe-page .bp-check-list { padding-left:24px; color:#3d4f45; line-height:1.8; }.burst-pipe-page .bp-check-list li { padding-left:5px; margin-bottom:12px; }.burst-pipe-page .bp-faq details { padding:17px 18px; margin-bottom:10px; border:1px solid #cfdcc9; border-radius:9px; background:#fff; }.burst-pipe-page .bp-faq summary { cursor:pointer; font-weight:700; color:var(--bp-dark); line-height:1.5; }.burst-pipe-page .bp-faq details p { color:#4b5e50; line-height:1.75; }.burst-pipe-page .bp-source-box { padding:22px; border:1px solid #d1dfcc; border-radius:12px; background:#f8fbf7; }.burst-pipe-page .bp-source-box p { margin-top:0; color:#536357; line-height:1.7; }.burst-pipe-page .bp-source-box ul { padding-left:20px; line-height:1.65; }.burst-pipe-page .bp-source-box li { margin-bottom:10px; }
.burst-pipe-page .bp-bottom-line { margin:10px 0 58px; padding:30px; border-radius:18px; background:var(--bp-green); scroll-margin-top:30px; }.burst-pipe-page .bp-bottom-line .bp-kicker { color:#dcecd6; }.burst-pipe-page .bp-bottom-line h2,.burst-pipe-page .bp-bottom-line > p:not(.bp-kicker) { color:#fff; }.burst-pipe-page .bp-bottom-line > p:not(.bp-kicker) { margin-bottom:0; }
.burst-pipe-page .bp-related { margin:0 0 58px; }.burst-pipe-page .bp-related-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.burst-pipe-page .bp-related-grid a { padding:19px 20px; border:1px solid var(--bp-line); border-radius:13px; background:#fff; text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }.burst-pipe-page .bp-related-grid a:hover,.burst-pipe-page .bp-related-grid a:focus-visible { transform:translateY(-2px); border-color:#a9cfd4; box-shadow:0 10px 24px rgba(17,70,76,.08); }.burst-pipe-page .bp-related-grid span { display:block; margin-bottom:6px; color:var(--bp-green); font-size:.7rem; font-weight:800; letter-spacing:.1em; }.burst-pipe-page .bp-related-grid strong { color:#26383e; font-size:1rem; line-height:1.35; }.burst-pipe-page .shared-explore-topics { width:min(1120px,calc(100% - 40px)); margin-left:auto; margin-right:auto; }.burst-pipe-page .shared-explore-topics .section-kicker { color:var(--bp-green); }
@media(max-width:900px) { .burst-pipe-page .bp-layout { width:min(820px,calc(100% - 32px)); grid-template-columns:1fr; grid-template-areas:"toc" "article"; gap:28px; }.burst-pipe-page .bp-toc { position:sticky; top:0; z-index:20; width:100%; min-width:0; max-width:100%; margin:0; padding:13px 16px; overflow:hidden; }.burst-pipe-page .bp-toc > p { margin:0 0 7px; padding:0; border:0; color:rgba(255,255,255,.78); font-size:.7rem; }.burst-pipe-page .bp-toc nav { flex-direction:row; gap:18px; width:100%; min-width:0; max-width:100%; padding:0 0 4px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }.burst-pipe-page .bp-toc a { flex:0 0 auto; padding:3px 0; white-space:nowrap; }.burst-pipe-page .bp-toc-swipe { display:block; margin-top:5px; color:rgba(255,255,255,.72); font-size:.68rem; line-height:1.2; text-align:right; }.burst-pipe-page :is(.bp-section,.bp-bottom-line) { scroll-margin-top:140px; }.burst-pipe-page .shared-explore-topics { width:min(820px,calc(100% - 32px)); }.burst-pipe-page .bp-action-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:700px) { .burst-pipe-page .bp-hero { min-height:560px; }.burst-pipe-page .bp-hero > picture img { object-position:center center; }.burst-pipe-page .bp-hero-overlay { background:linear-gradient(180deg,rgba(20,40,25,.12) 0%,rgba(20,40,25,.34) 42%,rgba(20,40,25,.92) 100%); }.burst-pipe-page .bp-hero-content { width:calc(100% - 32px); padding:255px 0 42px; }.burst-pipe-page .bp-hero-content h1 { font-size:clamp(2.5rem,12vw,3.6rem); }.burst-pipe-page .bp-quick-answer { width:calc(100% - 32px); grid-template-columns:1fr; padding:22px; }.burst-pipe-page .bp-situation-choices,.burst-pipe-page .bp-damage-grid { grid-template-columns:1fr; }.burst-pipe-page .bp-related-grid { grid-template-columns:1fr; }.burst-pipe-page .shared-explore-topics { width:calc(100% - 30px); } }
@media(max-width:600px) { .burst-pipe-page .bp-layout { width:calc(100% - 28px); }.burst-pipe-page .bp-explorer { padding:20px 15px; }.burst-pipe-page .bp-stage-buttons { gap:5px; }.burst-pipe-page .bp-stage-buttons button { min-height:58px; padding:7px 2px; font-size:.8rem; }.burst-pipe-page .bp-stage-buttons button span { font-size:.6rem; }.burst-pipe-page .bp-scene { padding:20px 12px 12px; }.burst-pipe-page .bp-result-facts { grid-template-columns:1fr; }.burst-pipe-page .bp-result-facts div { display:flex; justify-content:space-between; align-items:center; gap:10px; }.burst-pipe-page .bp-result-facts dd { margin:0; text-align:right; }.burst-pipe-page .bp-next-prev button { padding:10px 7px; }.burst-pipe-page .bp-action-grid { grid-template-columns:1fr; }.burst-pipe-page .bp-hero-placeholder { align-items:center; text-align:center; padding:35px 20px; } }
@media(prefers-reduced-motion:reduce) { .burst-pipe-page * { transition:none !important; } }

/* ==========================================================
   GUTTERS NOT CLEANED ARTICLE
   Append this complete block to /css/home-property.css
   ========================================================== */
.gutters-page{--gt-green:#4b7045;--gt-dark:#345631;--gt-soft:#edf4eb;--gt-ink:#1f2d32;--gt-muted:#5b6d61;--gt-line:#cbdcc6;--gt-warm:#b85d31}
.gutters-page [hidden]{display:none!important}.gutters-page :is(button,input,a,summary):focus-visible{outline:3px solid #bd7829;outline-offset:4px}
.gutters-page .article-breadcrumbs{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:12px 0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.9rem}.gutters-page .article-breadcrumbs a{color:var(--gt-green);font-weight:600;text-decoration:none}.gutters-page .article-breadcrumbs a:hover{color:var(--gt-dark);text-decoration:underline}.gutters-page .article-breadcrumbs span{color:var(--gt-green)}
.gutters-page .gt-hero{position:relative;width:100%;min-height:525px;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;background:#294a32}.gutters-page .gt-hero picture,.gutters-page .gt-hero img{position:absolute;inset:0;width:100%;height:100%}.gutters-page .gt-hero img{object-fit:cover;object-position:center}.gutters-page .gt-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,40,25,.9) 0%,rgba(20,40,25,.66) 45%,rgba(20,40,25,.12) 82%)}.gutters-page .gt-hero-content{position:relative;z-index:2;width:min(920px,calc(100% - 40px));margin:0 auto;padding:105px 0 75px;color:#fff}
.gutters-page .gt-hero-content h1{max-width:850px;margin:8px 0 18px;color:#fff;font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:1.03;letter-spacing:-.04em}.gutters-page .gt-hero-content>p:not(.gt-kicker){max-width:650px;font-size:1.08rem;line-height:1.65}.gutters-page .gt-hero-kicker{color:#fff!important}.gutters-page .gt-hero-link{display:inline-flex;align-items:center;gap:24px;margin-top:22px;padding:12px 18px;border:1px solid #e5efdf;border-radius:8px;color:#fff;background:rgba(25,48,29,.55);font-weight:700;text-decoration:none}.gutters-page .gt-hero-link:hover{background:var(--gt-dark)}
.gutters-page .gt-hero-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#dce8d8;color:#345631;text-align:center}.gutters-page .gt-hero-placeholder strong{font-size:1.2rem}.gutters-page .gt-hero-placeholder em{max-width:560px;font-size:.8rem}
.gutters-page .gt-kicker{margin:0 0 8px;color:var(--gt-green);font-size:.72rem;font-weight:800;letter-spacing:.13em}.gutters-page .gt-quick-answer{width:min(940px,calc(100% - 40px));margin:32px auto 38px;padding:24px 28px;display:grid;grid-template-columns:42px 1fr;gap:18px;border:1px solid #b9d1b3;border-left:4px solid var(--gt-green);border-radius:12px;background:#f7faf5}.gutters-page .gt-quick-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--gt-green);color:#fff;font-weight:800;font-size:1.2rem}.gutters-page .gt-quick-answer h2{margin:0 0 9px;color:var(--gt-ink);font-size:1.42rem}.gutters-page .gt-quick-answer p:last-child{margin:0;color:#42544a;line-height:1.7}
.gutters-page .gt-layout{width:min(1120px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"article toc";gap:52px;align-items:start}.gutters-page .gt-article{grid-area:article;min-width:0}.gutters-page .gt-toc{grid-area:toc;position:sticky;top:25px;padding:22px;border:1px solid var(--gt-green);border-radius:12px;background:linear-gradient(145deg,var(--gt-dark),var(--gt-green));color:#fff;box-shadow:0 8px 22px rgba(8,47,73,.13)}.gutters-page .gt-toc>p{margin:0 0 14px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.25);font-size:.75rem;font-weight:800;letter-spacing:.12em}.gutters-page .gt-toc nav{display:flex;flex-direction:column}.gutters-page .gt-toc a{padding:6px 0;color:#fff;font-size:.86rem;line-height:1.35;text-decoration:none}.gutters-page .gt-toc a:hover{text-decoration:underline}.gutters-page .gt-toc-swipe{display:none}
.gutters-page .gt-section{margin:0 0 58px;scroll-margin-top:30px}.gutters-page .gt-section h2,.gutters-page .gt-bottom-line h2,.gutters-page .gt-related h2{margin:0 0 18px;color:var(--gt-ink);font-size:clamp(1.75rem,3.2vw,2.45rem);line-height:1.14;letter-spacing:-.025em}.gutters-page .gt-section>p:not(.gt-kicker),.gutters-page .gt-bottom-line>p:not(.gt-kicker){color:#3d4f45;font-size:1.03rem;line-height:1.82}.gutters-page .gt-section>p+p{margin-top:17px}.gutters-page .gt-section a{color:var(--gt-dark);text-underline-offset:3px}
.gutters-page .gt-explorer{margin-top:25px;padding:26px;border:1px solid #c5d7bf;border-top:5px solid var(--gt-green);border-radius:18px;background:linear-gradient(#f7faf5,#edf4eb)}.gutters-page .gt-explorer-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.gutters-page .gt-step-number{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--gt-dark);color:#fff;font-weight:800}.gutters-page .gt-explorer-heading h3{margin:2px 0 7px;color:#243d29;font-size:1.3rem}.gutters-page .gt-explorer-heading p{margin:0;color:#4c6050;line-height:1.55}.gutters-page .gt-controls label{display:block;margin:18px 0 7px;color:#4b5e4c;font-size:.88rem}.gutters-page .gt-controls label strong{display:block;margin-top:5px;color:#26422b;font-size:1.15rem}
.gutters-page #gt-stage{-webkit-appearance:none;appearance:none;display:block;width:100%;height:48px;padding:0;background:transparent;cursor:pointer;touch-action:pan-y}.gutters-page #gt-stage::-webkit-slider-runnable-track{height:10px;border-radius:10px;background:linear-gradient(90deg,#8baa83,#c8d8c3)}.gutters-page #gt-stage::-moz-range-track{height:10px;border-radius:10px;background:linear-gradient(90deg,#8baa83,#c8d8c3)}
/* Larger oblong 3D slider handle */
.gutters-page #gt-stage::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:42px;margin-top:-16px;border:2px solid #fff;border-radius:9px;background:linear-gradient(90deg,#28462d 0%,#6f9169 38%,#9eb79a 50%,#52774e 64%,#294b2e 100%);box-shadow:0 3px 7px rgba(25,58,29,.38),inset 1px 0 1px rgba(255,255,255,.55),inset -2px 0 2px rgba(0,0,0,.18)}.gutters-page #gt-stage::-moz-range-thumb{width:26px;height:40px;border:2px solid #fff;border-radius:9px;background:linear-gradient(90deg,#28462d 0%,#6f9169 38%,#9eb79a 50%,#52774e 64%,#294b2e 100%);box-shadow:0 3px 7px rgba(25,58,29,.38),inset 1px 0 1px rgba(255,255,255,.55),inset -2px 0 2px rgba(0,0,0,.18)}
.gutters-page .gt-stage-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:7px 0 20px}.gutters-page .gt-stage-buttons button{min-height:62px;padding:8px 4px;border:1px solid #b9cdb4;border-radius:9px;background:#fff;color:#27442c;font-weight:800;cursor:pointer}.gutters-page .gt-stage-buttons button span{display:block;margin-top:4px;font-size:.7rem;font-weight:700}.gutters-page .gt-stage-buttons button[aria-pressed=true]{border-color:var(--gt-dark);background:var(--gt-dark);color:#fff}
.gutters-page .gt-stage-visual{overflow:hidden;border:1px solid #c6d7c2;border-radius:14px;background:#fff}.gutters-page .gt-stage-image-wrap{position:relative;width:100%;aspect-ratio:20/13;background:#e8efe5}.gutters-page .gt-stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .22s ease}.gutters-page .gt-stage-image.is-active{opacity:1;visibility:visible}.gutters-page .gt-stage-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px;color:#456146;text-align:center;border:0}.gutters-page .gt-stage-placeholder span{font-weight:700}.gutters-page .gt-stage-placeholder small,.gutters-page .gt-stage-placeholder em{font-size:.76rem}.gutters-page .gt-stage-result{padding:22px}.gutters-page .gt-badge{display:inline-block;margin-bottom:9px;color:var(--gt-green);font-size:.72rem;font-weight:800;letter-spacing:.1em}.gutters-page .gt-stage-result h3{margin:0 0 10px;color:#233b28;font-size:1.35rem}.gutters-page .gt-stage-result>p{margin:0;color:#4c5f51;line-height:1.65}.gutters-page .gt-result-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 0}.gutters-page .gt-result-facts div{padding:13px;border-radius:8px;background:#edf4eb}.gutters-page .gt-result-facts dt{color:#687d69;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.gutters-page .gt-result-facts dd{margin:5px 0 0;color:#234129;font-weight:800}.gutters-page .gt-next-prev{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.gutters-page .gt-next-prev button{padding:12px;border:1px solid var(--gt-green);border-radius:8px;background:#fff;color:var(--gt-dark);font-weight:800;cursor:pointer}.gutters-page .gt-next-prev button:last-child{background:var(--gt-dark);color:#fff}.gutters-page .gt-next-prev button:disabled{opacity:.38;cursor:not-allowed}.gutters-page .gt-note{margin:13px 0 0!important;color:#5d715f!important;font-size:.82rem!important;line-height:1.55!important}
.gutters-page .gt-signal-grid,.gutters-page .gt-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.gutters-page .gt-signal-grid>div,.gutters-page .gt-check-grid>div{padding:17px;border:1px solid var(--gt-line);border-radius:9px;background:#f8faf7}.gutters-page .gt-signal-grid strong{color:#2f5635}.gutters-page .gt-signal-grid p,.gutters-page .gt-check-grid p{margin:7px 0 0;color:#526455;line-height:1.55;font-size:.9rem}.gutters-page .gt-check-grid{grid-template-columns:repeat(2,1fr)}.gutters-page .gt-check-grid span{float:left;width:27px;height:27px;margin:0 10px 18px 0;display:grid;place-items:center;border-radius:50%;background:var(--gt-green);color:#fff;font-weight:800}
.gutters-page .gt-figure{margin:27px 0 0}.gutters-page .gt-figure img,.gutters-page .gt-image-placeholder{display:block;width:100%;height:auto;border-radius:13px}.gutters-page .gt-figure img{aspect-ratio:20/13;object-fit:cover}.gutters-page .gt-image-placeholder{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #8eae87;background:#edf4eb;color:#456146;text-align:center}.gutters-page .gt-image-placeholder span{font-weight:700}.gutters-page .gt-image-placeholder em{max-width:80%;font-size:.78rem}.gutters-page .gt-figure figcaption{margin-top:7px;color:#66756b;font-size:.78rem;line-height:1.5}
.gutters-page .gt-callout,.gutters-page .gt-fact-box,.gutters-page .gt-source-box{margin:23px 0;padding:18px 20px;border-left:4px solid var(--gt-green);border-radius:8px;background:#edf4eb;color:#3f5543;line-height:1.65}.gutters-page .gt-fact-box{border-left-color:#b56a31;background:#fff4e9}.gutters-page .gt-callout strong,.gutters-page .gt-fact-box strong{display:block;margin-bottom:5px;color:#294a2e}.gutters-page .gt-callout p,.gutters-page .gt-fact-box p{margin:0}.gutters-page .gt-source-box ul{padding-left:20px;margin-bottom:0}.gutters-page .gt-source-box li{margin-bottom:9px}
.gutters-page .gt-faq details{padding:17px 18px;margin-bottom:10px;border:1px solid #cfdcc9;border-radius:9px;background:#fff}.gutters-page .gt-faq summary{cursor:pointer;font-weight:700;color:var(--gt-dark);line-height:1.5}.gutters-page .gt-faq details p{color:#4b5e50;line-height:1.75}.gutters-page .gt-bottom-line{margin:0 0 55px;padding:28px;border:1px solid #bfd3ba;border-radius:14px;background:#edf4eb;scroll-margin-top:30px}.gutters-page .gt-bottom-line p:last-child{margin-bottom:0}.gutters-page .gt-related{margin-bottom:54px}.gutters-page .gt-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.gutters-page .gt-related-grid a{padding:19px 20px;border:1px solid var(--gt-line);border-radius:13px;background:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.gutters-page .gt-related-grid a:hover{transform:translateY(-2px);border-color:#9fbd99;box-shadow:0 10px 24px rgba(17,70,40,.08)}.gutters-page .gt-related-grid span{display:block;margin-bottom:6px;color:var(--gt-green);font-size:.7rem;font-weight:800;letter-spacing:.1em}.gutters-page .gt-related-grid strong{color:#26382a;font-size:1rem;line-height:1.35}.gutters-page .shared-explore-topics .section-kicker{color:var(--gt-green)}.gutters-page .shared-explore-topics{width:min(1120px,calc(100% - 40px));margin-left:auto;margin-right:auto}
@media(max-width:900px){.gutters-page .gt-layout{width:min(820px,calc(100% - 32px));grid-template-columns:1fr;grid-template-areas:"toc" "article";gap:28px}.gutters-page .gt-toc{position:sticky;top:0;z-index:20;width:100%;padding:13px 16px;overflow:hidden}.gutters-page .gt-toc>p{margin:0 0 7px;padding:0;border:0;color:rgba(255,255,255,.78);font-size:.7rem}.gutters-page .gt-toc nav{flex-direction:row;gap:18px;padding:0 0 4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.gutters-page .gt-toc a{flex:0 0 auto;padding:3px 0;white-space:nowrap}.gutters-page .gt-toc-swipe{display:block;margin-top:5px;color:rgba(255,255,255,.72);font-size:.68rem;text-align:right}.gutters-page :is(.gt-section,.gt-bottom-line){scroll-margin-top:140px}}
@media(max-width:700px){.gutters-page .gt-hero{min-height:620px;align-items:flex-end}.gutters-page .gt-hero img{object-position:center}.gutters-page .gt-hero-overlay{background:linear-gradient(180deg,rgba(20,40,25,.15) 0%,rgba(20,40,25,.42) 38%,rgba(20,40,25,.92) 100%)}.gutters-page .gt-hero-content{width:min(100% - 32px,620px);padding:52px 0}.gutters-page .gt-hero-content h1{font-size:clamp(2.35rem,11vw,3.35rem)}.gutters-page .gt-quick-answer{width:calc(100% - 32px);grid-template-columns:36px 1fr;padding:20px}.gutters-page .gt-signal-grid{grid-template-columns:1fr}.gutters-page .gt-result-facts{grid-template-columns:1fr}.gutters-page .gt-related-grid{grid-template-columns:1fr}}
@media(max-width:560px){.gutters-page .gt-explorer{padding:20px 14px}.gutters-page .gt-stage-buttons{gap:4px}.gutters-page .gt-stage-buttons button{min-height:58px;font-size:.78rem}.gutters-page .gt-stage-buttons button span{font-size:.61rem}.gutters-page .gt-stage-image-wrap{aspect-ratio:20/13}.gutters-page .gt-stage-result{padding:18px 15px}.gutters-page .gt-next-prev button{padding:11px 6px}.gutters-page .gt-check-grid{grid-template-columns:1fr}.gutters-page .gt-image-placeholder{min-height:250px}}
@media(prefers-reduced-motion:reduce){.gutters-page *{transition:none!important}}

/* ROOF LEAK — append to /css/home-property.css; shared gutters styling reused via body class */
.roof-leak-page .gt-hero-content{max-width:920px}
.roof-leak-page .gt-hero-content h1{max-width:900px;font-size:clamp(2.9rem,4.3vw,4.3rem)}
.roof-leak-page .rl-stage-frame{display:none;width:100%;aspect-ratio:1000/650;position:relative;overflow:hidden;border-radius:12px;background:#e6efe3}
.roof-leak-page .rl-stage-frame.is-active{display:block}
.roof-leak-page .rl-stage-frame img{width:100%;height:100%;object-fit:cover;display:block}
.roof-leak-page .rl-stage-frame .gt-stage-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:24px}
.roof-leak-page .rl-stage-frame .gt-stage-placeholder[hidden]{display:none}
.roof-leak-page .rl-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.roof-leak-page .rl-options button{padding:16px;border:1px solid #b7d1b1;border-radius:9px;background:#f6faf5;color:#23452b;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.roof-leak-page .rl-options button[aria-pressed=true]{background:#315a36;color:#fff;border-color:#315a36}
.roof-leak-page .rl-advice{background:#edf5e9;border-left:4px solid #4d7443;border-radius:8px;padding:17px 20px}
.roof-leak-page .rl-advice p{margin:8px 0 0}
.roof-leak-page #rl-stage{cursor:grab;accent-color:#355d38}
.roof-leak-page #rl-stage::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:43px;border:3px solid #fff;border-radius:11px;background:linear-gradient(100deg,#7ca476,#285631 52%,#628e5f);box-shadow:0 2px 7px #1b3b26a6,inset 2px 1px 3px #ffffff99;cursor:grab}
.roof-leak-page #rl-stage::-moz-range-thumb{width:25px;height:42px;border:3px solid #fff;border-radius:11px;background:linear-gradient(100deg,#7ca476,#285631 52%,#628e5f);box-shadow:0 2px 7px #1b3b26a6;cursor:grab}
.roof-leak-page .gt-stage-image-wrap{position:relative}
@media(max-width:700px){.roof-leak-page .rl-options{grid-template-columns:1fr}.roof-leak-page .gt-hero-content h1{font-size:clamp(2.35rem,10vw,3.3rem)}}
/* STORM / HAIL ROOF DAMAGE — append to existing /css/home-property.css. Requires shared .gt- styling from Gutters article. */
.storm-roof-page .gt-hero-content{max-width:980px}
.storm-roof-page .gt-hero-content h1{max-width:960px;font-size:clamp(2.6rem,4vw,4.1rem)}
.storm-roof-page .sr-stage-frame{display:none;width:100%;aspect-ratio:1000/650;position:relative;overflow:hidden;border-radius:12px;background:#e6efe3}
.storm-roof-page .sr-stage-frame.is-active{display:block}
.storm-roof-page .sr-stage-frame img{width:100%;height:100%;object-fit:cover;display:block}
.storm-roof-page .sr-stage-frame .gt-stage-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:24px}
.storm-roof-page .sr-stage-frame .gt-stage-placeholder[hidden]{display:none}
.storm-roof-page .sr-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.storm-roof-page .sr-options button{padding:16px;border:1px solid #b7d1b1;border-radius:9px;background:#f6faf5;color:#23452b;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.storm-roof-page .sr-options button[aria-pressed=true]{background:#315a36;color:#fff;border-color:#315a36}
.storm-roof-page .sr-advice{background:#edf5e9;border-left:4px solid #4d7443;border-radius:8px;padding:17px 20px}
.storm-roof-page .sr-advice p{margin:8px 0 0}
.storm-roof-page #sr-stage{cursor:grab;accent-color:#355d38}
.storm-roof-page #sr-stage::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:43px;border:3px solid #fff;border-radius:11px;background:linear-gradient(100deg,#7ca476,#285631 52%,#628e5f);box-shadow:0 2px 7px #1b3b26a6,inset 2px 1px 3px #ffffff99;cursor:grab}
.storm-roof-page #sr-stage::-moz-range-thumb{width:25px;height:42px;border:3px solid #fff;border-radius:11px;background:linear-gradient(100deg,#7ca476,#285631 52%,#628e5f);box-shadow:0 2px 7px #1b3b26a6;cursor:grab}
.storm-roof-page .gt-stage-image-wrap{position:relative}
.storm-roof-page .sr-sources{padding-left:24px;line-height:1.8}
.storm-roof-page .sr-sources a{color:#285b36;text-decoration:underline}
@media(max-width:700px){.storm-roof-page .sr-options{grid-template-columns:1fr}.storm-roof-page .gt-hero-content h1{font-size:clamp(2.1rem,8.5vw,3.1rem)}}
/* SUMP PUMP FAILURE — append to /css/home-property.css (requires existing shared .gt- rules). */
.sump-pump-page .gt-hero-content{max-width:930px}
.sump-pump-page .gt-hero-content h1{max-width:900px;font-size:clamp(2.6rem,4vw,4.1rem)}
.sump-pump-page .sp-stage-frame{display:none;width:100%;aspect-ratio:1000/650;position:relative;overflow:hidden;border-radius:12px;background:#e6efe3}
.sump-pump-page .sp-stage-frame.is-active{display:block}
.sump-pump-page .sp-stage-frame img{width:100%;height:100%;object-fit:cover;display:block}
.sump-pump-page .sp-stage-frame .gt-stage-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:24px}
.sump-pump-page .sp-stage-frame .gt-stage-placeholder[hidden]{display:none}
.sump-pump-page .sp-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.sump-pump-page .sp-options button{padding:16px;border:1px solid #b7d1b1;border-radius:9px;background:#f6faf5;color:#23452b;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.sump-pump-page .sp-options button[aria-pressed=true]{background:#315a36;color:#fff;border-color:#315a36}
.sump-pump-page .sp-advice{background:#edf5e9;border-left:4px solid #4d7443;border-radius:8px;padding:17px 20px}
.sump-pump-page .sp-advice p{margin:8px 0 0}
.sump-pump-page #sp-stage{cursor:grab;accent-color:#355d38}
.sump-pump-page #sp-stage::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:43px;border:3px solid #fff;border-radius:11px;background:linear-gradient(100deg,#7ca476,#285631 52%,#628e5f);box-shadow:0 2px 7px #1b3b26a6,inset 2px 1px 3px #ffffff99;cursor:grab}
.sump-pump-page #sp-stage::-moz-range-thumb{width:25px;height:42px;border:3px solid #fff;border-radius:11px;background:linear-gradient(100deg,#7ca476,#285631 52%,#628e5f);box-shadow:0 2px 7px #1b3b26a6;cursor:grab}
.sump-pump-page .gt-stage-image-wrap{position:relative}
.sump-pump-page .sp-sources{padding-left:24px;line-height:1.8}
.sump-pump-page .sp-sources a{color:#285b36;text-decoration:underline}
.sump-pump-page .gt-section details{margin:10px 0}
.sump-pump-page .gt-section summary{cursor:pointer}
@media(max-width:700px){.sump-pump-page .sp-options{grid-template-columns:1fr}.sump-pump-page .gt-hero-content h1{font-size:clamp(2.1rem,8.5vw,3.1rem)}}