.news-feed { max-width:760px; margin-inline:auto; color:var(--ink); }
.news-feed-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; }
.news-feed-heading h1 { margin:0; font-size:clamp(2rem,5vw,2.8rem); letter-spacing:-.045em; line-height:1.1; }
.news-heading-actions { display:flex; gap:8px; }
.news-tool { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:#eaf2f1; color:#0c2530; }
.news-tool svg { width:23px; height:23px; }
.news-tool.is-active { background:#087f67; color:#fff; }
.news-categories { display:flex; gap:10px; overflow-x:auto; padding:2px 0 8px; margin-bottom:14px; scrollbar-width:thin; }
.news-categories a { display:flex; align-items:center; justify-content:center; flex:none; min-height:44px; padding:9px 23px; border-radius:30px; font-weight:600; background:#eaf2f1; color:#162e37; }
.news-categories a.selected { background:#087f67; color:white; }
.news-feed-list { display:grid; gap:12px; }
.news-card { padding:6px; background:var(--surface); border:1px solid var(--line); border-radius:15px; box-shadow:0 2px 5px #182b2810; overflow:hidden; }
.news-card-image { display:block; overflow:hidden; border-radius:10px; }
.news-card-image img { display:block; width:100%; height:auto; aspect-ratio:3/1; object-fit:cover; }
.news-card-body { padding:10px 8px 6px; }
.news-card h2 { font-size:1.22rem; font-weight:750; line-height:1.3; letter-spacing:-.025em; margin:0 0 4px; }
.news-card h2 a:hover { color:#087f67; }
.news-card-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; color:var(--muted); font-size:.85rem; min-height:40px; }
.news-category { display:inline-flex; padding:3px 11px; border-radius:30px; color:#007d68; background:#e7f2ef; font-weight:650; }
.news-bookmark { margin-left:auto; flex:none; width:40px; height:40px; padding:8px; display:grid; place-items:center; border:0; border-radius:10px; background:transparent; color:var(--ink); }
.news-bookmark svg { width:23px; height:23px; }
.news-bookmark:hover { background:var(--mint); }
.news-bookmark.is-saved { color:#087f67; }
.news-bookmark.is-saved svg { fill:currentColor; stroke:currentColor; }
.news-feed-note,.news-sample-label { color:var(--muted); font-size:.8rem; margin:10px 6px 0; }
.news-search { display:flex; align-items:center; border:1px solid var(--line); border-radius:12px; margin-bottom:16px; overflow:hidden; background:var(--surface); }
.news-search input { flex:1; width:100%; min-width:0; padding:12px 14px; border:0; background:transparent; color:var(--ink); }
.news-search button { width:48px; height:48px; border:0; display:grid; place-items:center; background:transparent; color:var(--green); }
.news-empty { padding:30px 20px; text-align:center; background:var(--surface); border:1px solid var(--line); border-radius:14px; }
.news-empty h2 { margin:0 0 8px; }
.news-saved-label { color:var(--muted); margin:0 0 12px; }
.news-detail-image { width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; display:block; border-radius:10px; }
.news-detail-copy { padding:14px 18px 22px; }
.news-detail h1 { font-size:clamp(1.65rem,4vw,2.2rem); line-height:1.18; letter-spacing:-.035em; margin:14px 0; }
.news-detail-lead { color:var(--muted); font-size:1.08rem; }
.news-body { line-height:1.75; }
.news-body p { margin:22px 0; }
.news-detail .news-sample-label { margin:14px 0; }
@media(max-width:540px) {
 .news-feed-heading { margin-bottom:16px; }
 .news-feed-heading h1 { font-size:2.15rem; }
 .news-categories { gap:8px; margin-bottom:10px; }
 .news-categories a { padding:8px 18px; font-size:.94rem; }
 .news-card h2 { font-size:1.03rem; }
 .news-card-meta { font-size:.73rem; gap:6px 8px; }
 .news-card-body { padding:9px 4px 2px; }
 .news-card { border-radius:12px; padding:4px; }
 .news-card-image { border-radius:9px; }
 .news-category { padding:3px 9px; }
 .news-bookmark { width:36px; height:38px; }
 .news-detail-copy { padding:10px 12px 16px; }
}
[data-appearance="dark"] .news-tool,[data-appearance="dark"] .news-categories a { background:#294239; color:var(--ink); }
[data-appearance="dark"] .news-tool.is-active,[data-appearance="dark"] .news-categories a.selected { background:#087f67; color:#fff; }
[data-appearance="dark"] .news-bookmark.is-saved { color:#65deba; }

.news-body h2,.news-body h3,.news-body h4 { margin: 24px 0 12px; line-height: 1.3; }
.news-body ul { list-style: disc; padding-left: 24px; margin: 16px 0; }

/* Article body media and formatting share the same markup across all surfaces. */
.news-body .article-inline-image { margin: 1.75rem 0; }
.news-body .article-inline-image img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 12px; }
.news-body .article-inline-image figcaption { margin-top: .65rem; font-size: .875rem; line-height: 1.5; text-align: center; opacity: .75; }
.news-body blockquote { margin: 1.5rem 0; padding: .5rem 1.25rem; border-left: 3px solid currentColor; opacity: .9; }
.news-body blockquote p { margin: .5rem 0; }
.news-body ol { list-style: decimal; padding-left: 1.5rem; margin: 1rem 0; }
.news-body li { margin: .35rem 0; }
.news-body hr { border: 0; border-top: 1px solid currentColor; opacity: .18; margin: 2rem 0; }
.news-body code { font-family: monospace; background: #8881; border-radius: 4px; padding: .1rem .3rem; }
.news-body a { text-decoration: underline; text-underline-offset: .2em; }