/* Step 5, first slice: reusable feed components. Existing data and controls retained. */
:root{--lime-ink:var(--lime);--fs-map-land:var(--surface2);--fs-map-line:var(--line);}
html[data-theme="light"]{--lime-ink:#4d7a00;}
@layer tl-feed-system {
  #view-feed .fd-day>h3{font-size:var(--tl-type-kicker)!important;color:var(--ink)!important;}
  #view-feed .fs-card p{font-size:var(--tl-type-meta)!important;color:var(--ink)!important;line-height:1.5!important;}
  #view-feed .fs-card{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:none!important;}
  #view-feed .fs-card::before{display:none!important;}
  #view-feed .fs-head{padding:16px!important;gap:12px!important;background:transparent!important;border-color:var(--line)!important;}
  #view-feed .fs-avatar{width:40px!important;height:40px!important;border-radius:11px!important;background:var(--surface2)!important;border:1px solid var(--line)!important;box-shadow:none!important;}
  #view-feed .fs-author b{font-size:var(--tl-type-body)!important;color:var(--ink)!important;}
  #view-feed .fs-author small{font-size:var(--tl-type-meta)!important;color:var(--ink)!important;}
  #view-feed .fs-title{font-size:var(--tl-type-card-title)!important;line-height:1.4!important;color:var(--ink)!important;}
  #view-feed .fs-badge{font-size:var(--tl-type-kicker)!important;color:var(--lime-ink)!important;background:var(--surface2)!important;border:1px solid var(--line)!important;}
  #view-feed .fs-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px!important;background:transparent!important;border-top:1px solid var(--line)!important;}
  #view-feed .fs-stat{padding:0!important;border:0!important;min-width:0!important;}
  #view-feed .fs-stat b{font-size:var(--tl-type-stat)!important;line-height:1.2!important;color:var(--ink)!important;}
  #view-feed .fs-stat:first-child b{color:var(--lime-ink)!important;}
  #view-feed .fs-stat small{font-size:var(--tl-type-kicker)!important;color:var(--ink)!important;}
  #view-feed .fs-map{background:var(--fs-map-land)!important;border-color:var(--line)!important;}
  #view-feed :is(.fd-track-badge,.fd-visual-label){color:var(--ink)!important;background:var(--bg)!important;border-color:var(--line)!important;font-size:var(--tl-type-kicker)!important;white-space:normal!important;}
  #view-feed .fd-track-badge .tl-icon{color:var(--lime-ink)!important;}
  #view-feed .fd-demo-label{background:var(--bg)!important;color:var(--ink)!important;}
  #view-feed .fd-track{stroke:var(--teal)!important;filter:none!important;}
  #view-feed .fd-track-shadow{stroke:var(--bg)!important;filter:none!important;}
  #view-feed :is(.fd-start,.fd-finish){fill:var(--lime)!important;stroke:var(--bg)!important;filter:none!important;}
  #view-feed .fd-fake-land{fill:var(--fs-map-land)!important;}
  #view-feed .fd-fake-road{stroke:var(--fs-map-line)!important;}
  @media(min-width:761px){#view-feed .fs-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
}