/* News page: the language chips under the topic chips, the "last updated" line, the articles (one per row: the meta
   column of about 200px on the left, the title and teaser on the right; at <=600px stacked, the meta as a wrapped row
   on top), the pagination, the empty state and the note on where the texts come from. The chips themselves are
   user/css/shared/components/chips.css. */
.chips.news-languages{margin-top:12px}
.sec.news-list{border-top:0;padding-top:0}
.news-updated{margin:0 0 22px;font-size:13px;color:var(--muted)}
.news-grid{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.news-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px 28px;align-items:start;min-width:0}
.news-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.news-source{font-weight:600;color:var(--ink-2);overflow-wrap:anywhere}
.news-topic{color:var(--accent);font-weight:600}
.news-lang{border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-weight:600;text-decoration:none;color:var(--ink-2)}
.news-date{letter-spacing:.04em}
.news-text{display:flex;flex-direction:column;gap:10px;min-width:0}
.news-title{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}
.news-title a{color:var(--ink);text-decoration:none}
.news-title a:hover,.news-title a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.news-card p.news-teaser{font-size:14.5px;color:var(--ink-2);overflow-wrap:anywhere}
.news-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:34px 0 0}
.news-pages-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.news-pages-number,.news-pages-step{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:500 13px var(--body);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.news-pages-number:hover,.news-pages-step:hover{border-color:var(--accent)}
.news-pages-number:focus-visible,.news-pages-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.news-pages-number[aria-current]{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg)}
.news-pages-step svg{width:14px;height:14px;flex:none}
.news-pages-gap{min-width:24px;text-align:center;color:var(--muted)}
.news-empty{text-align:center;color:var(--muted);padding:60px 0;margin:0}
.news-note{margin:34px 0 0;font-size:12.5px;color:var(--muted);max-width:760px}

@media (max-width:600px){
  .news-card{grid-template-columns:minmax(0,1fr)}
  .news-meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px}
  .news-date{margin-left:auto}
  .news-title{font-size:17px}
  .news-pages-number,.news-pages-step{min-width:36px;height:36px;padding:0 11px}
}