.weather {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
/* gap:12px → margin 替代 */
.weather > * + * {
  margin-left: 0.75rem;
}
.weather span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
}
.weather .currentTime {
  color: #7eb8f0;
  font-family: "Courier New", monospace;
  font-weight: bold;
  font-size: 1rem;
}

.mobile-layout .weather {
  position: static;
  -webkit-transform: none;
  transform: none;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-top: 0;
  width: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.mobile-layout .weather span {
  font-size: 1rem;
  margin-right: 0.25rem;
}
.mobile-layout .weather .currentTime {
  font-size: 1.125rem;
}