/* ---- Page Hero ---- */
  .page-hero{
    background:var(--white);
    color:var(--black);
    padding:110px 24px 40px;
    text-align:center;
  }
  .page-hero h1{
    font-family:'Georgia', 'Times New Roman', serif;
    font-size:42px;
    font-weight:700;
    max-width:760px;
    margin:0 auto;
    line-height:1.3;
  }

  /* ---- Article ---- */
  .article-section{padding:20px 0 100px;}
  .article-wrap{max-width:740px; margin:0 auto;}
  .placeholder{
    background:linear-gradient(135deg,#ececec,#dcdcdc);
    color:#a3a3a3;
    border:1px solid #d5d5d5;
    display:flex; align-items:center; justify-content:center;
    font-family:'Helvetica Neue', Arial, sans-serif;
    font-size:13px; letter-spacing:1px; text-transform:uppercase;
  }
  .featured-image{width:100%; height:380px; object-fit:cover; border-radius:8px; margin-bottom:44px;}
  .inline-image{width:100%; height:280px; object-fit:cover; border-radius:8px; margin:36px 0;}
  .article-wrap p{font-size:16.5px; color:#2b2b2b; margin-bottom:20px;}
  .article-wrap h2{font-size:26px; margin:46px 0 18px; color:var(--black);}
  .article-wrap h3{font-size:19px; margin:28px 0 10px; color:var(--black);}
  .article-wrap strong{color:var(--black);}
  .article-cta{
    text-align:center; margin-top:56px; padding:44px 36px;
    background:var(--gray); border:1px solid var(--line); border-radius:10px;
  }
  .article-cta p{font-size:18px; margin-bottom:22px;}
  @media (max-width:560px){
    .page-hero h1{font-size:30px;}
    .page-hero{padding:80px 20px 30px;}
    .featured-image{height:220px;}
    .inline-image{height:200px;}
    .article-wrap h2{font-size:22px;}
    .article-cta{padding:32px 22px;}
  }