.related-section{padding:64px 0 80px}.related-section h2{color:#111827;font-family:Manrope,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:800;margin:0 0 32px}.related-grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.related-card{border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s}.related-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.08)}.related-image-link{aspect-ratio:16/9;background:#f3f4f6;display:block;overflow:hidden}.related-image-link img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.related-card:hover .related-image-link img{transform:scale(1.03)}.related-image-fallback{background:linear-gradient(135deg,#ede9fe,#e0e7ff);height:100%;width:100%}.related-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.related-card-body h3{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;line-height:1.35;margin:0 0 8px}.related-card-body h3 a{color:#111827;text-decoration:none}.related-card-body h3 a:hover{color:#4f46e5}.related-card-body p{color:#6b7280;flex:1;font-size:13px;line-height:1.55;margin:0 0 16px}.related-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.related-author{color:#374151;font-size:12px;font-weight:600}.related-arrow{color:#9ca3af;font-size:16px;transition:color .15s,transform .15s}.related-card:hover .related-arrow{color:#4f46e5;transform:translate(2px,-2px)}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}.related-grid .related-card:nth-child(3){display:none}}@media (max-width:640px){.related-grid{grid-template-columns:1fr}.related-grid .related-card:nth-child(3){display:flex}}