.related-posts{margin-top:48px;padding-top:32px;border-top:1px solid var(--border,rgba(127,127,127,.2));}
.related-posts h3{font-size:1.25rem;margin:0 0 20px;color:var(--text,inherit);letter-spacing:-0.01em;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:stretch;}
.related-card{display:flex;flex-direction:column;background:var(--bg-card,rgba(255,255,255,0.04));border:1px solid var(--border,rgba(127,127,127,.2));border-radius:var(--radius,12px);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.related-card:hover{transform:translateY(-3px);border-color:var(--accent,rgba(127,127,127,.45));box-shadow:0 6px 20px rgba(0,0,0,.12);}
.related-card-image{aspect-ratio:16/9;background:var(--bg-elevated,rgba(127,127,127,0.08)) center/cover no-repeat;transition:filter .2s ease;}
.related-card:hover .related-card-image{filter:brightness(1.05);}
.related-card-image-fallback{background:linear-gradient(135deg,var(--bg-elevated,rgba(127,127,127,0.08)) 0%,var(--bg-card,rgba(127,127,127,0.18)) 100%);}
.related-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.related-card-cat{font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;color:var(--accent,currentColor);}
.related-card-title{margin:0;font-size:1rem;line-height:1.35;font-weight:600;color:var(--text,inherit);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.related-card-excerpt{margin:0;font-size:0.85rem;line-height:1.45;color:var(--text-muted,currentColor);opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.related-card-meta{margin-top:auto;font-size:0.72rem;letter-spacing:0.02em;color:var(--text-muted,currentColor);opacity:.75;}