/* Zestoria 覆盖 Kalovie 设计变量：柑橘与墨色，零外部字体。 */

:root {
  --cream:      #f7f3ea;
  --cream-deep: #efe6d4;
  --surface:    #fffdf8;
  --ink:        #1a1f16;
  --ink-soft:   #4a5343;
  --ink-faint:  #7a8470;
  --line:       #e4d8c4;

  --rose:       #e85d04;
  --rose-deep:  #c2410c;
  --rose-wash:  #fff4eb;
  --coral:      #f59e0b;
  --coral-wash: #fff7ed;
  --mint:       #65a30d;
  --mint-wash:  #ecfccb;
  --plum:       #3f6212;
  --plum-wash:  #f7fee7;
}

.weather-board {
  margin: 48px 0 12px;
}

.weather-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.weather-col {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px 22px 8px;
}

.weather-col h3 {
  margin: 4px 0 8px;
  font-family: var(--font-display);
  font-size: 28px;
}

.weather-hot { border-top: 3px solid var(--rose); }
.weather-sour { border-top: 3px solid var(--coral); }
.weather-odd { border-top: 3px solid var(--plum); }
.weather-sweet { border-top: 3px solid var(--mint); }

.sibling-bridge {
  margin: 48px 0 12px;
  padding: 28px;
  background: var(--rose-wash);
  border-radius: var(--radius);
}

@media (max-width: 800px) {
  .weather-grid { grid-template-columns: 1fr; }
}