.related-reading{margin-top:var(--space-9);padding-top:var(--space-7);border-top:1px solid var(--border)}.related-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:999px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.related-grid{grid-template-columns:1fr}}.related-card{padding:var(--space-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease);text-decoration:none;display:block}.related-card:hover{border-color:var(--border-accent)}.related-card-pill{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--violet)}.related-card-title{margin:var(--space-2) 0 var(--space-2);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-body);color:var(--text)}.related-card:hover .related-card-title{color:var(--link)}.related-card-desc{font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-prose);margin:0}.related-card{flex-direction:column;display:flex}.related-card-desc{flex:1}.related-card-more{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--link)}