/* A readable word timeline: original definitions, visible dates, no invented votes. */
.feed-page { padding-bottom: 66px; }
.feed-masthead {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: center;
  gap: 8px 38px;
  padding-top: 18px;
  padding-bottom: 10px;
}
.feed-intro { min-width: 0; }
.feed-kicker {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #5b4069;
  font: 600 10px/1.5 'Courier New', monospace;
  letter-spacing: .085em;
  text-transform: uppercase;
  margin-bottom: 0;
}
.feed-masthead h1 { font-size: 38px; font-weight: 600; line-height: 1.1; letter-spacing: -.045em; margin: 0 0 8px; }
.feed-intro p { color: #5a675d; font-size: 13px; line-height: 1.6; max-width: 510px; }
.feed-masthead > .search-box { min-width: 0; margin: 0; }
.feed-intro .search-box { margin-top: 22px; max-width: 660px; }
.feed-tabs {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--line);
  padding: 0 0 8px;
  margin: 0;
}
.feed-tabs > span { margin-left: auto; font-size: 11px; line-height: 1.5; color: #5d6a60; }
.feed-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #59655c;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.feed-tab:hover { color: #713887; background: #eee7f2; }
.feed-tab.is-active, .feed-tab[aria-current="page"] { color: #fff; background: #773c8d; border-color: #773c8d; }
.feed-tab span { font-size: 11px; }
.feed-layout { display: grid; grid-template-columns: minmax(0, 740px) 300px; justify-content: center; align-items: start; gap: 38px; }
.word-feed { position: relative; min-width: 0; padding-left: 28px; }
.word-feed::before { content: ''; position: absolute; top: 14px; bottom: 46px; left: 6px; width: 1px; background: #d5c6df; pointer-events: none; }
.feed-date {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: max-content;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid #d9c9e1;
  border-radius: 6px;
  background: #efe8f3;
  color: #613672;
  font: 600 11px/1.5 'Courier New', monospace;
  letter-spacing: .025em;
  margin-bottom: 10px;
}
.feed-date > span { padding-left: 8px; border-left: 1px solid #bda3cb; font-size: 10px; font-weight: 400; }
.feed-date::before { content: ''; position: absolute; left: -28px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background: #9253a8; border: 3px solid var(--paper); border-radius: 50%; }
.feed-card {
  position: relative;
  min-width: 0;
  padding: 24px 30px;
  border: 1px solid #d8ded1;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 28px;
  overflow-wrap: anywhere;
}
.feed-card.is-featured { border-color: #b99bc9; border-top: 3px solid #9253a8; padding-top: 22px; }
.feed-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.feed-card-top .feed-date { margin: 0; }
.feed-card-top .feed-date::before { display: none; }
.feed-badges { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.feed-badges > a, .feed-card-top > a { color: #536450; font: 10px/1.5 'Courier New', monospace; padding: 3px 7px; border-radius: 4px; background: #f0f3e9; }
.feed-badges > a:hover, .feed-card-top > a:hover { color: #703984; background: #eee5f4; }
.feed-card-top > span { color: #5d6a60; font: 10px/1.5 'Courier New', monospace; }
.feed-badges .tag { background: #f0f3e9; color: #4f6851; }
.word-of-day { display: inline-flex; align-items: center; gap: 7px; color: #703984; font: 600 10px/1.5 'Courier New', monospace; letter-spacing: .045em; text-transform: uppercase; }
.word-of-day::before { content: '✦'; font-size: 14px; }
.feed-word { font-size: 38px; font-weight: 700; line-height: 1.14; letter-spacing: -.045em; margin: 0 0 19px; }
.feed-word, .feed-word a { color: #79398f; }
.feed-word a:hover { color: #512766; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.feed-definition { font-size: 20px; line-height: 1.6; color: #243b2c; font-weight: 500; margin-bottom: 17px; }
.feed-definition p { margin: 0 0 14px; }
.feed-context { color: #58655d; font-size: 15px; line-height: 1.8; margin-bottom: 20px; }
.feed-context p { margin: 0 0 12px; }
.feed-context a, .feed-definition a { color: #79398f; text-decoration: underline; text-underline-offset: 3px; }
.feed-example { padding: 17px 20px; margin: 21px 0; border: 1px solid #e1d2e9; border-left: 3px solid #9a64b1; border-radius: 7px; background: #f5f0f8; }
.feed-example > :is(span,label,small,strong,.eyebrow) { display: block; color: #703984; font: 600 10px/1.5 'Courier New', monospace; letter-spacing: .055em; text-transform: uppercase; }
.feed-example blockquote { margin: 9px 0 0; color: #4e4057; font-size: 15px; line-height: 1.75; font-style: normal; border: 0; padding: 0; }
.feed-example blockquote p { margin: 0; }
.feed-byline { color: #677166; font-size: 11px; line-height: 1.6; margin: 17px 0 15px; }
.feed-byline a { color: #79398f; }
.feed-related { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 12px 0 21px; font-size: 11px; }
.feed-related > :is(span,strong) { color: #667263; font-size: 10px; font-weight: 500; margin-right: 3px; }
.feed-related a { display: inline-flex; align-items: center; min-height: 30px; padding: 4px 9px; border: 1px solid #d6c5df; border-radius: 5px; color: #703984; background: #f7f3fa; line-height: 1.5; }
.feed-related a:hover { border-color: #9a64b1; background: #eee5f4; }
.feed-footer { padding-top: 17px; margin-top: 24px; border-top: 1px solid #e4e8df; color: #5d6a60; font-size: 12px; line-height: 1.7; }
.feed-footer > a { color: #703984; font-size: 12px; font-weight: 600; }
.feed-footer > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.feed-actions { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; padding-top: 15px; border-top: 1px solid #e4e8df; }
.feed-actions > a:last-child { margin-left: auto; }
.feed-action-status:empty { display: none; }
.feed-action-status:not(:empty) { margin: 12px 0 0; color: #5d6a60; font-size: 12px; line-height: 1.6; }
.bookmark-icon { font-size: 17px; line-height: 1; }
.feed-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 8px 11px;
  border: 1px solid #c2cbbd;
  border-radius: 7px;
  background: #fff;
  color: #4f5e50;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}
.feed-action svg { width: 16px; height: 16px; flex-shrink: 0; }
.feed-action:hover { border-color: #9a64b1; background: #f5eff9; color: #703984; }
.feed-action[aria-pressed="true"], .feed-action.is-saved { background: #eee5f4; color: #703984; border-color: #b694c8; }
.feed-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin: 28px 0 8px; font-size: 12px; color: #5d6a60; }
.feed-pagination a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 14px; border: 1px solid #c2cbbd; border-radius: 7px; background: #fff; color: #703984; font-weight: 600; }
.feed-pagination a:hover { background: #eee5f4; border-color: #9a64b1; }
.feed-pagination [aria-current="page"] { background: #773c8d; color: #fff; border-color: #773c8d; }
.feed-sidebar { display: grid; gap: 18px; min-width: 0; padding-top: 44px; }
.sidebar-card { padding: 23px; border: 1px solid #d8ded1; border-radius: 11px; background: #fff; min-width: 0; overflow-wrap: anywhere; }
.sidebar-title { font-size: 23px; font-weight: 600; line-height: 1.2; letter-spacing: -.035em; margin: 9px 0 14px; }
.sidebar-card .eyebrow { color: #6e3d81; font-size: 10px; }
.sidebar-card p { color: #5d6a60; font-size: 13px; line-height: 1.75; margin: 0 0 15px; }
.sidebar-card p a, .sidebar-card > a:not(.button) { color: #79398f; font-size: 12px; font-weight: 600; }
.sidebar-card > .text-link { display: block; margin-top: 14px; white-space: normal; line-height: 1.6; }
.sidebar-card .button { min-height: 44px; width: 100%; font-size: 12px; padding: 11px 14px; gap: 10px; }
.sidebar-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border-top: 1px solid #e4e8df; padding-top: 15px; margin-top: 18px; }
.sidebar-stats > div { min-width: 0; }
.sidebar-stats strong { display: block; color: #703984; font-size: 24px; font-weight: 600; line-height: 1.25; letter-spacing: -.035em; }
.sidebar-stats :is(span,small,dt,dd) { display: block; color: #62705f; font-size: 10px; line-height: 1.65; margin: 3px 0 0; }
.sidebar-topic-list { margin: 0; padding: 0; list-style: none; }
.sidebar-topic-list li { margin: 0; padding: 0; }
.sidebar-topic-list a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; border-top: 1px solid #e4e8df; padding: 11px 0; color: #465748; font-size: 12px; font-weight: 600; }
.sidebar-topic-list a:hover { color: #79398f; }
.sidebar-topic-list a span { color: #6c7669; font-size: 10px; font-weight: 400; }

html[data-theme="dark"] .feed-kicker { color: #cca2df; }
html[data-theme="dark"] .feed-intro p { color: #b8c5d4; }
html[data-theme="dark"] .feed-tabs > span { color: #b5c1d0; }
html[data-theme="dark"] .feed-tab { color: #c1cad6; }
html[data-theme="dark"] .feed-tab:hover { background: #303047; color: #dfb9ef; }
html[data-theme="dark"] .feed-tab.is-active,
html[data-theme="dark"] .feed-tab[aria-current="page"] { background: #bc8cd6; border-color: #bc8cd6; color: #10151b; }
html[data-theme="dark"] .word-feed::before { background: #5b486d; }
html[data-theme="dark"] .feed-date { background: #31283e; border-color: #6a507e; color: #dfb9ef; }
html[data-theme="dark"] .feed-date > span { border-color: #9272a4; }
html[data-theme="dark"] .feed-date::before { background: #bc8cd6; border-color: #10151b; }
html[data-theme="dark"] .feed-card { background: #202c38; border-color: #435164; }
html[data-theme="dark"] .feed-card.is-featured { border-color: #84629a; border-top-color: #bc8cd6; }
html[data-theme="dark"] .feed-badges .tag { background: #334050; color: #d8c7e7; }
html[data-theme="dark"] .feed-badges > a,
html[data-theme="dark"] .feed-card-top > a { background: #334050; color: #d8c7e7; }
html[data-theme="dark"] .feed-badges > a:hover,
html[data-theme="dark"] .feed-card-top > a:hover { background: #493554; color: #dfb9ef; }
html[data-theme="dark"] .feed-card-top > span { color: #b5c1d0; }
html[data-theme="dark"] .word-of-day { color: #d5b0e8; }
html[data-theme="dark"] .feed-word,
html[data-theme="dark"] .feed-word a { color: #cca2df; }
html[data-theme="dark"] .feed-word a:hover { color: #e4c5f2; }
html[data-theme="dark"] .feed-definition { color: #e1e7f0; }
html[data-theme="dark"] .feed-context { color: #bfcbda; }
html[data-theme="dark"] .feed-context a,
html[data-theme="dark"] .feed-definition a { color: #d5b0e8; }
html[data-theme="dark"] .feed-example { background: #2d293b; border-color: #625273; border-left-color: #bc8cd6; }
html[data-theme="dark"] .feed-example > :is(span,label,small,strong,.eyebrow) { color: #dfb9ef; }
html[data-theme="dark"] .feed-example blockquote { color: #d5cde0; }
html[data-theme="dark"] .feed-byline { color: #b5c1d0; }
html[data-theme="dark"] .feed-byline a { color: #d5b0e8; }
html[data-theme="dark"] .feed-related > :is(span,strong) { color: #b5c1d0; }
html[data-theme="dark"] .feed-related a { background: #31283e; border-color: #6a507e; color: #dfb9ef; }
html[data-theme="dark"] .feed-related a:hover { background: #463350; border-color: #bc8cd6; }
html[data-theme="dark"] .feed-footer { border-color: #435164; color: #b5c1d0; }
html[data-theme="dark"] .feed-actions { border-color: #435164; }
html[data-theme="dark"] .feed-action-status:not(:empty) { color: #b5c1d0; }
html[data-theme="dark"] .feed-footer > a { color: #d5b0e8; }
html[data-theme="dark"] .feed-action { background: #263342; border-color: #718297; color: #d5deea; }
html[data-theme="dark"] .feed-action:hover { background: #393044; border-color: #bc8cd6; color: #dfb9ef; }
html[data-theme="dark"] .feed-action[aria-pressed="true"],
html[data-theme="dark"] .feed-action.is-saved { background: #bc8cd6; border-color: #bc8cd6; color: #10151b; }
html[data-theme="dark"] .feed-pagination { color: #b5c1d0; }
html[data-theme="dark"] .feed-pagination a { background: #202c38; border-color: #718297; color: #dfb9ef; }
html[data-theme="dark"] .feed-pagination a:hover { background: #393044; border-color: #bc8cd6; }
html[data-theme="dark"] .feed-pagination [aria-current="page"] { background: #bc8cd6; border-color: #bc8cd6; color: #10151b; }
html[data-theme="dark"] .sidebar-card { background: #202c38; border-color: #435164; }
html[data-theme="dark"] .sidebar-card .eyebrow { color: #d5b0e8; }
html[data-theme="dark"] .sidebar-card p { color: #b8c5d4; }
html[data-theme="dark"] .sidebar-card p a,
html[data-theme="dark"] .sidebar-card > a:not(.button) { color: #d5b0e8; }
html[data-theme="dark"] .sidebar-stats { border-color: #435164; }
html[data-theme="dark"] .sidebar-stats strong { color: #d5b0e8; }
html[data-theme="dark"] .sidebar-stats :is(span,small,dt,dd) { color: #b5c1d0; }
html[data-theme="dark"] .sidebar-topic-list a { color: #d4dce6; border-color: #435164; }
html[data-theme="dark"] .sidebar-topic-list a:hover { color: #d5b0e8; }
html[data-theme="dark"] .sidebar-topic-list a span { color: #b5c1d0; }

@media (max-width: 1100px) {
  .feed-layout { grid-template-columns: minmax(0, 1fr) 270px; gap: 24px; }
  .feed-masthead { column-gap: 26px; }
  .feed-masthead h1 { font-size: 35px; }
  .feed-card { padding: 25px; }
  .feed-card.is-featured { padding-top: 23px; }
  .feed-word { font-size: 34px; }
  .sidebar-card { padding: 20px; }
}
@media (max-width: 800px) {
  .feed-masthead { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-top: 23px; padding-bottom: 20px; }
  .feed-masthead h1 { font-size: 36px; }
  .feed-masthead > .search-box { margin-top: 0; }
  .feed-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .feed-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 0; }
  .feed-sidebar .sidebar-card:first-child:last-child { grid-column: 1 / -1; }
  .feed-tabs { gap: 4px; }
  .feed-tabs > span { flex-basis: 100%; margin: 4px 0 0; }
  .feed-word { font-size: 35px; }
}
@media (max-width: 600px) {
  .feed-page { padding-bottom: 42px; }
  .feed-masthead { padding-top: 20px; padding-bottom: 18px; }
  .feed-kicker { font-size: 9px; letter-spacing: .07em; }
  .feed-masthead h1 { font-size: 35px; line-height: 1.13; }
  .feed-intro p { font-size: 14px; }
  .feed-masthead .search-box { gap: 8px; padding-left: 13px; }
  .feed-masthead .search-box input { font-size: 12px; }
  .feed-masthead .search-box button { font-size: 12px; padding: 11px 13px; gap: 8px; }
  .feed-tabs { margin-bottom: 0; padding-bottom: 13px; }
  .feed-tab { font-size: 11px; padding: 9px 11px; }
  .word-feed { padding-left: 17px; }
  .word-feed::before { left: 3px; }
  .feed-date { padding: 4px 8px; font-size: 10px; margin-bottom: 10px; }
  .feed-date::before { left: -20px; width: 11px; height: 11px; }
  .feed-card { padding: 21px 19px 18px; margin-bottom: 23px; border-radius: 9px; }
  .feed-card.is-featured { padding-top: 19px; }
  .feed-card-top { gap: 8px; margin-bottom: 13px; }
  .feed-badges { gap: 5px; }
  .feed-badges .tag { font-size: 9px; padding: 4px 7px; }
  .word-of-day { font-size: 9px; }
  .feed-word { font-size: 30px; margin-bottom: 16px; }
  .feed-definition { font-size: 18px; line-height: 1.6; }
  .feed-context { font-size: 14px; line-height: 1.8; }
  .feed-example { padding: 15px; margin: 19px 0; }
  .feed-example blockquote { font-size: 14px; }
  .feed-byline { font-size: 10px; }
  .feed-related { gap: 6px; font-size: 10px; margin-bottom: 17px; }
  .feed-related a { min-height: 32px; }
  .feed-footer { padding-top: 15px; }
  .feed-actions { gap: 6px; }
  .feed-actions > a:last-child { margin-left: 0; }
  .feed-action { padding: 8px 10px; }
  .feed-sidebar { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .sidebar-card { padding: 21px; }
}