/* Basic layout */
.news-section { max-width: 1200px; margin: 0 auto; padding: 16px; }
.news-section__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.news-section__title { margin: 0; font-size: 24px; font-weight: 700; }
.news-section__seeall { color: #1a73e8; text-decoration: none; font-weight: 600; }

/* Featured block */
.news-featured { display: grid; grid-template-columns: 1.2fr 1fr; gap: 16px; padding: 16px; background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); margin-bottom: 20px; }
.news-featured__image-wrapper { position: relative; overflow: hidden; border-radius: 8px; }
.news-featured__image { width: 100%; height: 100%; object-fit: cover; display: block; }
.news-featured__content { display: flex; flex-direction: column; gap: 8px; }
.news-featured__meta-top { display: flex; gap: 12px; color: #555; font-size: 14px; }
.news-featured__title { font-size: 22px; font-weight: 700; margin: 0; }
.news-featured__excerpt { color: #333; font-size: 16px; margin: 0; }

/* Grid */
.news-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

/* Card */
.news-card { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; display: flex; flex-direction: column; position: relative; }
.news-card__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }
.news-card__image-wrapper { position: relative; width: 100%; padding-top: calc(240 / 360 * 100%); /* 360x240 aspect ratio */ overflow: hidden; }
.news-card__image-wrapper img.news-card__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.news-card:hover .news-card__image { transform: scale(1.05); }
.news-card__meta-top { display: flex; justify-content: space-between; gap: 8px; padding: 10px 12px 0 12px; color: #666; font-size: 13px; }
.news-card__title { font-size: 18px; font-weight: 700; line-height: 1.25; padding: 8px 12px; margin: 0; color: #111; transition: color 0.3s ease; }
.news-card:hover .news-card__title { color: #2C699C; }
.news-card__meta-bottom { display: flex; justify-content: space-between; padding: 0 12px 12px 12px; color: #666; font-size: 13px; }

/* Footer */
.news-section__footer { display: flex; align-items: center; gap: 10px; justify-content: center; margin-top: 20px; }
.news-loadmore { background: #1a73e8; color: #fff; border: none; border-radius: 6px; padding: 10px 18px; font-weight: 600; cursor: pointer; }
.news-loadmore:hover { background: #155ec1; }
.news-loadmore__spinner { width: 20px; height: 20px; border: 3px solid #eee; border-top-color: #1a73e8; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Responsive */
@media (max-width: 1024px) { .news-grid { grid-template-columns: repeat(2, 1fr); } .news-featured { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .news-grid { grid-template-columns: 1fr; } }