/* Blog index + article prose. Reuses Direction C palette/fonts from interior-c.css. */
.blog-index{max-width:1180px;margin:0 auto;padding:clamp(56px,8vw,120px) var(--gutter) clamp(64px,9vw,120px)}
.blog-index__head{max-width:760px;margin-bottom:clamp(40px,6vw,72px)}
.blog-index__eyebrow{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:15px;color:var(--gold);margin:0 0 14px}
.blog-index__head h1{font-family:'Barlow Condensed',sans-serif;font-weight:600;line-height:1.02;letter-spacing:-.01em;font-size:clamp(40px,6vw,68px);color:var(--ink);margin:0 0 20px}
.blog-index__intro{font-family:Barlow,sans-serif;font-size:19px;line-height:1.6;color:#3a3f42;margin:0;max-width:60ch}
.blog-index__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(18px,2.4vw,28px)}
.blog-card{display:flex}
.blog-card>a{display:flex;flex-direction:column;gap:12px;width:100%;min-height:100%;padding:28px 26px;background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none;box-shadow:0 1px 2px rgba(22,26,29,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.blog-card>a:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(22,26,29,.5);border-color:var(--gold)}
.blog-card>a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.blog-card__date{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:14px;color:var(--sage)}
.blog-card__title{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:24px;line-height:1.12;color:var(--ink);flex:1}
.blog-card__more{font-family:Barlow,sans-serif;font-weight:600;font-size:15px;color:var(--gold);margin-top:6px}

.blog-post{max-width:760px;margin:0 auto;padding:clamp(40px,6vw,88px) var(--gutter) clamp(56px,8vw,110px)}
.blog-breadcrumb{font-family:Barlow,sans-serif;font-size:14px;color:#5a6063;margin-bottom:28px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.blog-breadcrumb a{color:var(--sage);text-decoration:none;padding:6px 2px;min-height:24px;display:inline-flex;align-items:center}
.blog-breadcrumb a:hover{text-decoration:underline}
.blog-breadcrumb a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.blog-post__eyebrow{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:var(--gold);margin:0 0 14px}
.blog-post__head h1{font-family:'Barlow Condensed',sans-serif;font-weight:600;line-height:1.04;letter-spacing:-.01em;font-size:clamp(34px,5vw,54px);color:var(--ink);margin:0 0 16px}
.blog-post__head time{font-family:Barlow,sans-serif;font-size:15px;color:#5a6063}
.blog-post__body{font-family:Barlow,sans-serif;font-size:18px;line-height:1.68;color:#2b3033;margin-top:clamp(28px,4vw,44px)}
.blog-post__body h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(26px,3.4vw,34px);line-height:1.14;color:var(--ink);margin:44px 0 14px}
.blog-post__body h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:24px;line-height:1.18;color:var(--ink);margin:34px 0 12px}
.blog-post__body p{margin:0 0 20px}
.blog-post__body a{color:#8a6a2f;text-decoration:underline;text-underline-offset:2px}
.blog-post__body a:hover{color:var(--ink)}
.blog-post__body a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.blog-post__body ul,.blog-post__body ol{margin:0 0 22px;padding-left:26px}
.blog-post__body li{margin:0 0 10px}
.blog-post__body strong{color:var(--ink)}
.blog-post__body img{max-width:100%;height:auto;border-radius:14px;margin:14px 0 26px;display:block}
.blog-post__body blockquote{margin:0 0 22px;padding:14px 22px;border-left:4px solid var(--gold);background:var(--cream);border-radius:0 12px 12px 0;font-style:italic}
.blog-post__body hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.blog-post__body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--stone);padding:2px 6px;border-radius:6px}
.blog-table{overflow-x:auto;margin:0 0 26px}
.blog-table table{width:100%;border-collapse:collapse;font-size:16px}
.blog-table th,.blog-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.blog-table th{font-family:'Barlow Condensed',sans-serif;font-weight:600;background:var(--cream);color:var(--ink)}
.blog-post__cta{margin-top:clamp(40px,6vw,64px);padding:clamp(28px,4vw,40px);background:var(--ink);border-radius:20px;color:var(--cream);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.blog-post__cta h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(24px,3vw,32px);margin:0;color:#fff}
.blog-post__cta p{font-family:Barlow,sans-serif;font-size:16px;margin:0 0 8px;color:var(--bluefield)}
.blog-post__cta .ic-btn{margin-top:4px}
@media (max-width:600px){
  .blog-index__grid{grid-template-columns:1fr}
}