.blog-hero{padding-bottom:40px}
.blog-filterbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 10px}
.blog-grid{display:grid;gap:26px;grid-template-columns:1fr;margin-top:44px}
@media (min-width:680px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.blog-card__top{padding:22px 24px 0}
.blog-card__tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);background:rgba(31,122,108,.1);padding:5px 12px;border-radius:999px;display:inline-block;font-weight:700}
.blog-card__body{padding:16px 24px 26px;flex:1;display:flex;flex-direction:column}
.blog-card__body h3{font-family:var(--font-display);font-size:19px;font-weight:600;margin:8px 0 10px;line-height:1.3}
.blog-card__body p{color:var(--ash);font-size:14px;line-height:1.65;margin-bottom:16px;flex:1}
.blog-card__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ash);margin-bottom:2px}
.blog-card__link{font-weight:700;font-size:13.5px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.blog-card__link i{font-size:11px;transition:transform .2s}
.blog-card:hover .blog-card__link i{transform:translateX(4px)}

.article-wrap{max-width:760px;margin:0 auto}
.article-meta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.65);margin-top:10px}
.article-body{padding:70px 0 20px}
.article-body h2{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,3.4vw,28px);color:var(--ink);margin:38px 0 14px}
.article-body h2:first-child{margin-top:0}
.article-body h3{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--ink);margin:26px 0 10px}
.article-body p{color:var(--charcoal);font-size:16px;line-height:1.8;margin-bottom:16px}
.article-body ul,.article-body ol{margin:8px 0 20px 22px;color:var(--charcoal);font-size:15.5px;line-height:1.8}
.article-body li{margin-bottom:8px}
.article-body a{color:var(--teal-d);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.article-lead{font-size:18px !important;color:var(--ash) !important;line-height:1.7 !important}
.article-callout{background:var(--parchment);border-left:4px solid var(--teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:20px 24px;margin:24px 0;font-size:15px;color:var(--charcoal)}
.article-callout strong{color:var(--ink)}
.article-share{display:flex;align-items:center;gap:14px;margin:40px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-share span{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ash)}
.article-related{margin-top:10px}