:root { color-scheme: light; font-family: Arial, sans-serif; color: #202124; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; }
.archive-header { display: flex; gap: 14px; align-items: baseline; max-width: 820px; margin: 0 auto; padding: 22px 20px; border-bottom: 1px solid #e8e8e8; }
.archive-header a { color: #d11f28; font-size: 20px; font-weight: 700; text-decoration: none; }
.archive-header span, time, .archive-kicker { color: #737373; font-size: 14px; }
.archive-article { max-width: 820px; margin: 0 auto; padding: 44px 20px 76px; }
.archive-kicker { margin: 0 0 12px; text-transform: uppercase; letter-spacing: .06em; }
h1 { max-width: 740px; margin: 0 0 14px; font: 700 clamp(30px, 5vw, 48px)/1.12 Arial, sans-serif; }
time { display: block; margin-bottom: 28px; }
.archive-cover { display: block; width: 100%; max-height: 520px; margin: 0 0 30px; object-fit: cover; }
article { font-size: 18px; line-height: 1.62; }
article > div, article p { margin: 0 0 20px; }
article img, article figure img { max-width: 100%; height: auto; }
article figure { margin: 30px 0; }
article figcaption { color: #737373; font-size: 14px; }
article a { color: #bd151d; }
article h2, article h3 { line-height: 1.2; margin: 34px 0 14px; }
article blockquote { margin: 28px 0; padding-left: 20px; border-left: 3px solid #d11f28; color: #4d4d4d; }
@media (max-width: 600px) { .archive-article { padding-top: 30px; } article { font-size: 17px; } }
.news-feed { max-width: 1180px; margin: 0 auto; padding: 40px 20px 72px; }
.news-feed h1 { margin-bottom: 30px; }
.news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.news-card { display: flex; flex-direction: column; overflow: hidden; color: inherit; text-decoration: none; border: 1px solid #e8e8e8; background: #fff; transition: box-shadow .2s ease; }
.news-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.12); }
.news-card img, .news-card-placeholder { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #ececec; }
.news-card-body { display: grid; gap: 10px; padding: 16px; }
.news-card-body strong { font-size: 18px; line-height: 1.25; }
.news-card time { color: #737373; font-size: 13px; }
@media (max-width: 840px) { .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .news-grid { grid-template-columns: 1fr; } }