/* One vertical year. Scroll to later months. Each story is an icon, a short line, and a map link. */
.today-river-scroll{max-height:min(70vh,680px);overflow:auto;overscroll-behavior:contain;padding:2px 2px 12px}
.today-node{margin:0 0 18px}
.today-time{margin:0 0 8px;color:#23745a;font-size:13px;font-weight:800;letter-spacing:.04em}
.today-cards{display:flex;flex-direction:column;gap:8px}
.today-story{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start;padding:12px 12px;border:1px solid #dce5dc;border-radius:16px;background:#fffdfa}
.today-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f0ece1;font-size:22px;line-height:1}
.today-icon img{width:28px;height:28px;display:block}
.today-story h3{margin:0;font-size:16px;line-height:1.35}
.today-story .eco-line,.today-story .eco-meta{margin:4px 0 0;font-size:13px;line-height:1.55;color:#3d5348}
.today-story-link{color:inherit;text-decoration:none}
.today-story-link:hover{text-decoration:underline}
.today-story-link:focus-visible{outline:2px solid #d9a441;outline-offset:3px}
.today-river-sentinel{height:1px}
@media(max-width:640px){
  .today-river-scroll{max-height:none}
  .today-story h3{font-size:17px}
}