/* Forecast Rivers on the shared explorer: the network green, the pineapple, and the river list. */
:root{--sign:#006B45}
.titlebar svg.pine{height:34px;width:auto;display:block}
.title-tools .btn[aria-current="page"]{background:var(--sign,#006B45);color:#fff;border-color:var(--sign,#006B45)}
.fr-rivers{margin:10px 0 26px}
.fr-head{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;margin-bottom:10px;font-size:13px}
.fr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px}
.fr-item{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;background:#fff;border:1px solid #cfd6d2;border-radius:6px;padding:9px 11px 7px;cursor:pointer;font:inherit;color:inherit}
.fr-item:hover{border-color:#0F2236}
.fr-item b{font-weight:800}
.fr-item .pk{font-weight:700}
.fr-item .ds{grid-column:1 / -1;font-size:12px;opacity:.75;line-height:1.35}
.prose{max-width:76ch;line-height:1.55}
.prose p{margin:0 0 .8em}