.blog-index-shell{padding:clamp(34px,5vw,72px) 0 80px;background:linear-gradient(180deg,#f8fbf8 0%,#fff 260px)}
.blog-index-intro{max-width:820px;margin-bottom:28px}
.blog-index-intro h1{margin:8px 0 12px;font-size:clamp(2.25rem,4.2vw,4.5rem);line-height:1.02;letter-spacing:-.035em;color:#111b15}
.blog-index-intro p{margin:0;color:#566258;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.7}
.blog-index-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin-top:26px!important}
.blog-index-card{display:flex!important;flex-direction:column!important;min-height:245px;padding:25px!important;border:1px solid #dfe8df!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 32px rgba(25,49,30,.055)!important}
.blog-index-card .eyebrow{margin-bottom:4px}
.blog-index-card h2{margin:8px 0 10px!important;color:#162019}
.blog-index-card h2 a{color:inherit!important;text-decoration:none!important}
.blog-index-card h2 a:hover{text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important}
.blog-index-card p{margin:0 0 18px!important;line-height:1.65!important;color:#536057!important}
.blog-index-card .blog-read-more{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:auto;text-decoration:none;color:#267a21;font-weight:800}

.blog-post{padding:32px 0 78px!important;background:#fff}
.blog-article-top{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;gap:clamp(28px,3vw,52px)!important;align-items:stretch!important}
.blog-article-top>*{min-width:0!important;max-width:100%}
.blog-post-visual{min-width:0}

.blog-homepage-hero-media{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:650px;height:100%;overflow:hidden;border:1px solid rgba(8,24,13,.09);border-radius:28px;background:#08130d;box-shadow:0 24px 64px rgba(15,34,20,.12)}
.blog-homepage-hero-media>.hero-image{grid-column:1;grid-row:1;min-width:0}
.blog-homepage-hero-media>.hero-copy{grid-column:1;grid-row:1;min-width:0}
.blog-homepage-hero-media>.hero-image{position:relative!important;width:100%!important;height:100%!important;min-height:650px!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#08130d!important;box-shadow:none!important;aspect-ratio:auto!important}
.blog-homepage-hero-media>.hero-image picture{display:block;width:100%;height:100%}
.blog-homepage-hero-media>.hero-image img{display:block;width:100%;height:100%}
.blog-homepage-hero-media>.hero-image img{object-fit:cover!important;object-position:center center!important;filter:saturate(1.03) contrast(1.035) brightness(.92)!important;transform:none!important}
.blog-homepage-hero-media>.hero-image::before{display:block!important;content:"";position:absolute!important;z-index:1!important;inset:0!important;background:linear-gradient(90deg,rgba(4,12,7,.92) 0%,rgba(4,12,7,.80) 30%,rgba(4,12,7,.52) 51%,rgba(4,12,7,.13) 72%,rgba(4,12,7,0) 88%),linear-gradient(180deg,rgba(3,10,6,.04) 46%,rgba(3,10,6,.38) 100%)!important;pointer-events:none!important}
.blog-homepage-hero-media>.hero-image::after{display:none!important}
.blog-homepage-hero-media>.hero-copy{position:relative!important;z-index:3!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;width:min(72%,700px)!important;height:auto!important;min-height:0!important;max-height:none!important;padding:clamp(34px,4vw,58px)!important;color:#fff!important;pointer-events:none!important;box-sizing:border-box!important}
.blog-homepage-hero-media>.hero-copy>*{pointer-events:auto!important}
.blog-homepage-hero-media>.hero-copy .eyebrow{margin:0 0 18px!important;color:#c6d5ca!important;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.blog-homepage-hero-media>.hero-copy h1{margin:0 0 22px!important;color:#fff!important;font-size:clamp(1.95rem,2.6vw,3.05rem)!important;line-height:.98!important;letter-spacing:-.04em!important;text-shadow:0 3px 30px rgba(0,0,0,.32)}
.blog-homepage-hero-media>.hero-copy h1 em{color:#67ec46!important;font-style:normal!important}
.blog-homepage-hero-media>.hero-copy>p{margin:0!important;max-width:590px!important;color:#dbe5dd!important;line-height:1.62!important;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.blog-homepage-hero-media .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:26px 0 0!important}
.blog-homepage-hero-media .hero-actions .button{width:auto!important;min-height:48px!important}
.blog-homepage-hero-media .hero-actions .button.ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.27)!important;box-shadow:none!important}
.blog-homepage-hero-media .hero-facts{display:flex!important;flex-wrap:wrap!important;gap:9px 16px!important;margin:25px 0 0!important}
.blog-homepage-hero-media .hero-facts .pill{min-height:26px!important;padding-left:26px!important;border:0!important;background:transparent!important;color:#eef5f0!important;font-size:.74rem!important;text-shadow:0 1px 12px rgba(0,0,0,.32)}
.blog-homepage-hero-media .vehicle-chip{z-index:4!important;left:auto!important;right:16px!important;bottom:16px!important}

.blog-article-heading{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;max-width:100%!important;overflow:visible;padding:clamp(22px,2vw,38px) 0!important}
.blog-article-heading .eyebrow.dark{width:max-content;max-width:100%;margin-bottom:14px}
.blog-article-heading h1{width:100%!important;max-width:100%!important;margin:0 0 15px!important;color:#142018;font-size:clamp(1.9rem,2.45vw,2.95rem)!important;line-height:1.04!important;letter-spacing:-.035em!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto;text-wrap:balance}
.blog-post-lead{margin:0!important;max-width:62ch;color:#465049!important;font-size:clamp(1rem,1.4vw,1.16rem)!important;line-height:1.68!important}
.blog-post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:.86rem;color:#6b756e}
.blog-answer{margin-top:34px;padding:22px 24px;border:1px solid #dfe8df;border-radius:18px;background:#f7faf7}
.blog-answer h2{margin:0 0 10px;color:#162019}
.blog-section h2{margin:0 0 10px;color:#162019}
.blog-faq h2{margin:0 0 10px;color:#162019}
.blog-seo-static h2{margin:0 0 10px;color:#162019}
.blog-answer p{margin:0;line-height:1.72;color:#39433c}
.blog-section p{margin:0;line-height:1.72;color:#39433c}
.blog-faq p{margin:0;line-height:1.72;color:#39433c}
.blog-seo-static p{margin:0;line-height:1.72;color:#39433c}
.blog-content{display:grid;gap:18px;margin-top:18px}
.blog-section{border:1px solid #e1e8e1;border-radius:18px;padding:22px 24px;background:#fff}
.blog-faq{border:1px solid #e1e8e1;border-radius:18px;padding:22px 24px;background:#fff}
.blog-seo-static{border:1px solid #e1e8e1;border-radius:18px;padding:22px 24px}
.blog-faq details{border-top:1px solid #e7ece7;padding:13px 0}
.blog-faq details:first-of-type{border-top:0}
.blog-faq summary{cursor:pointer;font-weight:750;color:#18241b}
.blog-faq details p{margin-top:8px}
.blog-seo-static{background:#f6faf5}
.blog-seo-static nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.blog-seo-static nav a{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe0cc;border-radius:999px;padding:8px 12px;background:#fff;text-decoration:none;color:#17331b;font-weight:750}

@media(max-width:1050px){
  .blog-article-top{grid-template-columns:1fr!important}
  .blog-homepage-hero-media{min-height:570px}
  .blog-homepage-hero-media>.hero-image{min-height:570px!important}
  .blog-article-heading{padding:2px 2px 4px!important}
}
@media(max-width:900px){
  .blog-index-grid{grid-template-columns:1fr!important}
  .blog-post{padding-top:22px!important}
}
@media(max-width:680px){
  .blog-index-shell{padding-top:26px}
  .blog-index-card{min-height:0;padding:19px!important;border-radius:16px!important}
  .blog-homepage-hero-media{min-height:600px;border-radius:20px}
  .blog-homepage-hero-media>.hero-image{min-height:600px!important}
  .blog-homepage-hero-media>.hero-image img{object-position:63% 50%!important}
  .blog-homepage-hero-media>.hero-copy{width:100%!important;padding:28px 20px 88px!important;justify-content:flex-end!important}
  .blog-homepage-hero-media>.hero-copy>p{font-size:.9rem!important}
  .blog-homepage-hero-media .hero-actions{width:100%!important}
  .blog-homepage-hero-media .hero-actions .button{width:100%!important}
  .blog-homepage-hero-media .hero-facts{gap:7px 12px!important}
  .blog-answer{padding:18px;border-radius:15px}
  .blog-section{padding:18px;border-radius:15px}
  .blog-faq{padding:18px;border-radius:15px}
  .blog-seo-static{padding:18px;border-radius:15px}
}
.blog-index-card[hidden]{display:none!important}
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:30px 0 0}
.blog-pagination[hidden]{display:none!important}
.blog-pagination-button{min-width:40px;height:38px;padding:0 12px;border:1px solid #d4ded5;border-radius:10px;background:#fff;color:#243128;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.blog-pagination-button:hover:not(:disabled){border-color:#91a494;background:#f4f8f4}
.blog-pagination-button.active{border-color:#243128;background:#243128;color:#fff}
.blog-pagination-button:disabled{opacity:.42;cursor:not-allowed}
.blog-pagination-gap{display:grid;place-items:center;min-width:20px;height:38px;color:#69766d;font-weight:800}
@media(max-width:680px){
  .blog-pagination{justify-content:center;gap:5px;margin-top:22px}
  .blog-pagination-button{min-width:36px;height:36px;padding:0 9px;font-size:.78rem}
  .blog-pagination-gap{height:36px}
}