.news-panel { min-width:0; }
.news-panel .library-actions { margin-left:auto; }
.news-feeds { display:flex; flex-direction:column; gap:10px; }
.news-feed { border:1px solid var(--line, #dde4df); border-radius:14px; overflow:hidden; background:#fff; }
.news-feed-header { display:flex; align-items:center; gap:8px; padding:4px 12px; background:#f5f8f5; }
.news-feed-title { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:1; min-width:0; padding:14px 0; border:0; background:transparent; color:inherit; text-align:left; font:inherit; font-weight:700; cursor:pointer; }
.news-feed-title span:first-child { overflow-wrap:anywhere; }
.news-close { flex-shrink:0; display:flex; align-items:center; gap:8px; min-height:44px; padding:6px 9px; border:0; border-radius:8px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.news-close span { font-size:25px; line-height:1; }
.news-close:hover { background:#e7eee7; }
.news-feed-scroll { max-height:min(65dvh, 650px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:0 18px; }
.news-article { padding:18px 0; border-bottom:1px solid var(--line, #dde4df); overflow-wrap:anywhere; }
.news-article:last-child { border-bottom:0; }
.news-article h3 { margin:0 0 8px; line-height:1.4; }
.news-article h3 a { color:inherit; text-decoration:none; }
.news-article h3 a:hover { text-decoration:underline; }
.news-article p { line-height:1.65; }
.news-article .news-date { font-size:13px; color:#617267; margin:4px 0 8px; }
.news-read { color:var(--green, #276544); font-size:14px; }
.news-article-image-link { display:block; margin:12px 0; }
.news-article-image-link[hidden] { display:none; }
.news-article-image { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; border-radius:10px; background:#f2f5f2; }
.news-status { padding:18px 0; line-height:1.5; }
.news-picker { width:min(620px, calc(100vw - 28px)); max-width:calc(100vw - 28px); max-height:85dvh; padding:0; border:1px solid #dde4df; border-radius:18px; background:#fff; color:inherit; box-shadow:0 24px 80px #0003; }
.news-picker[open] { display:flex; flex-direction:column; }
.news-picker::backdrop { background:#15291b70; }
.news-picker-header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:20px; border-bottom:1px solid #dde4df; }
.news-picker-header h2 { margin:0 0 8px; }
.news-picker-header p { margin:0; font-size:14px; line-height:1.5; }
.news-picker-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:14px 20px; }
.news-group { margin-bottom:12px; }
.news-group summary { padding:12px 0; cursor:pointer; font-weight:700; }
.news-options { display:flex; flex-direction:column; gap:8px; }
.news-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:64px; padding:12px 14px; border:1px solid #dde4df; border-radius:10px; background:#f8faf8; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.news-option strong, .news-option small { display:block; overflow-wrap:anywhere; }
.news-option small { margin-top:4px; color:#617267; font-size:13px; }
.news-option.is-selected { background:#e8f3e9; border-color:#98bea0; }
.news-check { flex-shrink:0; width:24px; height:24px; visibility:hidden; color:var(--green, #276544); }
.news-option.is-selected .news-check { visibility:visible; }
.news-option:disabled { cursor:wait; opacity:.7; }
.news-picker-status { flex-shrink:0; margin:0; padding:12px 20px; border-top:1px solid #dde4df; font-size:13px; line-height:1.5; }
.news-option:focus-visible, .news-feed-title:focus-visible, .news-close:focus-visible, .news-feed-scroll:focus-visible, .news-group summary:focus-visible { outline:2px solid var(--green, #276544); outline-offset:-2px; }
@media (max-width:600px) { .news-picker-header { padding:16px; } .news-picker-scroll { padding:10px 16px; } .news-feed-scroll { padding:0 14px; } }