/* =====================================================
   R1 ReadyFirst – Blog Index Layout
   v48 – Minimal editorial list with images
   Requires: shared.css
   ===================================================== */

/* HERO */
.blog-hero{background:var(--g-deep);padding:var(--xxl) var(--md) var(--xl);position:relative;overflow:hidden;color:var(--white)}
.blog-hero::before{content:'';position:absolute;top:-100px;right:-80px;width:360px;height:360px;border-radius:50%;background:rgba(var(--jade-lt-rgb),.04)}
.blog-hero__inner{position:relative;z-index:1;max-width:680px;margin:0 auto;text-align:center}
.blog-hero .section-eyebrow{color:var(--eyebrow-dark)}
.blog-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,2.75rem);font-weight:700;line-height:1.15;margin-bottom:var(--sm);color:var(--white)}
.blog-hero__sub{font-family:var(--font-prose);font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.7;color:rgba(var(--sand-rgb),.75);max-width:560px;margin:0 auto}

/* ARTICLE LIST – minimal editorial style */
.blog-list{padding:var(--xl) var(--md) var(--xxl);background:var(--sand)}
.blog-list__inner{max-width:1060px;margin:0 auto}

/* ARTICLE ITEM */
.blog-item{display:grid;grid-template-columns:380px 1fr;gap:var(--lg);align-items:start;text-decoration:none;color:var(--char);padding:var(--lg) 0;border-bottom:1px solid var(--sand-dk)}
.blog-item:first-child{padding-top:0}
.blog-item:last-child{border-bottom:none}

/* Image */
.blog-item__img-wrap{overflow:hidden;border-radius:10px;aspect-ratio:16/11}
.blog-item__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.blog-item:hover .blog-item__img{transform:scale(1.03)}

/* Text */
.blog-item__text{display:flex;flex-direction:column}
.blog-item__series{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;color:var(--jade);background:rgba(var(--jade-rgb),.08);padding:.25rem .625rem;border-radius:100px;display:inline-block;margin-bottom:.625rem;width:fit-content}
.blog-item__meta{font-family:var(--font-ui);font-size:.75rem;color:var(--wgray);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.blog-item__title{font-family:var(--font-display);font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;line-height:1.3;color:var(--char);margin-bottom:.5rem;transition:color .2s}
.blog-item:hover .blog-item__title{color:var(--jade)}
.blog-item__excerpt{font-family:var(--font-prose);font-size:1rem;line-height:1.65;color:var(--char);flex:1}
.blog-item__read{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--jade);margin-top:var(--sm);display:inline-flex;align-items:center;gap:.375rem}
.blog-item__read .arrow{transition:transform .3s}
.blog-item:hover .blog-item__read .arrow{transform:translateX(3px)}

/* RESPONSIVE */
@media(max-width:1024px){
  .blog-item{grid-template-columns:280px 1fr}
}
@media(max-width:767px){
  .blog-hero{padding:var(--xl) var(--sm) var(--lg)}
  .blog-list{padding:var(--lg) var(--sm) var(--xl)}
  .blog-item{grid-template-columns:1fr;gap:var(--sm);padding:var(--md) 0}
  .blog-item__img-wrap{aspect-ratio:16/9;max-height:220px}
}

/* CTA */
.blog-cta{padding:var(--xl) var(--md);background:var(--g-forest);text-align:center}
.blog-cta__inner{max-width:620px;margin:0 auto}
.blog-cta h2{color:var(--white);margin-bottom:var(--sm)}
.blog-cta p{color:rgba(var(--sand-rgb),.8);font-size:1.0625rem;margin-bottom:var(--lg)}
.blog-cta__actions{display:flex;justify-content:center;gap:var(--sm);flex-wrap:wrap}