:root{--blog-yellow:#edd601;--blog-dark:#101a17;--blog-green:#176e56;--blog-soft:#f4f6f0;--blog-line:#dfe3da}
.blog-page main p{font-size:15px!important;line-height:1.68!important;font-weight:500!important}.blog-shell{width:min(1280px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.blog-kicker{display:inline-flex;align-items:center;gap:11px;padding:9px 15px;border-radius:999px;background:#f4f6f0;font:800 11px/1 "DM Sans";letter-spacing:.13em;text-transform:uppercase}.blog-kicker:before,.blog-kicker:after{content:"";width:24px;height:2px;background:var(--blog-yellow)}
.blog-hero{position:relative;overflow:hidden;min-height:725px;padding:145px max(6vw,calc((100vw - 1280px)/2)) 75px;display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;background:radial-gradient(circle at 9% 17%,rgba(255,239,70,.6),transparent 20%),linear-gradient(125deg,#cfee96,#50bd80 48%,#18755b)}.blog-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:25px;background:linear-gradient(176deg,transparent 48%,#fff 50%)}
.blog-hero-copy{color:#fff}.blog-hero-copy .blog-kicker{color:#13231d;background:#fff}.blog-hero h1{margin:26px 0 16px;font-size:clamp(50px,5vw,73px);line-height:1;letter-spacing:-.06em}.blog-hero h1 span{display:block;color:#ffe600}.blog-hero h2{margin:0 0 18px;font-size:25px}.blog-hero-copy>p{max-width:735px;color:#fff!important;font-size:16px!important}.blog-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.blog-tags a{padding:8px 12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;color:#fff;font-size:11px!important;font-weight:700;transition:background .2s ease,transform .2s ease}.blog-tags a:hover{transform:translateY(-4px);background:rgba(237,214,1,.18)}
.hero-magazine{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mag-main{grid-column:1/-1;min-height:300px;padding:36px;border-radius:28px;background:linear-gradient(145deg,#fff,#fffde5);box-shadow:0 26px 50px rgba(0,0,0,.2)}.mag-main>span{font-size:10px;font-weight:800;letter-spacing:.14em}.mag-main h3{max-width:480px;margin:58px 0 30px;font-size:34px;line-height:1.15;letter-spacing:-.04em}.mag-main a{display:inline-flex;gap:15px;padding:13px 19px;border-radius:999px;background:var(--blog-yellow);font-size:12px!important;font-weight:800}.mag-small{display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:25px;border-radius:21px}.mag-small b{font-size:33px}.mag-small span{font-size:11px;font-weight:700}.mag-small.yellow{background:var(--blog-yellow)}.mag-small.dark{background:#101a17;color:#fff}
.featured-section{padding:90px 0}.blog-section-head{text-align:center;max-width:900px;margin:auto}.blog-section-head h2,.category-title h2,.split-title h2,.odor-panel h2,.commercial-head h2,.help-copy h2{margin:22px 0;font-size:clamp(42px,4vw,60px);line-height:1.05;letter-spacing:-.05em}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:45px}.guide-card{overflow:hidden;border:1px solid var(--blog-line);border-radius:24px;background:#fff;box-shadow:0 14px 30px rgba(20,40,30,.07);transition:transform .22s ease,box-shadow .22s ease}.guide-card:hover{transform:translateY(-8px);box-shadow:0 23px 40px rgba(20,40,30,.13)}.guide-card.featured{grid-row:span 2}.guide-visual{position:relative;display:grid;place-items:center;min-height:210px;background:linear-gradient(135deg,#d6f1a7,#66c88c)}.guide-card.featured .guide-visual{min-height:330px}.guide-visual>span{position:absolute;left:22px;top:20px;display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:var(--blog-yellow);font-weight:800}.guide-visual svg{width:135px;height:110px;fill:none;stroke:#10251f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.guide-card.featured .guide-visual svg{width:190px;height:150px}.guide-visual.signs{background:linear-gradient(135deg,#fffde5,#e9eee8)}.guide-visual.repair{background:linear-gradient(135deg,#d9e3ee,#f6f7f4)}.guide-body{padding:28px}.guide-type{font-size:10px;font-weight:800;letter-spacing:.13em;color:#796d00}.guide-body h3{margin:15px 0;font-size:25px;line-height:1.25;letter-spacing:-.03em}.guide-body p{margin-bottom:10px}.guide-body a,.text-guide a,.split-card a,.odor-guides a{display:inline-flex;gap:12px;margin-top:9px;color:#000;font-size:12px!important;font-weight:800;border-bottom:2px solid var(--blog-yellow);padding-bottom:4px}
.category-section{padding:85px 0;background:var(--blog-soft)}.category-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.category-title h2{font-size:50px}.category-cards{display:grid;gap:15px}.text-guide{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:28px;border:1px solid var(--blog-line);border-radius:20px;background:#fff;box-shadow:0 12px 25px rgba(20,40,30,.06);transition:transform .22s ease}.text-guide:hover{transform:translateX(7px)}.text-guide>span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--blog-yellow);font-weight:800}.text-guide h3{font-size:23px;margin:5px 0 12px}
.split-guides{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:90px 0}.split-title{grid-column:1/-1;text-align:center;max-width:900px;margin:0 auto 25px}.split-card{position:relative;overflow:hidden;min-height:350px;padding:40px;border:1px solid var(--blog-line);border-top:4px solid var(--blog-yellow);border-radius:23px;background:#fff;box-shadow:0 14px 30px rgba(20,40,30,.07);transition:transform .22s ease}.split-card:hover{transform:translateY(-8px)}.split-card:after{content:"";position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(237,214,1,.14)}.split-number{position:absolute;right:28px;top:20px;color:#e4e6e1;font:800 48px "Manrope"}.split-card h3{position:relative;z-index:1;max-width:500px;margin:45px 0 16px;font-size:30px;line-height:1.18}.split-card p,.split-card a{position:relative;z-index:1}
.odor-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-bottom:90px;padding:20px;border-radius:29px;background:linear-gradient(130deg,#0d1b17,#18382d);color:#fff}.odor-panel{position:relative;overflow:hidden;min-height:530px;padding:48px;border-radius:21px;background:radial-gradient(circle at 70% 78%,rgba(237,214,1,.2),transparent 33%),rgba(255,255,255,.05)}.odor-panel .blog-kicker{color:#15231e;background:#fff}.odor-panel h2{font-size:51px}.odor-mark{position:absolute;right:35px;bottom:-55px;color:var(--blog-yellow);font:700 220px/1 Georgia}.odor-guides{display:grid;gap:16px}.odor-guides article{padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:21px;background:rgba(255,255,255,.07);transition:transform .2s ease,background .2s ease}.odor-guides article:hover{transform:translateX(7px);background:rgba(237,214,1,.1)}.odor-guides b{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--blog-yellow);color:#000}.odor-guides h3{margin:25px 0 13px;font-size:25px}.odor-guides p{color:#fff!important}.odor-guides a{color:#fff}
.commercial-section{padding:90px 0;background:linear-gradient(135deg,#fffde8,#f4f6f0)}.commercial-head{text-align:center}.commercial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:43px}.commercial-grid article{min-height:285px;padding:30px;border:1px solid var(--blog-line);border-radius:21px;background:#fff;box-shadow:0 13px 28px rgba(20,40,30,.06);transition:transform .22s ease}.commercial-grid article:hover{transform:translateY(-8px)}.commercial-grid span{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:var(--blog-yellow);font-weight:800}.commercial-grid h3{margin:32px 0 14px;font-size:22px;line-height:1.35}.commercial-link{display:flex;width:max-content;margin:30px auto 0;gap:14px;padding:14px 21px;border-radius:999px;background:var(--blog-yellow);font-size:12px!important;font-weight:800}
.blog-help{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;margin-top:90px;margin-bottom:90px;padding:70px;border-radius:29px;background:linear-gradient(125deg,#eef6e8,#fff)}.help-copy h2{font-size:52px}.help-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.blog-btn{padding:14px 20px;border-radius:999px;font-size:12px!important;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.blog-btn:hover{transform:translateY(-4px);box-shadow:0 12px 22px rgba(20,40,30,.15)}.blog-btn.yellow{background:var(--blog-yellow)}.blog-btn.dark{background:#101a17;color:#fff}.help-options{display:flex;flex-wrap:wrap;gap:11px}.help-options span{padding:13px 17px;border:1px solid #d7dcd4;border-radius:999px;background:#fff;font-size:12px;font-weight:700;transition:transform .2s ease,border-color .2s ease}.help-options span:hover{transform:translateY(-4px);border-color:var(--blog-yellow)}
@media(max-width:1000px){.blog-hero{grid-template-columns:1fr;padding-top:135px}.category-layout,.odor-section,.blog-help{grid-template-columns:1fr}.commercial-grid{grid-template-columns:1fr 1fr}.odor-panel{min-height:360px}}
@media(max-width:650px){.blog-page main p{font-size:14px!important}.blog-shell{width:calc(100% - 24px)}.blog-hero{padding:115px 20px 55px;gap:30px}.blog-hero h1{font-size:42px}.blog-hero h2{font-size:20px}.hero-magazine{grid-template-columns:1fr}.mag-main,.mag-small{grid-column:auto}.featured-section,.category-section,.split-guides,.commercial-section{padding:60px 0}.blog-section-head h2,.category-title h2,.split-title h2,.odor-panel h2,.commercial-head h2,.help-copy h2{font-size:36px}.featured-grid,.split-guides,.commercial-grid{grid-template-columns:1fr}.guide-card.featured{grid-row:auto}.guide-card.featured .guide-visual{min-height:250px}.text-guide{grid-template-columns:1fr}.split-title{grid-column:auto}.split-card{min-height:310px;padding:30px 23px}.odor-section{width:calc(100% - 24px);padding:12px}.odor-panel{padding:35px 23px}.odor-guides article{padding:28px 22px}.blog-help{padding:38px 23px}}

/* Centered Blog hero without the magazine panel */
.blog-hero{
  grid-template-columns:1fr;
  place-items:center;
  min-height:700px;
}
.blog-hero-copy{
  width:min(980px,100%);
  text-align:center;
}
.blog-hero h1{
  width:min(900px,100%);
  margin:28px auto 18px;
  font-size:clamp(42px,4.2vw,61px);
  line-height:1.03;
  text-align:center;
  text-wrap:balance;
}
.blog-hero h1 span{
  text-align:center;
}
.blog-hero-copy>p{
  max-width:880px;
  margin-left:auto;
  margin-right:auto;
}
.blog-tags{
  justify-content:center;
}
@media(max-width:650px){
  .blog-hero{min-height:680px}
  .blog-hero h1{font-size:36px}
}

/* Consistent action buttons across every Blog guide */
.guide-body a,
.text-guide a,
.split-card a,
.odor-guides a,
.commercial-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  width:max-content;
  max-width:100%;
  margin-top:16px;
  padding:12px 18px;
  border:1px solid var(--blog-yellow);
  border-radius:999px;
  background:var(--blog-yellow);
  color:#0a0d0b!important;
  box-shadow:0 8px 18px rgba(134,121,0,.14);
  font-size:12px!important;
  font-weight:800;
  line-height:1.25;
  text-decoration:none;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease;
}
.guide-body a:hover,
.text-guide a:hover,
.split-card a:hover,
.odor-guides a:hover,
.commercial-link:hover{
  transform:translateY(-4px);
  border-color:#ffea00;
  background:#ffea00;
  color:#000!important;
  box-shadow:0 14px 26px rgba(134,121,0,.22);
}
.guide-body a b,
.text-guide a b,
.split-card a b,
.odor-guides a span,
.commercial-link span{
  transition:transform .24s ease;
}
.guide-body a:hover b,
.text-guide a:hover b,
.split-card a:hover b,
.odor-guides a:hover span,
.commercial-link:hover span{
  transform:translateX(4px);
}
.blog-btn.yellow,
.blog-btn.yellow:hover{
  background:var(--blog-yellow);
  color:#000!important;
}
.blog-btn.dark,
.blog-btn.dark:hover,
.blog-btn.dark:focus,
.blog-btn.dark:visited{
  background:#101a17!important;
  color:#fff!important;
}
@media(max-width:650px){
  .guide-body a,
  .text-guide a,
  .split-card a,
  .odor-guides a,
  .commercial-link{
    white-space:normal;
    text-align:center;
  }
}

/* Clear, high-contrast topic buttons in the Blog hero */
.blog-tags a,
.blog-tags a:visited{
  padding:11px 17px;
  border:1px solid rgba(255,255,255,.82);
  background:rgba(255,255,255,.94);
  color:#102019!important;
  box-shadow:0 8px 18px rgba(4,34,25,.13);
  backdrop-filter:blur(7px);
  font-size:12px!important;
  font-weight:800;
}
.blog-tags a:hover,
.blog-tags a:focus-visible{
  transform:translateY(-4px);
  border-color:var(--blog-yellow);
  background:var(--blog-yellow);
  color:#000!important;
  box-shadow:0 13px 24px rgba(77,69,0,.2);
  outline:none;
}

/* Interactive Airflow and Commercial guide cards */
.split-card{
  isolation:isolate;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.split-card:after{
  z-index:-1;
  transition:transform .38s ease,background .38s ease;
}
.split-card:before{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  left:-125%;
  width:70%;
  height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.78),transparent);
  transform:skewX(-18deg);
  transition:left .65s ease;
  pointer-events:none;
}
.split-card:hover{
  transform:translateY(-10px);
  border-color:var(--blog-yellow);
  box-shadow:0 26px 46px rgba(20,40,30,.14);
}
.split-card:hover:after{
  transform:scale(1.45);
  background:rgba(237,214,1,.22);
}
.split-card:hover:before{
  left:145%;
}
.split-card:hover .split-number{
  color:var(--blog-yellow);
  transform:rotate(-5deg) scale(1.08);
}
.split-number{
  transition:color .28s ease,transform .28s ease;
}
.commercial-grid article{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.commercial-grid article:before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-65px;
  bottom:-78px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:rgba(237,214,1,.11);
  transition:transform .38s ease,background .38s ease;
}
.commercial-grid article:after{
  content:"";
  position:absolute;
  top:0;
  left:-125%;
  width:70%;
  height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);
  transform:skewX(-18deg);
  transition:left .65s ease;
  pointer-events:none;
}
.commercial-grid article:hover{
  transform:translateY(-10px);
  border-color:var(--blog-yellow);
  box-shadow:0 26px 46px rgba(20,40,30,.14);
}
.commercial-grid article:hover:before{
  transform:scale(1.5);
  background:rgba(237,214,1,.2);
}
.commercial-grid article:hover:after{
  left:145%;
}
.commercial-grid article:hover>span{
  transform:rotate(-6deg) scale(1.08);
  box-shadow:0 10px 20px rgba(143,129,0,.2);
}
.commercial-grid article>span{
  transition:transform .28s ease,box-shadow .28s ease;
}
.commercial-link,
.commercial-link:hover{
  display:flex;
  margin:30px auto 0;
}
@media(prefers-reduced-motion:reduce){
  .split-card,.split-card:before,.split-card:after,.split-number,
  .commercial-grid article,.commercial-grid article:before,.commercial-grid article:after,
  .commercial-grid article>span{
    transition:none;
  }
}