/* ============================================================
   VeriGroup — blog styles (index + article pages).
   Builds entirely on the tokens & components in base.css.
   Generated pages: blog.html and blog/<slug>.html.
   ============================================================ */

/* ---------- Blog index: header ---------- */
.bhead{background:var(--surface-card);padding:var(--space-16) 0 var(--space-4);}
.bhead__title{font-size:var(--fs-h-xl);line-height:var(--lh-h-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:var(--space-3) 0 0;max-width:18ch;}

/* ---------- Blog index: featured post ---------- */
.bfeat-section{padding-top:var(--space-10);}
.bfeat{display:grid;grid-template-columns:1.15fr 1fr;text-decoration:none;color:inherit;}
.bfeat__media{aspect-ratio:1200/630;overflow:hidden;background:var(--ink-900);}
.bfeat__media img{width:100%;height:100%;object-fit:cover;display:block;}
.bfeat__body{padding:var(--space-10);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start;justify-content:center;}
.bfeat__badges{display:flex;gap:var(--space-2);}
.bfeat__title{font-size:var(--fs-h-md);line-height:var(--lh-h-md);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0;}
.bfeat__excerpt{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);margin:0;}
.bfeat__btn{margin-top:var(--space-2);}

/* ---------- Blog index: filters ---------- */
.bfilter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);}
.bfilter__btn{appearance:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:8px 16px;transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);}
.bfilter__btn:hover{color:var(--text-primary);border-color:var(--border-strong);}
.bfilter__btn--active{background:var(--color-brand);border-color:var(--color-brand);color:#fff;}
.bfilter__btn--active:hover{color:#fff;}
.bfilter__btn--tag{text-transform:lowercase;}

/* ---------- Blog cards (index grid + "more from the blog") ---------- */
.bgrid-section{background:var(--surface-page);}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}
.bcard{text-decoration:none;color:inherit;}
.bcard__media{aspect-ratio:1200/630;overflow:hidden;background:var(--ink-900);}
.bcard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease-out);}
.bcard:hover .bcard__media img{transform:scale(1.04);}
.bcard .veri-card__body{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;}
.bcard__title{font-size:var(--fs-h-xs);line-height:var(--lh-h-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0;}
.bcard__excerpt{font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bcard__meta{font-size:var(--fs-body-xs);color:var(--text-tertiary);font-weight:var(--fw-semibold);}
.bgrid__empty{color:var(--text-tertiary);font-size:var(--fs-body-lg);padding:var(--space-8) 0;}

/* ---------- Article: hero ---------- */
.post-hero{position:relative;background:var(--ink-900);}
.post-hero__media{position:absolute;inset:0;overflow:hidden;}
.post-hero__media img{width:100%;height:100%;object-fit:cover;opacity:.9;display:block;}
.post-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,26,.25) 0%,rgba(20,20,26,.78) 70%,rgba(20,20,26,.92) 100%);}
.post-hero__panel{position:relative;color:#fff;padding-top:var(--space-24);padding-bottom:var(--space-12);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);}
.post-crumb a{color:rgba(255,255,255,.75);text-decoration:none;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);}
.post-crumb a:hover{color:#fff;}
.post-hero__panel h1{font-size:var(--fs-h-lg);line-height:var(--lh-h-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0;max-width:22ch;}
.post-standfirst{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:rgba(255,255,255,.85);max-width:38em;margin:0;}
.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:var(--fs-body-sm);color:rgba(255,255,255,.8);}
.post-meta strong{color:#fff;font-weight:var(--fw-bold);}
.post-meta__avatar{width:34px;height:34px;border-radius:50%;background:var(--color-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-body-sm);}
.post-meta__dot{opacity:.5;}
.post-hero .veri-badge--brand{background:color-mix(in srgb,var(--color-brand) 28%,transparent);color:#fff;}

/* ---------- Article: layout & typography ---------- */
.post-layout{max-width:820px;padding-top:var(--space-12);padding-bottom:var(--space-16);}
.post-brief{background:var(--surface-page);border:1px solid var(--border-subtle);border-left:4px solid var(--color-brand);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-10);}
.post-brief__label{text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--fw-bold);font-size:var(--fs-body-xs);color:var(--text-brand);margin-bottom:var(--space-3);}
.post-brief ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:var(--space-2);}
.post-brief li{font-size:var(--fs-body-md);line-height:var(--lh-body-md);color:var(--text-secondary);font-weight:var(--fw-medium);}

