.feeds-wrap { max-width: 1200px; margin: 0 auto; }

/* standalone (public) page bits — header sign-in, titles, back link */
.feeds-signin { color: inherit; text-decoration: none; font-size: 13px; opacity: .75; }
.feeds-signin:hover { text-decoration: underline; opacity: 1; }
.feeds-title { display: flex; align-items: baseline; gap: 10px; font-size: 20px; font-weight: 700; margin: 14px 0 4px; }
.fa-back { margin: 4px 0 2px; font-size: 13px; }
.fa-back a { color: #0969da; text-decoration: none; }
.fa-back a:hover { text-decoration: underline; }
  [data-theme="dark"] .fa-back a { color: #58a6ff; }

/* date index list (/feeds) */
.fa-datelist { list-style: none; padding: 0; margin: 10px 0 0; max-width: 340px; }
.fa-datelist a {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 8px 10px; border-radius: 6px; text-decoration: none; color: inherit;
  border-bottom: 1px solid #eaeef2;
}
.fa-datelist a:hover { background: #f6f8fa; }
.fa-date { font-weight: 600; font-variant-numeric: tabular-nums; }
  [data-theme="dark"] .fa-datelist a { border-bottom-color: #21262d; }
  [data-theme="dark"] .fa-datelist a:hover { background: #161b22; }

/* per-date page table-of-contents: sticky nav, journal jump-links */
html { scroll-behavior: smooth; }
.fa-toc { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; }
.fa-toc .fa-sub-list a { display: flex; align-items: baseline; gap: 8px; }
.fa-toc .fa-sub-list a .fa-count { margin-left: auto; }

/* toolbar (chips now <button>) */
.feeds-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 4px; align-items: center; }
.feeds-toolbar .chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 12px; border: 1px solid #d0d7de; border-radius: 999px;
  background: #fff; font: inherit; font-size: 12px; cursor: pointer; color: inherit;
}
.feeds-toolbar .chip.active { background: #1f2328; color: #fff; border-color: #1f2328; }
  [data-theme="dark"] .feeds-toolbar .chip { background: #161b22; border-color: #30363d; }
  [data-theme="dark"] .feeds-toolbar .chip.active { background: #e6edf3; color: #0d1117; border-color: #e6edf3; }
.feeds-toolbar .search {
  margin-left: auto; padding: 5px 10px; min-width: 240px;
  border: 1px solid #d0d7de; border-radius: 6px; font: inherit; font-size: 13px; background: #fff; color: inherit;
}
  [data-theme="dark"] .feeds-toolbar .search { background: #0d1117; border-color: #30363d; }

/* 2-column layout: stream + subscriptions */
.fa-grid { display: grid; grid-template-columns: 1fr 280px; gap: 28px; margin-top: 16px; align-items: start; }
@media (max-width: 860px) { .fa-grid { grid-template-columns: 1fr; } .fa-subs { order: -1; } }

/* date section */
.fa-day { margin-bottom: 28px; }
.fa-day-head {
  display: flex; align-items: baseline; gap: 8px;
  font-size: 15px; font-weight: 700; margin: 0 0 8px;
  padding-bottom: 6px; border-bottom: 2px solid #d0d7de;
}
.fa-day-count, .fa-count {
  font-size: 11px; font-weight: 600; color: #57606a;
  background: #eaeef2; border-radius: 999px; padding: 1px 7px;
}
  [data-theme="dark"] .fa-day-head { border-bottom-color: #30363d; }
  [data-theme="dark"] .fa-day-count, [data-theme="dark"] .fa-count { background: #21262d; color: #7d8590; }

/* folder shown ONCE as a section header (not repeated per feed) */
.fa-folder-head {
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  color: #57606a; margin: 26px 0 4px; padding-bottom: 4px; border-bottom: 1px solid #d0d7de;
}
.fa-folder-head:first-child { margin-top: 8px; }
  [data-theme="dark"] .fa-folder-head { color: #7d8590; border-bottom-color: #30363d; }

/* feed (journal) section — journal name in blue, anchor-scroll offset for TOC */
.fa-feed { margin: 10px 0 14px; scroll-margin-top: 72px; }
.fa-feed-head { display: flex; align-items: baseline; gap: 6px; margin: 12px 0 2px; }
.fa-feed-name { font-size: 13px; font-weight: 600; color: #0969da; }
  [data-theme="dark"] .fa-feed-name { color: #58a6ff; }

/* minimal article row: title + author only */
.fa-item {
  display: grid; grid-template-columns: 26px 1fr auto; align-items: baseline; gap: 12px;
  padding: 6px 6px; border-radius: 6px;
  text-decoration: none; color: inherit; font-size: 13px; line-height: 1.45;
}
.fa-item:hover { background: #f6f8fa; }
  [data-theme="dark"] .fa-item:hover { background: #161b22; }
.fa-score {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 20px; border-radius: 6px;
  font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums;
  background: #eaeef2; color: #57606a; align-self: center;
}
.fa-score.s5 { background: #1a7f37; color: #fff; }
.fa-score.s4 { background: #2da44e; color: #fff; }
.fa-score.s3 { background: #bf8700; color: #fff; }
  [data-theme="dark"] .fa-score { background: #21262d; color: #7d8590; }
  [data-theme="dark"] .fa-score.s2, [data-theme="dark"] .fa-score.s1 { background: #21262d; color: #7d8590; }
.fa-body { min-width: 0; }
.fa-title { font-weight: 500; }
.fa-authors { display: block; font-size: 12px; color: #57606a; margin-top: 1px; }
  [data-theme="dark"] .fa-authors { color: #7d8590; }

/* share button */
.fa-share {
  border: none; background: none; cursor: pointer; padding: 2px 6px;
  font-size: 13px; color: #8c959f; opacity: 0; align-self: center; border-radius: 6px;
}
.fa-item:hover .fa-share, .fa-share:focus-visible { opacity: 1; }
.fa-share:hover { color: #0969da; background: #eaeef2; }
.fa-share.copied { opacity: 1; color: #1a7f37; }
  [data-theme="dark"] .fa-share:hover { background: #21262d; }

/* subscriptions aside */
.fa-subs {
  border: 1px solid #d0d7de; border-radius: 8px; padding: 12px 14px; background: #fff; font-size: 13px;
}
  [data-theme="dark"] .fa-subs { background: #0d1117; border-color: #30363d; }
.fa-subs-head { display: flex; align-items: baseline; gap: 8px; font-size: 13px; font-weight: 700; margin: 0 0 8px; }
.fa-sub-folder { font-weight: 600; color: #0969da; margin: 10px 0 2px; font-size: 12px; }
.fa-sub-list { list-style: none; padding: 0; margin: 0 0 6px; }
.fa-sub-list li { padding: 2px 0; }
.fa-sub-list a { color: inherit; text-decoration: none; }
.fa-sub-list a:hover { text-decoration: underline; color: #0969da; }
  [data-theme="dark"] .fa-sub-folder, [data-theme="dark"] .fa-sub-list a:hover { color: #58a6ff; }

.feeds-empty { padding: 24px 16px; color: #57606a; }