/* Sri Golden Meadows – Blog styles (matches site palette) */
.blog-hero{position:relative;height:340px;overflow:hidden;background:#111}
.blog-hero img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.6}
.blog-hero .about-hero-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 20px}
.blog-hero h1{color:#fff;font-size:2.2rem;font-weight:700;text-align:center;max-width:960px;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.blog-article,.blog-index{max-width:860px;margin:0 auto;padding:40px 20px 60px}
.blog-index{max-width:1180px}
.blog-breadcrumb{font-size:.85rem;color:#777;margin-bottom:10px}
.blog-breadcrumb a{color:var(--primary-dark,#aa841c)}
.blog-meta{font-size:.85rem;color:#777;margin-bottom:24px}
.blog-cat{color:var(--primary-dark,#aa841c);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.blog-content{font-size:1.02rem;line-height:1.85;color:#333}
.blog-content p{margin:0 0 18px}
.blog-content h2{font-size:1.5rem;color:#121212;margin:36px 0 14px;padding-bottom:10px;position:relative}
.blog-content h2::after{content:'';position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--primary-color,#d4af37)}
.blog-content h3{font-size:1.2rem;color:#121212;margin:26px 0 10px}
.blog-content ul,.blog-content ol{margin:0 0 20px 22px;padding:0}
.blog-content li{margin-bottom:8px}
.blog-content a{color:var(--primary-dark,#aa841c);text-decoration:underline}
.blog-figure{margin:28px 0}
.blog-figure img{width:100%;height:auto;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:block}
.blog-figure figcaption{font-size:.85rem;color:#777;text-align:center;margin-top:8px}
.blog-cta-box{background:#faf8f2;border:1px solid rgba(212,175,55,.35);border-radius:16px;padding:28px;margin:40px 0}
.blog-cta-box h3{margin:0 0 10px;font-size:1.3rem}
.blog-cta-box p{color:#555;line-height:1.7}
.blog-cta-box a{color:var(--primary-dark,#aa841c)}
.blog-cta-box .about-cta-btn{display:inline-block;background:var(--primary-color,#d4af37);color:#121212!important;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;padding:13px 28px;border-radius:30px;text-decoration:none;margin-top:8px}
.blog-related h3{font-size:1.15rem;margin-bottom:10px}
.blog-related ul{margin:0 0 14px 20px}
.blog-related a{color:var(--primary-dark,#aa841c)}
.blog-intro{text-align:center;max-width:720px;margin:0 auto 36px;color:#555;font-size:1.05rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(0,0,0,.08);display:flex;flex-direction:column}
.blog-card-img img{width:100%;height:220px;object-fit:cover;display:block}
.blog-card-body{padding:20px 22px 24px}
.blog-card-body .blog-meta{margin-bottom:8px}
.blog-card-body h2{font-size:1.15rem;line-height:1.35;margin:0 0 10px}
.blog-card-body h2 a{color:#121212;text-decoration:none}
.blog-card-body p{color:#555;font-size:.95rem;line-height:1.6}
.blog-readmore{color:var(--primary-dark,#aa841c);font-weight:700;font-size:.9rem;text-decoration:none}
@media(max-width:991px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-hero{height:260px}.blog-hero h1{font-size:1.5rem}}
/* CLS guard: pin the typography the async site stylesheets apply, so text does not reflow when they arrive */
.blog-page{font-size:14px;line-height:1.6;letter-spacing:-.2px}
.blog-page .about-hero-label h1{margin-bottom:8px}
.blog-page .blog-article > .blog-meta{line-height:26px}
.blog-page .blog-intro{line-height:26px}
.blog-page .blog-content p{font-size:14px;line-height:26px}
.blog-page .blog-content h2{line-height:24px}
.blog-page .blog-content h3{line-height:19.2px}
.blog-page .blog-content ul,.blog-page .blog-content ol,.blog-page .blog-related ul{font-family:"Work Sans",sans-serif}
.blog-page .blog-cta-box h3{line-height:20.8px}
.blog-page .blog-cta-box p{font-size:14px;line-height:1.7;margin-bottom:16px}
.blog-page .blog-related h3{line-height:18.4px}
.blog-page .blog-related ul{padding-left:20px}
.blog-page .blog-related p{line-height:26px;margin-bottom:16px}
.blog-page .blog-card-body p:not(.blog-meta){margin-bottom:16px}