.news-filter-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:18px 20px;scroll-margin-top:100px;container-type:inline-size}.news-filter-primary{grid-template-columns:minmax(200px,1fr) 215px 160px;align-items:start;gap:12px;display:grid}.news-filter-search{border:1px solid var(--line);min-width:0;height:48px;color:var(--muted);background:var(--page,var(--surface-soft));border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.news-filter-search svg{flex-shrink:0}.news-filter-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.news-filter-search input{width:100%;min-width:0;box-shadow:none;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:14px}.news-filter-search input::placeholder{color:var(--muted);opacity:1}.news-filter-platform{min-width:0}.news-filter-panel .news-filter-platform :is([data-dropdown-trigger],[data-dropdown-native]){border-color:var(--line);background-color:var(--surface);gap:8px;min-height:48px;font-size:13px}.news-date-filter{display:contents}.news-date-filter::details-content{display:contents}.news-date-filter summary{border:1px solid var(--line);min-height:48px;color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;list-style:none;display:flex}.news-date-filter summary::-webkit-details-marker{display:none}.news-date-filter[open] summary{color:var(--accent);background:var(--surface-soft)}.news-date-filter[open] .news-date-chevron{transform:rotate(180deg)}.news-filter-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.news-date-fields{background:var(--surface-soft);border-radius:10px;grid-column:1/-1;grid-template-columns:minmax(0,230px) minmax(0,230px) auto;align-items:end;gap:12px;padding:16px;display:grid}.news-date-filter:not([open]) .news-date-fields{display:none}.news-date-fields label{min-width:0;color:var(--muted);gap:6px;font-size:12px;display:grid}.news-date-fields input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;box-sizing:border-box;border-radius:8px;padding:8px 10px;font-size:14px}.news-clear-dates{width:fit-content;min-height:44px;color:var(--accent);align-items:center;font-size:12px;display:flex}.news-date-error{color:var(--ink);grid-column:1/-1;margin:0;font-size:13px}.news-filter-secondary{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.news-topic-pills{align-items:center;gap:5px;min-width:0;margin:-3px;padding:3px;display:flex;overflow-x:auto}.news-topic-pills a{min-height:38px;color:var(--muted);white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.news-topic-pills a[aria-current=page]{color:var(--accent);background:var(--surface-soft);font-weight:600}.news-topic-pills a:hover{color:var(--accent);background:var(--surface-soft)}.news-filter-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.news-group-toggle,.news-reset-filters{min-height:38px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.news-group-toggle[aria-current],.news-reset-filters{color:var(--accent)}.news-group-toggle:hover,.news-reset-filters:hover{text-decoration:underline}.news-filter-panel :is(a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.news-filter-panel>.button{margin-top:12px}.news-stream-toolbar{gap:12px;margin:14px 0 20px}.news-stream-toolbar .news-stream-count{color:var(--ink);font-size:13px;font-weight:500}.news-stream-toolbar .news-saved-filter{background:0 0;border-color:#0000;border-radius:8px;min-height:44px;padding:8px 10px}.news-stream-toolbar .news-saved-filter:hover,.news-stream-toolbar .news-saved-filter.is-active{background:var(--surface-soft)}.news-stream-toolbar .news-sort{width:155px;min-width:0;margin-left:auto;padding:0}.news-stream-toolbar .news-sort>svg{display:none}.news-stream-toolbar .news-sort :is([data-dropdown-trigger],[data-dropdown-native]){background-color:#0000;border-color:#0000;font-size:12px}.news-stream-toolbar .news-display-switch{border-radius:10px;align-self:auto;gap:2px;padding:3px}.news-stream-toolbar .news-display-option{flex-direction:row;gap:6px;min-height:38px;padding:0 11px;font-size:12px}.news-browse [aria-busy=true] .news-stream-layout{opacity:.6}@media (max-width:1100px){.news-filter-secondary{flex-wrap:wrap;gap:8px}.news-filter-actions{margin-left:auto}}@media (max-width:760px){.news-filter-panel{border-radius:12px;padding:14px}.news-filter-primary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.news-filter-search{grid-column:1/-1}.news-date-filter summary{gap:6px;padding:0 8px;font-size:12px}.news-filter-panel .news-filter-platform [data-dropdown-trigger]{font-size:13px}.news-filter-search input,.news-date-fields input{font-size:16px}.news-filter-secondary{display:block}.news-topic-pills a{min-height:44px;padding:0 11px}.news-filter-actions{justify-content:space-between;margin-top:8px}.news-group-toggle{margin-left:auto}.news-group-toggle,.news-reset-filters{min-height:44px}.news-date-fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.news-clear-dates{grid-column:1/-1}.news-stream-toolbar{grid-template-columns:auto 1fr auto;gap:8px;display:grid}.news-stream-toolbar .news-saved-filter{justify-self:start}.news-stream-toolbar .news-sort{width:144px}.news-stream-toolbar .news-display-switch{grid-column:1/-1;justify-self:stretch}.news-stream-toolbar .news-display-option{min-height:44px}}@media (max-width:380px){.news-filter-primary{grid-template-columns:minmax(0,1fr)}.news-stream-toolbar{grid-template-columns:auto 1fr}.news-stream-toolbar .news-saved-filter{justify-self:end}.news-stream-toolbar .news-sort{grid-column:1/-1;width:100%}.news-date-fields{grid-template-columns:minmax(0,1fr)}}@container (max-width:620px){.news-filter-primary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.news-filter-search{grid-column:1/-1}.news-filter-secondary{display:block}.news-filter-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:8px}}@container (max-width:300px){.news-filter-primary,.news-date-fields{grid-template-columns:minmax(0,1fr)}}