/* ═══════════════════════════════════
   BLOG STYLES — extends main style.css
═══════════════════════════════════ */

.active-link{color:var(--ink) !important;background:rgba(168,124,63,.1) !important;font-weight:600 !important}

/* ── BLOG HERO ── */
.blog-hero{background:var(--plaster);padding:5rem 0 4rem;text-align:center}
.blog-hero .eyebrow{text-align:center}
.blog-hero h1{font-family:var(--font-d);font-size:clamp(2rem,5vw,3.2rem);font-weight:600;color:var(--ink);line-height:1.15;max-width:760px;margin:0 auto 1.25rem;letter-spacing:-0.01em}
.blog-hero-sub{font-size:1.05rem;color:var(--ink-soft);max-width:600px;margin:0 auto;line-height:1.7}

/* ── BLOG GRID ── */
.blog-grid-section{padding:4rem 0}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}
.blog-card{border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:all var(--trans);background:var(--white)}
.blog-card:hover{border-color:var(--brass);box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.blog-card-link{display:block;padding:2rem;text-decoration:none;color:inherit}
.blog-card-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-dark);background:rgba(168,124,63,.1);padding:.25rem .7rem;border-radius:50px;margin-bottom:1rem}
.blog-card h2{font-family:var(--font-d);font-size:1.35rem;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:.75rem}
.blog-card p{font-size:.9rem;color:var(--stone);line-height:1.6;margin-bottom:1.25rem}
.blog-card-read{font-size:.85rem;font-weight:600;color:var(--brass-dark)}
.blog-card:hover .blog-card-read{color:var(--ink)}

/* ── BLOG CTA ── */
.blog-cta-section{padding:1rem 0 4rem;text-align:center}
.blog-cta-inner h2{font-family:var(--font-d);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;color:var(--ink);margin-bottom:.75rem}
.blog-cta-inner p{color:var(--stone);font-size:1rem;margin-bottom:1.75rem}

/* ══════════════════════════════
   ARTICLE PAGE STYLES
══════════════════════════════ */
.article-hero{background:var(--plaster);padding:4rem 0 3rem}
.article-breadcrumb{font-size:.82rem;color:var(--stone);margin-bottom:1.25rem}
.article-breadcrumb a{color:var(--brass-dark)}
.article-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-dark);background:rgba(168,124,63,.1);padding:.3rem .8rem;border-radius:50px;margin-bottom:1.25rem}
.article-hero h1{font-family:var(--font-d);font-size:clamp(2rem,5vw,3rem);font-weight:600;color:var(--ink);line-height:1.18;max-width:780px;margin-bottom:1.25rem;letter-spacing:-0.01em}
.article-meta{font-size:.85rem;color:var(--stone);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}

.article-body{padding:3.5rem 0;max-width:740px;margin:0 auto}
.article-body p{font-size:1.05rem;color:var(--ink-soft);line-height:1.85;margin-bottom:1.5rem}
.article-body h2{font-family:var(--font-d);font-size:1.65rem;font-weight:600;color:var(--ink);margin:2.5rem 0 1.25rem;line-height:1.3}
.article-body h3{font-family:var(--font-d);font-size:1.3rem;font-weight:600;color:var(--ink);margin:2rem 0 1rem}
.article-body ul,.article-body ol{margin:0 0 1.5rem 1.5rem;color:var(--ink-soft)}
.article-body li{font-size:1.02rem;line-height:1.8;margin-bottom:.6rem}
.article-body strong{color:var(--ink);font-weight:600}
.article-body blockquote{border-left:3px solid var(--brass);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;font-family:var(--font-d);font-style:italic;font-size:1.15rem;color:var(--ink-soft)}

.article-callout{background:var(--plaster);border-radius:var(--r-lg);padding:1.75rem 2rem;margin:2.5rem 0;display:flex;align-items:flex-start;gap:1rem}
.article-callout-icon{font-size:1.4rem;flex-shrink:0}
.article-callout-text strong{display:block;color:var(--ink);margin-bottom:.35rem;font-size:.95rem}
.article-callout-text p{font-size:.92rem;color:var(--ink-soft);margin-bottom:0;line-height:1.6}

.article-cta{background:var(--ink);border-radius:var(--r-lg);padding:2.5rem 2rem;text-align:center;margin:3rem 0 1rem}
.article-cta h3{font-family:var(--font-d);font-size:1.5rem;font-weight:600;color:var(--white);margin-bottom:.75rem}
.article-cta p{color:rgba(251,250,247,.7);font-size:.95rem;margin-bottom:1.5rem}

.article-related{padding:3rem 0 4rem;border-top:1px solid var(--line)}
.article-related h3{font-family:var(--font-d);font-size:1.4rem;font-weight:600;color:var(--ink);margin-bottom:1.5rem;text-align:center}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:980px;margin:0 auto}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .blog-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:1fr}
  .article-body{padding:2.5rem 0}
}