.latest-posts-container { color: #000f40;}.latest-posts-container h2 { margin-bottom: 20px; font-size: 1.5rem; font-weight: 700;}.latest-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}.latest-post-card a { color: inherit; transition: color 0.2s;}.latest-post-img-container { height: 190px; position: relative; background-color: #e6f8ff;}body.contrast .latest-post-img-container { background-color: #333333;}.latest-post-img-container img { width: 100%; height: 100%; object-fit: cover; font-size: 0.938rem;}.latest-post-tags { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; position: absolute; bottom: 10px; left: 10px;}.latest-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;}.latest-post-card h4 { margin-top: 0; padding-top: 15px; font-size: 0.938rem; font-weight: 400;}.latest-post-card a:hover { color: #ff4f33;}.latest-posts-load-container { padding: 0 0 30px; display: flex; align-items: center; justify-content: center;}.latest-posts-load-container button,.latest-posts-load-container .spinner { margin-top: 60px;}.latest-posts-load-container button { width: 35%; padding: 15px 50px; font-size: 0.875rem; font-weight: 700; line-height: 20px; border-radius: 4px; border: none; display: block; text-align: center; transition-duration: 0.3s; transition-property: background-color, color, opacity; background-color: #ff4f33; color: #ffffff;}.latest-posts-load-container button:disabled { cursor: default; opacity: 0.7;}.latest-posts-load-container button:hover { background-color: #000f40;}body.contrast .latest-posts-load-container button:hover { background-color: #ffffff; color: #000000;}.spinner { animation: spin 1s infinite;}body.contrast .spinner path { fill: #fff;}.latest-posts-load-container .hidden { display: none;}@media screen and (max-width: 1024px) { .latest-posts { grid-template-columns: repeat(2, 1fr); } .latest-post-img-container { height: 23vw; }}@media screen and (max-width: 768px) { .latest-posts { grid-template-columns: repeat(1, 1fr); } .latest-post-img-container { height: 45vw; } .latest-posts-load-container button { width: 50%; }}@keyframes spin { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); }}