/* Visibility and community-recommendation additions. */
.hero-river span { color: rgba(143, 216, 202, .28); text-shadow: 0 1px 0 rgba(255,255,255,.06); z-index: 2; }
.social-section { padding: 0 max(5vw, 28px) 78px; }
.social-note { border: 1px solid #d5ba85; color: #805816; background: #fff7e5; padding: 4px 8px; font: 11px 'DM Mono', monospace; }
.social-intro { max-width: 720px; color: var(--muted); margin: 0 0 22px; }
.social-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.social-card { background: var(--card); border: 1px solid var(--line); padding: 20px; }
.social-platform { font: 11px 'DM Mono', monospace; background: #ecf4ee; color: var(--water); padding: 3px 6px; }
.social-category { font-size: 12px; color: var(--muted); margin-left: 7px; }
.social-card h3 { font: 600 21px 'Noto Serif SC', serif; margin: 14px 0 3px; }
.social-card p { color: var(--muted); font-size: 13px; }
.social-card .social-region { margin: 0; font-weight: 700; color: var(--ink); }
.social-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; font: 11px 'DM Mono', monospace; color: #9c6c18; }
.social-footer a { color: var(--water); font: 12px 'Noto Sans SC', sans-serif; text-decoration: none; }
.social-footer a:hover { text-decoration: underline; }
@media (max-width: 760px) { .social-list { grid-template-columns: 1fr; } }
.weather-card{margin:18px 0;background:#eef6f1;border:1px solid var(--line);padding:18px}.weather-head{display:flex;justify-content:space-between;align-items:flex-start}.weather-head h3{font:600 22px 'Noto Serif SC',serif;margin:0}.weather-location{margin:3px 0 0;color:var(--muted);font-size:12px}.weather-content{margin-top:14px;display:flex;align-items:center;gap:15px}.weather-icon{font-size:36px;color:var(--water);min-width:44px;text-align:center}.weather-content strong{font-size:16px}.weather-content p{margin:3px 0 0;font-size:12px;color:var(--muted)}.strategy{margin-left:auto;max-width:370px;border-left:3px solid var(--water);padding:5px 0 5px 12px;display:grid;gap:2px}.strategy b{font-size:13px}.strategy span{font-size:12px;color:var(--muted)}.strategy.stop{border-color:#b34b41}.strategy.stop b{color:#9e352d}.strategy.caution{border-color:#bc851e}.strategy.caution b{color:#896211}@media(max-width:760px){.weather-content{flex-wrap:wrap}.strategy{margin-left:0;width:100%;max-width:none}}