/* Keep the source clock readable beside the observation on narrow phones. */
#source-clock { scroll-margin-top: calc(var(--pub-header-height, 210px) + 24px); }
#source-clock table { width: 100%; border-collapse: collapse; text-align: left; margin: 24px 0; }
#source-clock caption { text-align: left; margin-bottom: 12px; color: #b6edf0; }
#source-clock :is(th,td) { padding: 12px 10px; vertical-align: top; border-bottom: 1px solid #355154; }
#source-clock th:first-child { width: 8rem; min-width: 8rem; overflow-wrap: normal; word-break: normal; }
@media (max-width: 450px) {
  #source-clock table { font-size: 14px; line-height: 1.7; }
  #source-clock :is(th,td) { padding: 12px 6px; }
  #source-clock th:first-child { width: 5rem; min-width: 5rem; }
}