/* =====================================================
   Blog post extras (group: blog) — loaded after inner.css
   ===================================================== */

/* Posts without a featured image */
.post-hero.plain{background:var(--navy);min-height:220px}
.post-hero.plain::before{display:none}

/* Buttons inside a post */
.post-body .cta{margin:4px 0 34px}
.post-body .cta.center{text-align:center}
.post-body a.btn{color:#fff;font-weight:700}
.post-body a.btn:hover{text-decoration:none}

/* Five-star review cards (FAQ posts) */
.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:6px 0 34px}
.review-grid .rv{background:#f8f9fa;border:1px solid #ececec;border-radius:6px;padding:24px 26px}
.review-grid .rv .stars{margin:0 0 12px;color:#f5b400}
.review-grid .rv .stars svg{width:14px;height:14px}
.review-grid .rv p{margin:0;font-style:italic;font-size:15.5px;line-height:1.9;color:#333}

/* Inline images */
.post-body img.float-r{float:right;width:300px;max-width:45%;height:auto;margin:6px 0 16px 30px}
.post-body img.float-l{float:left;width:300px;max-width:45%;height:auto;margin:6px 30px 16px 0}
.post-body img.wide{display:block;width:100%;height:auto;margin:10px 0 30px}
.post-body .clear{clear:both}

/* "10 tips" post: H3 groups sit indented under each numbered H2 */
.post-body .tip{padding-left:24px}
.post-body .tip h3{margin-top:26px}

/* Pill list (pediatric post key factors) */
.post-body .pill-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:14px 18px}
.post-body .pill-list li{position:relative;margin:0;padding-left:16px;font-size:14px;line-height:1}
.post-body .pill-list li::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2px;background:#333}
.post-body .pill-list li span{display:inline-block;background:#eaf3fe;color:#1a73e8;font-weight:700;border-radius:100px;padding:10px 18px}

/* Q&A post: grouped sections separated by a rule */
.post-body .qa-group+.qa-group{border-top:1px solid #e5e5e5;margin-top:34px}
.post-body .qa-group p{margin-bottom:22px}
.post-body .qa-group p strong{color:#222}

/* Author box variant for the practice logo */
.author-box img.logo-avatar{border-radius:0;width:150px;height:auto;flex-basis:150px;object-fit:contain}

@media (max-width:760px){
  .review-grid{grid-template-columns:1fr}
  .post-body img.float-r,.post-body img.float-l{float:none;display:block;max-width:100%;margin:6px 0 20px}
  .post-body .tip{padding-left:0}
  .post-hero.plain{min-height:180px}
}

/* Author role (Heather Aguilar) */
.author-box .name .role{font-family:var(--inter);font-weight:400;font-size:14px;color:#666;margin-left:8px}

/* Plain hero needs breathing room above long titles; tighter list items like the original */
.post-hero.plain .container{padding-top:44px}
.blog-page .post-body li{margin:0 0 6px}