/* hours-location — the contact block beside the hours table. */

/* The hours pane takes the larger share: a table of rows carries more lines. */
.sk-hours-location-panes {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: var(--kit-space-5) var(--kit-space-6);
  align-items: start;
}
@media (max-width: 900px) {
  .sk-hours-location-panes {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sk-hours-location-contact {
  display: flex;
  flex-direction: column;
  gap: var(--kit-space-2);
}
/* Authored line breaks are held: street over city is the author's call. */
.sk-hours-location-address {
  white-space: pre-line;
  max-width: var(--sk-measure);
}
.sk-hours-location-line {
  margin: 0;
}
/* Muted against the details above. */
.sk-hours-location-note {
  margin: 0;
  max-width: var(--sk-measure);
  color: var(--sk-ink-muted);
}
.sk-hours-location-actions {
  margin-top: var(--kit-space-3);
}

.sk-hours-location-hours {
  margin: 0;
  /* DATA rows, so the data-row air dial. */
  --sk-ruled-pad: var(--sk-data-row-pad);
  /* Never the full width of a wide pane. */
  max-width: 44ch;
}
/* The cap is taken off the pane's END edge; stacked, it fills the one column.
   A grid item aligned to an edge shrinks to its content unless its size is
   definite, so the list states its width and lets the cap bound it. */
@media (width > 900px) {
  .sk-hours-location-hours {
    inline-size: 100%;
    justify-self: end;
  }
}
.sk-hours-location-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--kit-space-3);
}
.sk-hours-location-time {
  margin: 0;
  text-align: right;
  color: var(--sk-ink-muted);
  font-variant-numeric: tabular-nums;
}