/* Related articles at the end of a post. Works in both the site shell
   (blog.css) and the standalone research layouts (article.css variables). */
.blog-related{max-width:1160px;margin:64px auto 0;padding:36px 0 8px;border-top:1px solid var(--line,var(--blog-line,#2c2d29));
  font-family:var(--sans,Inter,system-ui,sans-serif)}
.blog-related-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.blog-related-head h2{margin:0;font-family:var(--serif,inherit);font-size:30px;line-height:1.2;font-weight:500;color:var(--ink,#ededee)}
.blog-related-all{flex:none;font-size:14px;font-weight:600;color:var(--ink,#ededee);text-decoration:none;white-space:nowrap}
.blog-related-all span{color:var(--gold,var(--bz-brand,#dbc37d))}
.blog-related-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-related-list li{margin:0;padding:0}
.blog-related-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:22px;border:1px solid var(--line,var(--blog-line,#2c2d29));
  border-radius:12px;background:var(--surface,rgb(255 255 255/.02));color:inherit;text-decoration:none;transition:border-color .2s}
.blog-related-card:hover{border-color:var(--gold,var(--bz-brand,#dbc37d))}
.blog-related-card:focus-visible{outline:2px solid var(--gold,var(--bz-brand,#dbc37d));outline-offset:3px}
.blog-related-meta{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,var(--blog-muted,#9b9e93))}
.blog-related-name{font-size:19px;line-height:1.35;font-weight:600;color:var(--ink,#ededee)}
.blog-related-summary{font-size:15px;line-height:1.55;color:var(--muted,var(--blog-muted,#9b9e93))}
@media(max-width:900px){.blog-related-list{grid-template-columns:1fr}}
@media(max-width:600px){.blog-related{margin-top:44px}.blog-related-head{flex-direction:column;gap:10px}.blog-related-head h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.blog-related-card{transition:none}}
@media print{.blog-related{display:none}}