/* related-posts.css — runmotoapparel.com related articles.
 * Structure A (post-optimizer / render_article grid) + Structure B (Bootstrap row). */
.related-posts-section{padding:48px 0 16px;margin-top:0}
.related-posts-header{text-align:left;margin-bottom:28px}
.related-posts-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:'Barlow Condensed','Inter',sans-serif;font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5C636D;margin-bottom:8px}
.related-posts-eyebrow::before{content:"";width:28px;height:3px;background:#FF4C00}
.related-posts-title{font-family:'Barlow Condensed','Inter',sans-serif;font-size:39px;font-weight:700;line-height:1.05;color:#0B0C10;margin:0}

.related-posts-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.related-posts-card{display:flex;flex-direction:column;background:#fff;border:1px solid #D9DCE1;border-radius:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none;color:inherit}
.related-posts-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(11,12,16,.18);border-color:#9AA0A8}
.related-posts-card-media{display:block;background:#F3F4F6}
.related-posts-card-image{display:block;width:100%;height:200px;object-fit:cover;margin:0}
.related-posts-card-content{padding:20px 20px 24px;flex:1;display:flex;flex-direction:column;border-top:3px solid #0B0C10}
.related-posts-card:hover .related-posts-card-content{border-top-color:#FF4C00}
.related-posts-card-kicker{font-family:'Barlow Condensed','Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5C636D;margin:0 0 8px}
.related-posts-card-title{font-family:'Barlow Condensed','Inter',sans-serif;font-size:20px;font-weight:700;line-height:1.2;color:#0B0C10;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-posts-card-link{color:inherit;text-decoration:none}
.related-posts-card-link:hover{text-decoration:underline;text-decoration-color:#FF4C00}
.related-posts-card-excerpt{font-size:16px;color:#5C636D;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.related-post-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #D9DCE1;border-radius:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.related-post-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(11,12,16,.18)}
.related-post-image{width:100%;height:200px;object-fit:cover;display:block}
.related-post-body{padding:20px 20px 24px;flex:1}
.related-post-category{display:inline-block;font-family:'Barlow Condensed','Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5C636D;margin-bottom:8px}
.related-post-title{font-family:'Barlow Condensed','Inter',sans-serif;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 8px}
.related-post-title a{color:#0B0C10;text-decoration:none}
.related-post-title a:hover{text-decoration:underline;text-decoration-color:#FF4C00}
.related-post-excerpt{font-size:16px;color:#5C636D;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

@media (max-width:991.98px){.related-posts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.related-posts-list{grid-template-columns:1fr}.related-posts-title{font-size:31px}}
@media (prefers-reduced-motion:reduce){.related-posts-card,.related-post-card{transition:none}.related-posts-card:hover,.related-post-card:hover{transform:none}}