.post-body{font-size:var(--fs-body-lg);line-height:1.75;color:var(--text-secondary);font-weight:var(--fw-regular);}
.post-body p{margin:0 0 var(--space-5);}
.post-body strong{color:var(--text-primary);font-weight:var(--fw-bold);}
.post-body a{color:var(--text-brand);font-weight:var(--fw-semibold);text-decoration-thickness:1px;text-underline-offset:3px;}
.post-body h2{font-size:var(--fs-h-sm);line-height:var(--lh-h-sm);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:var(--space-12) 0 var(--space-4);}
.post-body h3{font-size:var(--fs-h-xs);line-height:var(--lh-h-xs);font-weight:var(--fw-bold);color:var(--text-primary);margin:var(--space-8) 0 var(--space-3);}
.post-body ul,.post-body ol{margin:0 0 var(--space-5);padding-left:1.3em;display:flex;flex-direction:column;gap:var(--space-2);}
.post-body li::marker{color:var(--text-brand);font-weight:var(--fw-bold);}

/* Pull-quote: any Markdown blockquote renders as a branded pull-quote */
.post-body blockquote{margin:var(--space-10) 0;padding:var(--space-2) 0 var(--space-2) var(--space-8);border-left:4px solid var(--color-brand);}
.post-body blockquote p{font-size:var(--fs-h-xs);line-height:var(--lh-h-xs);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0;}
.post-body blockquote p+p{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-tertiary);font-weight:var(--fw-semibold);margin-top:var(--space-3);}

/* Figures & captions */
.post-figure{margin:var(--space-10) 0;}
.post-figure img{width:100%;border-radius:var(--radius-lg);display:block;}
.post-figure figcaption{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-tertiary);margin-top:var(--space-3);font-weight:var(--fw-medium);}

/* Brand-duotone treatment for real photos: add via
   ![alt](photo.jpg){: .duotone } or wrap the img in class="duotone" */
.post-body img.duotone,.post-figure.duotone img{filter:grayscale(1) sepia(.22) hue-rotate(200deg) saturate(2.4) brightness(.94) contrast(1.06);}

.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-subtle);}

/* ---------- Article: CTA + more posts ---------- */
.post-cta{background:var(--gradient-brand);}
.post-cta .cta__inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--space-10);text-align:center;color:#fff;}
.post-cta h2{font-size:var(--fs-h-md);line-height:var(--lh-h-md);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3);}
.post-cta__sub{font-size:var(--fs-body-lg);color:rgba(255,255,255,.88);margin:0 0 var(--space-8);}
.post-cta .cta__btns{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;}
.post-cta .veri-btn--on-dark{background:#fff;color:var(--veri-blue);}
.post-cta .veri-btn--ghost-light{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);}
.post-more{background:var(--surface-page);}
.post-more__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-10);}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .bfeat{grid-template-columns:1fr;}
  .bgrid{grid-template-columns:1fr;}
  .bfeat__body{padding:var(--space-6);}
  .post-hero__panel{padding-top:var(--space-16);}
  .post-more__grid{grid-template-columns:1fr;}
  .post-layout{padding-top:var(--space-8);}
  .post-body{font-size:var(--fs-body-md);line-height:1.7;}
}
@media (min-width:901px) and (max-width:1100px){
  .bgrid{grid-template-columns:repeat(2,1fr);}
}