/* Optional web city-row shape. Edge-to-edge remains the default. */
:root[data-row-style="rounded"] #city-rows.city-rows {
  gap: 10px;
  padding: 0 0 12px;
}

:root[data-row-style="rounded"] #city-rows > .city-row,
:root[data-theme="dark"][data-row-style="rounded"] #city-rows > .city-row {
  margin-inline: 0;
  border: 1px solid var(--timeline-row-separator);
  border-radius: 18px;
  box-shadow: none;
}

@media (max-width: 640px) {
  :root[data-row-style="rounded"] #timeline-view.view-pane {
    margin-inline: 0;
  }

  :root[data-row-style="rounded"] #city-rows > .city-row,
  :root[data-theme="dark"][data-row-style="rounded"] #city-rows > .city-row {
    margin-inline: 0;
  }
}

/* These details are redundant with the daylight rail and city-local time. */
#city-rows .time-display > span,
#city-rows .sun-labels {
  display: none !important;
}