/* The time selector belongs to the map, in a shallow strip underneath it. */
.flip-map-context .flip-context-control {
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.flip-context-control .qfc-layout {
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
}
.flip-context-control .qfc-years { margin: 0; }
.flip-context-control .qfc-year { font-size: 13px !important; }
.flip-context-control .qfc-desk { --qfc-height: 48px; --qfc-type: 34px; }
.flip-context-control .qfc-desk .qfc-mechanism { padding: 0; gap: 10px; }
.flip-context-control .qfc-desk .qfc-readout { width: 151px; }
.flip-context-control .qfc-desk .qfc-digits { gap: 5px; }
.flip-context-control .qfc-desk .qfc-digits .qfc-face { width: 34px; }
.flip-context-control .qfc-desk .qfc-all-word { font-size: 22px; }
.flip-context-control .qfc-desk .qfc-all-subtitle { font-size: 10px; }
.flip-context-control .qfc-station .qfc-mechanism { width: 310px; }
.flip-context-control .qfc-calendar .qfc-mechanism { padding-top: 7px; }
.flip-context-control .qfc-inline { --qfc-height: 44px; }
.flip-context-control .qfc-inline .qfc-layout { display: block; width: 100%; }
.flip-context-control .qfc-leaves { padding: 0; gap: 8px; }
.flip-context-control .qfc-leaf-plaque { height: 44px; flex-direction: row; gap: 6px; }
.flip-context-control .qfc-leaf-plaque small { font-size: 10px; }
.flip-map-context .flip-style-choices {
  justify-content: flex-start;
  gap: 22px;
  margin-top: 2px;
}
.flip-map-context .flip-style-choices button { font-size: 12px; min-height: 44px; }
.flip-map-context .event-log { margin-top: 16px; }
@media (max-width: 720px) {
  .flip-context-control .qfc-layout {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .flip-context-control .qfc-mechanism { justify-self: center; }
  .flip-context-control .qfc-years {
    grid-template-columns: repeat(var(--qfc-count), minmax(44px, 1fr));
  }
  .flip-context-control .qfc-year[data-year="all"] { grid-column: auto; }
  .flip-map-context .flip-style-choices { justify-content: space-between; gap: 8px; }
  .flip-context-control .qfc-station .qfc-mechanism { width: min(100%, 310px); }
  .flip-context-control .qfc-inline .qfc-leaves {
    grid-template-columns: repeat(var(--qfc-count), minmax(44px, 1fr));
    gap: 2px;
  }
  .flip-context-control .qfc-leaf-all { grid-column: auto; }
  .flip-context-control .qfc-leaf-plaque { flex-direction: column; gap: 3px; }
  .flip-context-control .qfc-leaf-plaque small { font-size: 8px; }
}