/* Only explicitly styled date/time cells. Spaces and previous plain cells are untouched. */
.ncms-header-clock {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  max-width: 100%;
  min-width: 0;
  vertical-align: middle;
  line-height: 1.4;
  text-align: start;
  font-variant-numeric: tabular-nums;
}
.ncms-header-clock__body {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.3em;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.ncms-header-clock__icon {
  display: block;
  flex: 0 0 1.1em;
  width: 1.1em;
  height: 1.1em;
}
.ncms-header-clock--classic {
  font:
    500 14px/1.45 Georgia,
    "Times New Roman",
    serif;
  letter-spacing: 0.015em;
  border-block: 1px solid #cbd3da;
  padding: 5px 0;
}
.ncms-header-clock--minimal {
  font:
    400 13px/1.4 system-ui,
    sans-serif;
  letter-spacing: 0.01em;
  padding: 1px 0;
}
.ncms-header-clock--modern {
  font:
    600 13px/1.4 system-ui,
    sans-serif;
  border: 1px solid #ccd9e4;
  border-radius: 6px;
  padding: 6px 9px;
  background: #f0f5fa;
  color: #24405a;
}
.ncms-header-clock__label {
  font:
    700 9px/1.4 system-ui,
    sans-serif;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.ncms-header-clock--compact {
  font:
    600 11px/1.3 system-ui,
    sans-serif;
  letter-spacing: 0.02em;
  padding: 1px 0;
  gap: 0.3em;
}
.ncms-header-clock--time [data-ncms-clock] {
  white-space: nowrap;
}