/* Only the two Home trend surfaces. No weather hero, navigation or map geometry. */
.trend-forecast .section-head{align-items:center;flex-wrap:wrap;gap:6px 18px}
.trend-forecast .section-note{display:block;max-width:650px;font-size:11px;line-height:1.5}
.trend-forecast .trend-card{min-height:166px;height:auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px;padding:15px;--trend-color:#a4bdcc}
.trend-forecast .trend-card>div{min-width:0}
.trend-card[data-direction="up"][data-trend-metric="temperature"],
.trend-card[data-direction="up"][data-trend-metric="wind"],
.trend-card[data-direction="down"][data-trend-metric="rain"]{--trend-color:#ff7377}
.trend-card[data-direction="down"][data-trend-metric="temperature"]{--trend-color:#65baff}
.trend-card[data-direction="up"][data-trend-metric="rain"]{--trend-color:#55dda0}
.trend-card[data-direction="down"][data-trend-metric="wind"]{--trend-color:#ffb45f}
.trend-forecast .trend-card strong{color:#dff6ff;font-size:1.4rem;white-space:nowrap}
.trend-forecast .trend-card small{font-size:10px;line-height:1.4;color:#9dbbcb}
.trend-forecast .trend-card .trend-direction{font-weight:750;color:var(--trend-color)}
.trend-forecast .trend-card .trend-delta{font-size:10px;color:#9dbbcb;line-height:1.4}
.trend-forecast .trend-card svg{height:80px;width:100%;overflow:hidden}
.trend-forecast .trend-card polyline{stroke:var(--trend-color);stroke-width:2.5;fill:none;filter:none;animation:none;stroke-linecap:round;stroke-linejoin:round}
.trend-forecast .trend-card .trend-axis{stroke:#3b6179;stroke-width:1}
.trend-forecast .trend-card .trend-chart-label{display:block;text-align:center;font-size:9px;font-weight:400;color:#87aabd}
.trend-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 0;color:#9dbbcb;font-size:11px;line-height:1.5}
.trend-status button{background:#0b324c;border:1px solid #245575;border-radius:7px;color:#c5f1ff;padding:5px 9px;font-size:11px;cursor:pointer;white-space:nowrap}
.trend-status button[hidden]{display:none}
.trend-method{font-size:11px;color:#99b7c9;line-height:1.55;margin-top:8px}
.trend-method summary{cursor:pointer;width:fit-content;color:#74cede}
.trend-method p{margin:5px 0;max-width:1050px}
.trend-method a{color:#74cede;text-decoration:underline}
.trend-monthly{border:1px solid #234a62;border-radius:10px;background:linear-gradient(135deg,#09273c,#071d30);padding:8px 10px;min-width:0}
.trend-monthly-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 7px;margin-bottom:6px}
.useful-info-panel .trend-monthly-header h3{font-size:12px!important;line-height:1.2;letter-spacing:.5px;color:#5ed8f5;margin:0!important}
.trend-monthly-header small{color:#96b4c7;font-size:9px;white-space:nowrap}
.trend-monthly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.trend-decade{min-width:0;padding:4px 7px;background:#0c3047;border-radius:5px;border-top:2px solid #2d6d86}
.trend-decade-heading{display:block;text-align:center;color:#daf5ff;font-size:11px;line-height:1.4;margin-bottom:3px}
.trend-monthly-row{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:10px;line-height:1.4;color:#b3cede}
.trend-monthly-row b{font-size:15px;line-height:1;font-weight:800;color:#99b7c9}
.trend-monthly-row span{min-width:0;overflow-wrap:anywhere}
.trend-monthly-row[data-state="up"][data-metric="rain"] b{color:#55dda0}
.trend-monthly-row[data-state="down"][data-metric="rain"] b,
.trend-monthly-row[data-state="up"][data-metric="temperature"] b{color:#ff7377}
.trend-monthly-row[data-state="down"][data-metric="temperature"] b{color:#65baff}
.trend-monthly-status{font-size:9px;line-height:1.4;color:#93b1c5;margin:5px 0 0}
.trend-forecast :focus-visible,.trend-monthly :focus-visible{outline:2px solid #67daf8;outline-offset:3px}
@media(max-width:520px){
  .trend-monthly{padding:7px}
  .trend-monthly-grid{gap:4px}
  .trend-decade{padding:4px}
  .trend-monthly-row{font-size:9px}
  .trend-monthly-header h3{font-size:11px!important}
  .trend-forecast .section-note{text-align:left}
}