/* ==== Related Articles ==== */
.related { margin-top: 28px; }
.related .section-title { font-size: clamp(16px,3vw,20px); margin: 0 0 12px; }
.related .grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 12px; }
.related .card { grid-column: span 4; display:block; text-decoration:none; color:inherit;
  border:1px solid var(--line); border-radius:16px; background:#fff; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.04); }
.related .thumb { aspect-ratio:16/9; background:#e2e8f0; }
.related .body { padding:14px; }
.related .kicker { color:var(--muted); font-size:12px; letter-spacing:.04em; }
.related h3 { margin:6px 0; font-size:16px; }
.related p { color:var(--ink2); font-size:14px; }
@media (max-width:820px){ .related .card { grid-column: span 12; } }