/* News list page (page-news.php): magazine layout on white; 1152px container, 796px + 324px columns. */
.c-news :where(h1, h2, p) { margin: 0; }
.c-news { box-sizing: border-box; width: 100%; max-width: 1440px; margin-inline: auto; padding: 156px clamp(20px, calc((100vw - 1152px) / 2), 144px) 80px; background: #fff; color: #000; display: grid; gap: 32px; }
.c-news a { color: inherit; text-decoration: none; }
.c-news img { display: block; width: 100%; height: 100%; object-fit: cover; }
.c-news-block { display: grid; gap: 28px; align-content: start; min-width: 0; }
.c-news-head { display: flex; align-items: flex-end; gap: 10px; color: var(--c-crimson); }
.c-news-head h2 { font: 500 18px/1.3 var(--font-display); white-space: nowrap; }
.c-news-head span { flex: 1 0 0; min-width: 1px; height: 1px; margin-bottom: 4px; background: var(--c-crimson); }

.c-news-academy { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; }
.c-news-big { display: grid; gap: 18px; flex: 0 1 796px; min-width: 0; }
.c-news-big__title { display: flex; align-items: center; justify-content: center; min-height: 50px; font: 500 26px/32px var(--font-display); text-align: center; }
.c-news-big__image { display: block; aspect-ratio: 796 / 426; }
.c-news-big__caption { font: 400 18px/1.386 var(--font-ui); }
.c-news-side { display: flex; flex: 0 1 324px; flex-direction: column; justify-content: space-between; align-self: stretch; gap: 20px; min-width: 0; }
.c-news-side__item { display: grid; gap: 5px; }
.c-news-side__image { display: block; aspect-ratio: 324 / 182; overflow: hidden; }
.c-news-side__title { font: 500 23px/1.3 var(--font-display); }

.c-news-columns { display: flex; align-items: stretch; justify-content: space-between; gap: 32px; }
.c-news-community { flex: 0 1 796px; min-width: 0; }
.c-news-community__grid { display: flex; justify-content: space-between; gap: 16px; }
.c-news-card { display: grid; flex: 0 1 182px; align-content: start; gap: 12px; min-width: 0; }
.c-news-card__image { display: block; aspect-ratio: 182 / 112; overflow: hidden; }
.c-news-card__title, .c-news-row__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font: 500 14px/20px var(--font-ui); }
.c-news-economy { flex: 0 1 324px; min-width: 0; }
.c-news-economy__list { display: grid; gap: 24px; align-content: start; }
.c-news-row { display: flex; align-items: center; gap: 12px; }
.c-news-row__image { display: block; flex: none; width: 112px; aspect-ratio: 112 / 69; overflow: hidden; }
.c-news-row__title { flex: 1 1 0; min-width: 0; }

.c-news-shorts { display: flex; justify-content: space-between; gap: 16px; }
.c-short { position: relative; display: block; flex: 0 1 248px; min-width: 0; aspect-ratio: 248 / 439; overflow: hidden; color: #fff !important; }
.c-short::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255, 255, 255, 0) 45%, rgba(129, 20, 45, .5) 85%); pointer-events: none; }
.c-short__title { position: absolute; z-index: 1; right: 0; bottom: 30px; left: 0; padding: 6px 10px; font: 500 22px/32px var(--font-display); }
.c-short__time { position: absolute; z-index: 1; bottom: 0; left: 0; display: flex; align-items: center; gap: 4px; padding: 10px; font: 400 13px/19px var(--font-display); }
.c-short__time::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #fff; }

@media (max-width: 1023px) {
  .c-news { padding-top: 130px; }
  .c-news-academy, .c-news-columns { flex-direction: column; }
  .c-news-big, .c-news-side, .c-news-community, .c-news-economy { flex: none; width: 100%; }
  .c-news-big__title { font-size: 22px; line-height: 28px; }
  .c-news-big__caption br { display: none; }
  .c-news-community__grid { flex-wrap: wrap; }
  .c-news-card { flex: 1 1 140px; }
  .c-news-shorts { flex-wrap: wrap; }
  .c-short { flex: 1 1 140px; }
}