/* Hallmark · content pages share Affordable Sprinklers' established visual system. */
.article-wrap{width:min(calc(100% - 40px),800px);margin-inline:auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font:700 12px/1.5 Manrope,system-ui,sans-serif;color:var(--muted);margin-bottom:58px}.breadcrumbs a{border-bottom:1px solid transparent;transition:color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1)}.breadcrumbs a:hover{color:var(--ink);border-color:currentColor}.guide-hero,.article-hero{background:#e8f1e8;padding:52px 0 83px;overflow:hidden}.guide-hero h1,.article-hero h1{font-size:clamp(46px,6.4vw,82px);line-height:1.04;margin:0 0 24px;max-width:950px;overflow-wrap:anywhere}.guide-hero h1 span{color:#357c78}.guide-hero .wrap>p:last-child,.article-lede{max-width:690px;margin:0;color:#466268;font-size:clamp(17px,2.1vw,21px);line-height:1.55}.guide-index{padding:77px 0 102px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-index-card{display:flex;flex-direction:column;min-height:360px;padding:28px;background:#fff;border:1px solid var(--line);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1)}.guide-index-card:hover{transform:translateY(-5px);border-color:#558381;box-shadow:0 13px 30px rgba(16,44,51,.11)}.guide-index-card>span:first-child{font:800 10px Manrope,system-ui,sans-serif;letter-spacing:.13em;color:#3b7472}.guide-index-card h2{font-size:clamp(24px,2vw,30px);line-height:1.17;letter-spacing:-.055em;margin:25px 0 12px}.guide-index-card p{font-size:15px;color:var(--muted);line-height:1.55}.card-end{margin-top:auto;display:flex;justify-content:space-between;gap:15px;width:100%;padding-top:20px;border-top:1px solid var(--line);font:800 13px Manrope,system-ui,sans-serif}.guide-cta{padding:76px 0;background:var(--ink);color:#fff}.guide-cta h2{font-size:clamp(38px,4.5vw,62px);line-height:1.07;margin-bottom:12px}.guide-cta p{font-size:18px;color:#d0e4dd;margin-bottom:28px}.guide-cta .button{width:max-content}.article-hero .article-wrap{width:min(calc(100% - 40px),1010px)}.article-hero .breadcrumbs{margin-bottom:68px}.article-hero h1{max-width:920px}.article-layout{width:min(calc(100% - 40px),1010px);display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:70px;padding:78px 0 85px;align-items:start}.article-body{min-width:0}.article-body h2{font-size:clamp(28px,3vw,37px);line-height:1.2;letter-spacing:-.055em;margin:42px 0 15px}.article-body h2:first-child{margin-top:0}.article-body p{font-size:17px;line-height:1.78;color:#405a5e;margin-bottom:22px}.article-callout{margin:42px 0;padding:25px 28px;background:#e6f0e8;border-left:4px solid #70a298}.article-callout strong{font:800 16px Manrope,system-ui,sans-serif}.article-callout p{margin:9px 0 0}.article-body .article-disclaimer{padding-top:23px;border-top:1px solid var(--line);font-size:13px;line-height:1.55;color:#667a7b}.article-sources{display:grid;gap:5px;margin-top:25px;font-size:13px}.article-sources strong{font-family:Manrope,system-ui,sans-serif}.article-sources a{color:#276c71;text-decoration:underline;text-underline-offset:3px}.article-aside{position:sticky;top:30px;background:#d9ed78;padding:25px}.article-aside .kicker{color:#35595a;margin-bottom:12px}.article-aside h2{font-size:30px;line-height:1.16;margin:0 0 14px}.article-aside p:not(.kicker){color:#3e5758;font-size:15px;line-height:1.55}.article-aside .button{width:100%;font-size:12px;gap:7px;padding:15px 12px}.aside-link{display:block;margin-top:20px;font:700 13px Manrope,system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px}.next-guides{width:min(calc(100% - 40px),1010px);border-top:1px solid var(--line);padding:45px 0 92px}.next-guides h2{font-size:33px;margin-bottom:23px}.next-guides>a{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--line);font:700 15px Manrope,system-ui,sans-serif}.next-guides>a:hover{color:#267a79}.article-body a:focus-visible,.next-guides a:focus-visible,.guide-index-card:focus-visible{outline:3px solid #206d75;outline-offset:4px}
@media(max-width:850px){.guide-index{grid-template-columns:1fr}.guide-index-card{min-height:0}.article-layout{grid-template-columns:minmax(0,1fr);gap:36px}.article-aside{position:static}.article-aside .button{max-width:360px}.article-hero .breadcrumbs{margin-bottom:45px}}
@media(max-width:680px){.article-wrap{width:min(calc(100% - 34px),800px)}.breadcrumbs{margin-bottom:40px}.guide-hero,.article-hero{padding:39px 0 63px}.guide-hero h1,.article-hero h1{font-size:clamp(42px,11vw,56px)}.article-hero .article-wrap{width:min(calc(100% - 34px),1010px)}.guide-index{padding:50px 0 70px}.guide-index-card{padding:22px}.guide-index-card h2{margin-top:17px;font-size:26px}.guide-cta{padding:64px 0}.article-layout{width:min(calc(100% - 34px),1010px);padding:55px 0 57px}.article-body h2{font-size:29px;margin-top:37px}.article-body p{font-size:16px;line-height:1.7}.article-callout{padding:20px}.next-guides{width:min(calc(100% - 34px),1010px);padding:37px 0 72px}.next-guides>a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.guide-index-card,.breadcrumbs a{transition-duration:.01ms!important;transform:none!important}}

/* Match the restrained controls on the homepage. */
.guide-index-card:hover{transform:none;box-shadow:none;background:var(--card-hover)}
.guide-index-card>span:first-child{font-weight:700;letter-spacing:.09em}
.card-end{justify-content:flex-start;font-weight:700}
.article-aside{background:var(--band-soft);border:1px solid var(--line)}
.next-guides>a{justify-content:flex-start}
@media(max-width:680px){
  .guide-hero,.article-hero{padding:37px 0 55px}
  .guide-hero h1,.article-hero h1{font-size:clamp(39px,10vw,50px);line-height:1.09}
  .guide-index-card{padding:23px;min-height:0}
  .guide-index-card h2{font-size:24px}
  .article-aside{padding:22px}
}

/* Guide pages inherit the supplied-logo blue/green identity. */
.guide-hero,.article-hero{background:var(--color-paper-blue)}
.guide-hero h1,.article-hero h1,.guide-index-card h2,.article-body h2,.article-aside h2,.next-guides h2,.guide-cta h2{font-family:var(--font-display);letter-spacing:-.025em;line-height:1.04}
.guide-hero h1 span{color:var(--color-brand-blue)}
.guide-hero .wrap>p:last-child,.article-lede{color:var(--color-muted)}
.guide-index-card{border-color:var(--color-rule)}
.guide-index-card>span:first-child{color:var(--color-brand-blue)}
.guide-index-card h2{font-size:clamp(31px,2.9vw,42px)}
.article-body p{color:var(--color-muted)}
.article-callout{background:var(--color-paper-blue);border-color:var(--color-brand-green)}
.article-sources a,.next-guides>a:hover{color:var(--color-brand-blue)}
.article-aside{background:var(--color-paper-blue);border-color:var(--color-rule)}
.guide-cta{background:var(--color-brand-blue-deep)}
.guide-cta p{color:#d3e7ef}
@media(max-width:680px){
  .guide-hero h1,.article-hero h1{font-size:clamp(43px,11vw,56px)}
  .guide-index-card h2{font-size:34px}
}

/* Hallmark · guide links remain comfortable to tap on a phone. */
@media(max-width:850px){
  .breadcrumbs{gap:6px;margin-bottom:24px}
  .breadcrumbs a,.article-sources a,.aside-link,.next-guides>a{min-height:44px;display:inline-flex;align-items:center}
  .article-sources a,.aside-link,.next-guides>a{line-height:1.45}
  .article-sources{gap:0}
  .guide-cta .button{max-width:100%;white-space:nowrap}
}