/* University of Birmingham CourseAdvisor case study — article visuals, extracted
   from uob-courseadvisor-outcome-based-recruitment-blog.html <style> and scoped
   to .post-article (single.php's content wrapper). Chrome rules from the source
   (nav / hero / .contact-section / .cform / footer / .page-wrap) are intentionally
   dropped — the theme's header.php / footer.php / shared contact-section provide
   those. Loaded after blog-post.css (per-post enqueue by slug). */

.post-article *{box-sizing:border-box;}
.post-article img{max-width:100%;display:block;}

/* Lead + article typography (this post's voice — overrides blog-post.css base) */
.post-article .lead{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:2rem;border-left:3px solid #F5A623;padding-left:1.1rem;}
.post-article h2{font-family:'DM Serif Display',serif;font-size:1.5rem;color:#1a1a2e;margin:3rem 0 0.8rem;line-height:1.2;}
.post-article p{font-size:0.96rem;line-height:1.8;color:#444;margin-bottom:0.9rem;}
.post-article ul{padding-left:1.2rem;margin-bottom:1rem;}
.post-article li{font-size:0.93rem;line-height:1.8;color:#444;margin-bottom:3px;}

/* Visual cards (chart figures) */
.post-article .visual-card{background:#fff;border:0.5px solid #e2e5ea;border-radius:16px;padding:1.6rem;margin:2rem 0;overflow:hidden;}
.post-article .vc-label{font-size:11px;font-weight:700;letter-spacing:0.9px;text-transform:uppercase;color:#999;margin-bottom:1.3rem;}

/* Insight grid */
.post-article .insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:1rem 0;}
.post-article .insight-card{border-radius:12px;padding:1.1rem;border:0.5px solid transparent;}
.post-article .ic-gold{background:#FEF6E4;border-color:#f5c97a;}
.post-article .ic-blue{background:#E6F5FD;border-color:#8fd4f3;}
.post-article .ic-green{background:#EAF8EC;border-color:#8fd9a1;}
.post-article .ic-purple{background:#F3EDFC;border-color:#c3a7e8;}
.post-article .ic-orange{background:#FEF0E7;border-color:#f0b07a;}
.post-article .insight-card h4{font-size:12.5px;font-weight:700;margin-bottom:4px;color:#1a1a2e;}
.post-article .insight-card p{font-size:11.5px;color:#666;line-height:1.5;margin:0;}

/* Field pills */
.post-article .field-pills{display:flex;flex-wrap:wrap;gap:7px;margin:1rem 0;}
.post-article .f-pill{background:#1a1a2e;color:#F5A623;border-radius:20px;padding:5px 13px;font-size:11px;font-weight:600;}

/* FAQ */
.post-article .faq-item{border-top:0.5px solid #e8eaed;padding:1.3rem 0;}
.post-article .faq-item:last-child{border-bottom:0.5px solid #e8eaed;}
.post-article .faq-q{font-size:1rem;font-weight:700;color:#1a1a2e;margin-bottom:0.5rem;}
.post-article .faq-a{font-size:0.93rem;line-height:1.75;color:#555;margin:0;}

/* Divider */
.post-article .divider{border:none;border-top:0.5px solid #e8eaed;margin:3rem 0;}

/* Demo CTA */
.post-article .cta-demo{background:#F5A623;border-radius:16px;padding:2.2rem;margin:2.5rem 0;text-align:center;}
.post-article .cta-demo h3{color:#1a1a2e;font-family:'DM Serif Display',serif;font-size:1.4rem;margin-bottom:0.4rem;}
.post-article .cta-demo p{color:rgba(26,26,46,0.7);font-size:0.9rem;margin-bottom:1.3rem;}
.post-article .btn-dark{display:inline-block;background:#1a1a2e;color:#fff;padding:13px 28px;border-radius:8px;font-size:14px;font-weight:600;}
.post-article .btn-dark:hover{background:#29ABE2;}

/* Responsive (article-only rules from the source) */
@media (max-width:540px){
  .post-article h2{font-size:1.3rem;}
}