/* Only the river section; the completed landing page remains unchanged. */
.rivers-page .rivers-sections{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-self:end}
.rivers-sections li{min-width:0}
.rivers-sections img{display:block;width:100%;height:auto}
.rivers-sections [aria-current=page]{outline:1px solid #65d8ff;outline-offset:3px;border-radius:12px}
.rivers-section{padding-block:24px 100px}
.rivers-section>h2{margin:0 0 28px;font-size:40px}
.rivers-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:28px;align-items:start}
.rivers-list,.rivers-reader{height:600px;max-height:72vh;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#5790ac #06243b;scrollbar-gutter:stable}
.rivers-list ul{list-style:none;padding:0;margin:0}
.rivers-list a{display:flex;gap:14px;padding:8px 6px;color:inherit;text-decoration:none;font-size:28px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.rivers-list a[aria-current=true]{color:#65d8ff}
.rivers-list a:hover{text-decoration:underline}
.rivers-list a:focus-visible,.rivers-list:focus-visible,.rivers-reader:focus-visible{outline:2px solid #65d8ff;outline-offset:-2px}
.rivers-reader{padding:24px 28px;border:1px solid rgba(110,187,218,.55);border-radius:10px;background:rgba(0,20,40,.12)}
.rivers-reader article[hidden]{display:none}
.rivers-reader h3{margin:0 0 24px;font-size:30px;overflow-wrap:anywhere}
.rivers-reader img{max-width:100%;height:auto}
.rivers-reader .river-photos figure{margin:24px 0}
.rivers-reader .river-photos img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto}
.rivers-empty{min-height:400px}
@media(max-width:767px){
  .rivers-section{padding-block:24px 48px}
  .rivers-section>h2{font-size:30px;margin-bottom:20px}
  .rivers-browser{grid-template-columns:minmax(0,1fr);gap:20px}
  .rivers-list{height:auto;max-height:180px}
  .rivers-list a{font-size:22px}
  .rivers-reader{height:60vh;max-height:600px;padding:18px}
  .rivers-reader h3{font-size:26px}
  .rivers-page .rivers-sections{gap:6px}
}