.news-list {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--border);
}
.news-item {
padding: 22px 0;
border-bottom: 1px solid var(--border);
}
.news-date {
display: block;
margin: 0 0 6px;
font-family: var(--font-mono);
font-size: var(--fs-label);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-soft);
}
.news-title {
margin: 0;
font-family: var(--font-serif);
font-size: var(--fs-lead);
font-weight: 700;
line-height: var(--lh-heading);
text-wrap: balance;
}
.news-title a {
color: var(--text);
text-decoration: none;
transition: color 0.15s var(--ease-out);
}
.news-title a:hover,
.news-title a:focus-visible {
color: var(--accent);
}
.news-title a:focus-visible {
outline: var(--focus-ring);
outline-offset: 2px;
border-radius: var(--radius-xs);
}
.news-lead {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
margin: 8px 0 0;
font-size: var(--fs-ui);
line-height: var(--lh-ui);
color: var(--text-soft);
-webkit-hyphens: auto;
hyphens: auto;
}
.news-elsewhere {
margin-top: 56px;
}
.content.news-post {
max-width: 860px;
}
.news-post-date {
margin: 0 0 4px;
font-family: var(--font-mono);
font-size: var(--fs-label);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-soft);
}
@media (prefers-reduced-motion: reduce) {
.news-title a {
transition: none;
}
}