/* News card inside the community (newscard.mjs): a quiet, editorial strip that clearly reads as "a story", not a
   post. Uses the community tokens (community.css --c-*); no zine tape or stamps. */
.c-news { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; margin: 12px 0 0; padding: 12px 0 0; border: 0; border-block-start: 1px solid var(--c-line-2); border-radius: 0; background: transparent; color: var(--c-text); max-inline-size: 640px; }
.c-news-cover img { inline-size: 120px; block-size: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; display: block; }
.c-news-body { display: flex; flex-direction: column; gap: 4px; min-inline-size: 0; }
.c-news-tag { display: inline-flex; align-items: center; gap: 6px; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--c-violet-2); }
.c-news-tag svg { inline-size: 14px; block-size: 14px; }
.c-news-title { font-size: 1.05rem; line-height: 1.3; overflow-wrap: anywhere; }
.c-news-title a { color: inherit; }
.c-news-standfirst { color: var(--c-text-2); overflow-wrap: anywhere; }
.c-news-meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: .85rem; color: var(--c-text-3); font-variant-numeric: tabular-nums; }
.c-news--compact { grid-template-columns: 1fr; }
.c-news--compact .c-news-cover { display: none; }
@media (max-width: 480px) { .c-news { grid-template-columns: 1fr; } .c-news-cover img { inline-size: 100%; block-size: auto; aspect-ratio: 16 / 9; } }

/* Composer: "Attach news" picker list (features/news.mjs). */
.c-news-picks { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; }
.c-news-pick { inline-size: 100%; text-align: start; display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 10px; }
.c-attach-buttons { display: flex; flex-wrap: wrap; gap: 8px; }