/* Article tags reuse the detail page palette, including dark/light themes. */
.article-topics { display:flex; align-items:center; flex-wrap:wrap; gap:12px 16px; margin-top:24px; padding-top:24px; border-top:1px solid var(--jvds-news-detail-line, #dedede); }
.article-topics-label { font-size:12px; line-height:1.5; color:var(--jvds-news-detail-muted, #777); white-space:nowrap; }
.article-topics-links { display:flex; flex-wrap:wrap; gap:8px 16px; min-width:0; }
.article-topic-tag { display:inline-flex; align-items:center; min-height:32px; padding:6px 0; box-sizing:border-box; border:0; border-radius:0; background:transparent; color:var(--jvds-news-detail-text, #111); font-size:13px; line-height:20px; overflow-wrap:anywhere; opacity:1; transition:opacity .2s ease; }
.article-topic-tag:hover { color:var(--jvds-news-detail-text, #111); opacity:.5; }
.article-topic-tag:focus-visible { outline:2px solid var(--jvds-news-detail-text, #111); outline-offset:3px; }
.article-topic-intro { grid-column:1 / -1; min-width:0; width:100%; font-size:14px; line-height:1.8; }
.article-topic-intro > a { text-decoration:none; }
.article-topic-summary { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px 24px; margin-top:12px; }
.article-topic-summary p { margin:0; }
.article-topic-description { flex:1 1 320px; max-width:660px; }
.article-topic-summary .article-topic-count { flex:0 0 auto; margin-left:auto; text-align:right; opacity:.65; font-variant-numeric:tabular-nums; }
@media(max-width:600px) { .article-topics { gap:10px; margin-top:20px; padding-top:20px; } }
@media(prefers-reduced-motion:reduce) { .article-topic-tag { transition:none; } }