/* Responsive feed controls share one grid and retain the existing theme tokens. */
.feed-page-header{position:relative;align-items:center;gap:12px;flex-wrap:wrap}
.feed-page-header>div:first-child{flex:1;min-width:0}
.feed-page-header>.reference-search{width:auto;flex:0 0 auto;margin-left:auto;flex-wrap:nowrap}
.feed-search-toggle{display:grid;place-items:center;width:40px;min-height:40px;padding:8px;border-radius:8px;color:var(--secondary);flex:0 0 auto}
.feed-search-toggle:hover,.feed-search-toggle[aria-expanded=true]{background:var(--raised);color:var(--ink)}
.feed-search-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.feed-page:not(.people-feed) :is(.primary-filter-row,.secondary-filter-row){display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;flex-wrap:nowrap}
.feed-page:not(.people-feed) .primary-filter-row{padding-bottom:9px;grid-template-columns:34px minmax(0,1fr) 40px}
.feed-page:not(.people-feed) .custom-channel-add{width:40px;height:40px;border:0;border-radius:8px;background:var(--raised);color:var(--secondary)}
.feed-page:not(.people-feed) .custom-channel-add:hover{background:var(--sidebar-hover);color:var(--ink)}
.feed-page:not(.people-feed) .custom-channel-add .lucide{width:18px;height:18px}
.feed-page:not(.people-feed) :is(.source-tabs,.category-tabs){width:100%;max-width:none}
.feed-page:not(.people-feed) .filter-level{width:auto;white-space:nowrap}
.feed-page:not(.people-feed) .category-tabs{gap:22px}
.feed-page:not(.people-feed) .category-tabs a{padding:8px 10px 10px}
.feed-page:not(.people-feed) .category-tabs a.active:after{left:10px;right:10px;bottom:0}
@media(max-width:820px){
  .mobile-header .appearance-menu{margin-left:auto}
  .mobile-header .mobile-action+.appearance-menu{margin-left:0}
  .feed-page:not(.people-feed) :is(.primary-filter-row,.secondary-filter-row){grid-template-columns:30px minmax(0,1fr);gap:9px}
  .feed-page:not(.people-feed) .primary-filter-row{grid-template-columns:30px minmax(0,1fr) 40px}
  .feed-page:not(.people-feed) .category-tabs{gap:3px}
  .feed-page:not(.people-feed) .category-tabs a{padding-inline:9px}
  .feed-page:not(.people-feed) .category-tabs a.active:after{left:9px;right:9px}
  .feed-page-header>.reference-search{margin:0;width:100%;flex-basis:100%}
  .public-body .footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  /* One soft surface per entry, with an unobtrusive timestamp outside the card. */
  .public-body .timeline-list{display:grid;gap:14px}
  .public-body .timeline-item{grid-template-columns:34px 8px minmax(0,1fr)}
  .public-body .timeline-rail:after{display:none}
  .public-body .timeline-dot{width:4px;height:4px;margin-top:25px;background:var(--muted)}
  .public-body .timeline-time{padding-top:22px}
  .public-body :is(.unified-card,.news-card){border:0;border-radius:16px;padding:16px 14px;background:var(--paper);margin:0;min-width:0}
  .public-body :is(.unified-card,.news-card):hover{background:var(--paper);border:0;box-shadow:none;transform:none}
  .public-body .timeline-card-head{gap:8px}
  .public-body .timeline-head-left{min-width:0;flex-wrap:wrap}
  .public-body .timeline-head-right{flex-shrink:0}
  .public-body .timeline-source{overflow-wrap:anywhere}
  .public-body .timeline-star{width:36px;height:36px}
  .public-body .reader-useful{min-height:36px}
  .public-body .timeline-reason{border:0;border-radius:10px;padding:10px;background:var(--raised)}
  .public-body :is(.timeline-title,.uc-x-title,.timeline-summary){overflow-wrap:anywhere}
}