/* Blog hub and article enhancements only. */
.blog-index-page .blog-hero { min-height: clamp(390px, 37vw, 510px); display: grid; align-items: center; padding: 0; background: linear-gradient(90deg, rgba(45,25,12,.82) 0%, rgba(45,25,12,.58) 44%, rgba(45,25,12,.2) 75%), url('../images/blog-travel-guides-hero.jpg') center 50% / cover no-repeat; }
.blog-index-page .blog-hero .wrap { padding-block: 88px; }
.blog-index-page .blog-hero h1 { max-width: 760px; font-size: clamp(2.8rem, 5.3vw, 5rem); }
.blog-index-page .blog-hero p { max-width: 680px; font-size: 1.05rem; line-height: 1.72; }
.blog-featured { padding-block: clamp(62px, 7vw, 98px); background: #fffaf2; }
.blog-featured-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); overflow: hidden; border: 1px solid #e2cdb2; border-radius: 20px; background: #fffdf9; box-shadow: 0 13px 30px rgba(69,39,18,.1); }
.blog-featured-grid > img { width: 100%; height: 100%; min-height: 350px; object-fit: cover; object-position: center; }
.blog-featured-grid > div { display: flex; flex-direction: column; justify-content: center; padding: clamp(31px, 5vw, 64px); }
.blog-featured-grid h2 { margin: 11px 0 15px; color: #372217; font-size: clamp(2rem, 3.4vw, 3.25rem); }
.blog-featured-grid p { max-width: 520px; margin: 0 0 25px; color: #6d5c4d; line-height: 1.72; }
.blog-guides-section { padding-block: clamp(68px, 8vw, 108px); }
.blog-filters { display: flex; flex-wrap: wrap; gap: 9px; margin: -8px 0 32px; }
.blog-filters button { border: 1px solid #dfcdb8; border-radius: 999px; padding: 10px 14px; background: #fffdf9; color: #5a3b23; font: 800 .75rem/1 Inter, Arial, sans-serif; cursor: pointer; transition: .2s ease; }
.blog-filters button:hover, .blog-filters button.is-active { border-color: #b66e2b; background: #8d4e1d; color: #fff; }
.blog-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; align-items: stretch; }
.blog-guide-card { display: flex; min-height: 430px; flex-direction: column; overflow: hidden; border: 1px solid #e5d4bf; border-radius: 16px; background: #fffdf9; box-shadow: 0 7px 18px rgba(69,39,18,.055); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.blog-guide-card:hover { transform: translateY(-4px); border-color: #d2a16c; box-shadow: 0 15px 28px rgba(69,39,18,.12); }
.blog-guide-card[hidden] { display: none; }
.blog-guide-card > img { width: 100%; height: 205px; flex: 0 0 205px; object-fit: cover; }
.blog-guide-content { display: flex; flex: 1; flex-direction: column; padding: 20px 21px 22px; }
.blog-guide-content > span { color: #a25b20; font: 800 .67rem/1.3 Inter,Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.blog-guide-content h3 { margin: 10px 0 10px; color: #382318; font-size: 1.45rem; line-height: 1.14; }
.blog-guide-content p { margin: 0; color: #6c5b4d; font-size: .91rem; line-height: 1.62; }
.blog-guide-content a { margin-top: auto; padding-top: 19px; color: #9f581f; font-size: .82rem; font-weight: 800; }
.blog-plan-cta { padding: clamp(75px, 9vw, 118px) 20px; background: linear-gradient(90deg, rgba(57,32,15,.92), rgba(95,52,21,.7)), url('../images/braj-tours-hero.jpg') center / cover; color: #fff; text-align: center; }
.blog-plan-cta .wrap { max-width: 780px; }
.blog-plan-cta .eyebrow { color: #f0c67b; }
.blog-plan-cta h2 { margin: 11px 0 13px; font-size: clamp(2.2rem, 4.3vw, 3.7rem); }
.blog-plan-cta p { margin: 0 auto 24px; color: #fff3df; line-height: 1.7; }
.blog-plan-cta > .wrap > div:last-child { display: flex; justify-content: center; flex-wrap: wrap; gap: 11px; }
.blog-plan-cta .btn-light { color: #553117; }
.blog-article .page-hero { padding-block: clamp(75px, 8vw, 108px); }
.blog-article .article { max-width: 850px; }
.blog-article .article h2 { margin-top: 42px; }
.blog-article .article h3 { margin-top: 25px; font-size: 1.35rem; }
.article-journey-cta { margin-top: 44px; padding: 29px; border: 1px solid #e0c8a8; border-radius: 16px; background: #fff8eb; }
.article-journey-cta h2 { margin: 0 0 8px !important; color: #3c2617; font-size: 1.9rem !important; }
.article-journey-cta p { margin: 0 0 18px; }
.article-journey-cta > div { display: flex; flex-wrap: wrap; gap: 10px; }
.article-journey-cta .btn-outline { color: #784019; border-color: #d1ad80; }
@media(max-width:850px) { .blog-featured-grid { grid-template-columns: 1fr; } .blog-featured-grid > img { min-height: 290px; max-height: 390px; } .blog-guide-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(max-width:540px) { .blog-index-page .blog-hero { min-height: 400px; background-position: 54% center; } .blog-index-page .blog-hero .wrap { padding-block: 70px; } .blog-featured-grid { border-radius: 16px; } .blog-featured-grid > img { min-height: 240px; } .blog-featured-grid > div { padding: 27px 21px 29px; } .blog-filters { margin-bottom: 26px; } .blog-filters button { padding: 9px 11px; font-size: .68rem; } .blog-guide-grid { grid-template-columns: 1fr; gap: 17px; } .blog-guide-card { min-height: 0; } .blog-guide-card > img { height: 210px; flex-basis: 210px; } .article-journey-cta { padding: 23px 20px; } .article-journey-cta .btn { width: 100%; } }