/* River Stage Now — 엔진 site.css 위에 얹는 것만 */
.small{font-size:.86rem;color:var(--muted)}
.now{margin:14px 0;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.now-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--soft);color:var(--muted)}
.badge.low{background:#fff4e5;color:#b45309}
.badge.typical{background:#e8f7ee;color:#15803d}
.badge.high{background:#e6f0fb;color:#1d4ed8}
.now-main{margin:8px 0 4px}
.now-main b{display:block;font-size:2.4rem;line-height:1.1;letter-spacing:-.03em}
.now-main span{color:var(--muted);font-size:.85rem}
.now-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.now-row div{padding:10px;background:var(--soft);border-radius:12px}
.now-row b{display:block;font-size:1.25rem}
.now-row span{font-size:.78rem;color:var(--muted)}
svg.months{display:block;width:100%;height:auto;margin:4px 0 6px}
svg.months rect{fill:color-mix(in srgb,var(--brand) 35%,#fff)}
svg.months rect.on{fill:var(--brand)}
svg.months text{font-size:11px;fill:var(--muted)}
.hero .near-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.hero .near-form label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:rgba(255,255,255,.9);font-weight:600}
.hero .near-form select{font:inherit;padding:9px 10px;border:0;border-radius:9px;min-width:170px}
.link-cards{list-style:none;padding:0;margin:.4em 0;display:grid;gap:8px}
.link-cards a{display:block;padding:11px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;font-weight:600}
.link-cards a:hover{border-color:var(--brand);color:var(--brand)}
@media (min-width:768px){.link-cards{grid-template-columns:1fr 1fr}}
.results{list-style:none;padding:0;margin:.4em 0;display:grid;gap:8px}
.results li{padding:11px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.results li a{font-weight:700}
.status{color:var(--muted);margin:8px 0}
.fav{margin-left:auto;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer}
.fav[aria-pressed=true]{border-color:#f59e0b;color:#b45309;background:#fffbeb}
.now-trend{display:flex;align-items:center;gap:10px;margin:2px 0 4px;min-height:24px}
.trend{font-size:.86rem;font-weight:700;color:var(--muted)}
.trend.rising{color:#1d4ed8}
.trend.falling{color:#b45309}
.trend.steady{color:#15803d}
svg.spark{flex:1;height:28px;color:var(--brand)}
.favs ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.favs li{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--soft);border-radius:10px}
.favs li a{font-weight:650}
.favs .val{color:var(--muted);font-size:.9rem;white-space:nowrap}
.hero .near-form label.wide{flex:1 1 100%}
.hero .near-form input[type=search]{font:inherit;padding:9px 10px;border:0;border-radius:9px;width:100%}