.related-posts-container { color: #000f40;}.related-posts-container h2 { margin-bottom: 20px; font-size: 1.5rem; font-weight: 700;}.related-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}.related-post-card a { color: inherit; transition: color 0.2s;}.related-post-img-container { height: 190px; position: relative; background-color: #e6f8ff;}body.contrast .related-post-img-container { background-color: #333333;}.related-post-img-container img { width: 100%; height: 100%; object-fit: cover; font-size: 0.938rem;}.related-post-tags { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; position: absolute; bottom: 10px; left: 10px;}.related-post-tags a { padding: 3px 5px; border-radius: 4px; line-height: 15px; font-size: 0.688rem; font-weight: 700; color: #000f40; background-color: #ffffff; border: 1px solid #ffffff; box-shadow: rgb(0 15 64 / 20%) 0px 1px 5px; transition: color 0.2s;}.related-post-card h4 { margin-top: 0; padding-top: 15px; font-size: 0.938rem; font-weight: 400;}.related-post-card a:hover { color: #ff4f33;}@media screen and (max-width: 1024px) { .related-posts { grid-template-columns: repeat(2, 1fr); } .related-post-img-container { height: 23vw; }}@media screen and (max-width: 768px) { .related-posts { grid-template-columns: repeat(1, 1fr); } .related-post-img-container { height: 45vw; }}