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

.family-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(21, 34, 30, .96), rgba(14, 24, 21, .96));
  box-shadow: var(--shadow);
}

.family-card::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  right: -80px;
  top: -100px;
  opacity: .18;
}

.family-card.weather::after { background: var(--family-weather); }
.family-card.crypto::after { background: var(--family-crypto); }
.family-card h2 { font-size: 23px; margin: 8px 0 4px; }
.family-card strong { color: var(--mint); }
.family-card p { color: var(--muted); margin: 10px 0 0; max-width: 520px; }
.wrap-cell { white-space: normal; min-width: 210px; }
.time-pair { display: grid; gap: 2px; min-width: 220px; }
.time-pair small { color: var(--muted); }

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