/* ============================================================
   CYMOTHOE · news.css
   Page-specific rules only — shared design system lives in common.css
   ============================================================ */
.rss-link{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.03em;margin-bottom:1rem}
.rss-link a{color:var(--ink-faint);display:inline-flex;align-items:center;gap:.45em}
.rss-link svg{width:1.05em;height:1.05em;color:var(--brass)}
.rss-link a:hover{color:var(--brass)}

/* ---- digest sections (collapsible headers: .cat-toggle in common.css) ---- */
.digest-list{display:flex;flex-direction:column;gap:1px;background:var(--bp-line-strong);border:1px solid var(--bp-line-strong);border-radius:var(--r);overflow:hidden;margin-top:1rem}

/* ---- digest item row ---- */
.digest-item{background:#FFFFFF;padding:1rem 1.2rem;display:flex;gap:1rem;align-items:flex-start}
.digest-item__thumb{flex:0 0 auto;width:72px;height:54px;object-fit:cover;border-radius:calc(var(--r) - 2px);background:var(--bp-panel)}
.digest-item__body{min-width:0}
.digest-item__headline{font-family:var(--font-display);letter-spacing:.02em;font-size:1.02rem;color:var(--ink);line-height:1.25;margin-bottom:.3rem}
.digest-item__summary{font-size:.9rem;color:var(--ink-dim);line-height:1.55;margin-bottom:.4rem}
.digest-item__headline a{color:inherit;text-decoration:none}
.digest-item__headline a:hover{color:var(--brass)}
.digest-item__headline a:hover .digest-item__source{color:var(--brass)}
.digest-item__source{font-family:var(--font-body);font-size:.85rem;letter-spacing:0;color:var(--cyan-text);white-space:nowrap}

/* ---- day picker in the page header: two .cat-chip tabs (common.css), the shown day filled ---- */
.news-dates{display:flex;gap:.5rem;flex-wrap:wrap}
.news-dates .cat-chip{font-size:.95rem}

@media(max-width:600px){
  .digest-item{flex-direction:column}
  .digest-item__thumb{width:100%;height:auto;aspect-ratio:16/9}
}