/* Native Blog additions; existing grid cards and shared chrome keep their styles. */
#top.blog .dr-blog-heading{padding:48px 0 24px;background:#fff8f2}
#top.blog .dr-blog-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#ff6b00;font:700 12px/1.5 Montserrat,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase}
#top.blog .dr-blog-eyebrow:before{content:"";width:28px;height:2px;background:#ff6b00;flex-shrink:0}
#top.blog .dr-blog-heading h1{margin:0 0 20px;font:800 clamp(32px,4.8vw,50px)/1.08 Montserrat,"Segoe UI",sans-serif;letter-spacing:-.025em;text-transform:none;color:#222}
#top.blog .dr-blog-description{margin:0 0 28px;font:400 18px/1.6 Inter,"Segoe UI",sans-serif;color:#667085}
#top.blog .dr-blog-filters{display:flex;flex-wrap:wrap;gap:12px}
#top.blog .dr-blog-filter{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e7ddd0;border-radius:999px;padding:12px 22px;font:600 14px/1.5 Montserrat,"Segoe UI",sans-serif;text-decoration:none;background:#fff;color:#222;transition:background .2s,color .2s,border-color .2s}
#top.blog .dr-blog-filter:hover,#top.blog .dr-blog-filter:focus-visible{border-color:#ff6b00;color:#e05f00;text-decoration:none}
#top.blog .dr-blog-filter.is-active{background:#ff6b00;border-color:#ff6b00;color:#fff}
#top.blog .dr-blog-filter:focus-visible,#top.blog .dr-blog-guide a:focus-visible{outline:2px solid #0066ff;outline-offset:4px}
#top.blog .template-blog>.content{padding-top:24px}
#top.blog .dr-blog-guide{padding:24px 0 64px;background:#fff8f2}
#top.blog .dr-blog-guide-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;border:1px solid #e7ddd0;border-radius:20px;padding:clamp(24px,4vw,48px);background:#fff;box-shadow:0 1px 2px #2222220f,0 8px 20px #2222220d;font-family:Inter,"Segoe UI",sans-serif}
#top.blog .dr-blog-guide-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#ff6b00;font:700 12px/1.5 Montserrat,"Segoe UI",sans-serif;letter-spacing:.12em;text-transform:uppercase}
#top.blog .dr-blog-guide-eyebrow:before{content:"";width:28px;height:2px;background:#ff6b00;flex-shrink:0}
#top.blog .dr-blog-guide h2{margin:0 0 20px;font:800 clamp(24px,3vw,36px)/1.45 Montserrat,"Segoe UI",sans-serif;letter-spacing:-.02em;text-transform:none;color:#222}
#top.blog .dr-blog-guide-description p{margin:0;color:#667085;font:400 15px/1.6 Inter,"Segoe UI",sans-serif}
#top.blog .dr-blog-guide-actions .resource__ctas{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#top.blog .dr-blog-guide-actions .resource__cta{display:inline-flex;align-items:center;justify-content:center;padding:18px 32px;border-radius:999px;border:1px solid #ff6b00;background:#ff6b00;color:#fff;font:700 15px/1.5 Montserrat,"Segoe UI",sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}
#top.blog .dr-blog-guide-actions .resource__cta:hover{background:#e05f00;border-color:#e05f00;transform:translateY(-2px)}
#top.blog .dr-blog-guide-actions .resource__all-link{font:600 13px/1.5 Montserrat,"Segoe UI",sans-serif;color:#ff6b00;text-decoration:none}
#top.blog .dr-blog-guide-actions .resource__all-link:hover{text-decoration:underline}
@media(max-width:767px){#top.blog .dr-blog-heading{padding-top:32px}#top.blog .dr-blog-filter{padding:10px 16px;font-size:13px}#top.blog .dr-blog-guide-card{grid-template-columns:1fr;gap:24px}#top.blog .dr-blog-guide{padding-bottom:40px}}

@media(max-width:767px){#top.blog .dr-blog-title-break{display:none}}

/* Remove the divider between the Blog filters and post grid. */
#top.blog .dr-blog-heading + .container_wrap_first{border-top:0}
