body { margin: 24px; color: #202a35; background: #fff; font: 10.5pt "Segoe UI", Arial, sans-serif; line-height: 1.55; }
div.page { max-width: 48em; }
div.nav { border-bottom: 1px solid #c9d5e0; padding-bottom: 10px; color: #46627c; }
div.footer { border-top: 1px solid #c9d5e0; padding-top: 10px; margin-top: 26px; color: #46627c; font-size: 9pt; }
h1 { margin: 16px 0; color: #143552; font-size: 21pt; }
h2 { margin-top: 22px; color: #143552; font-size: 13pt; }
a { color: #00548a; }
code { background: #edf3f8; padding: 1px 3px; font-family: Consolas, monospace; }
li { margin: 4px 0; }
.clock-index { max-width: 64em; }
.site-banner { display: block; width: 100%; max-width: 998px; height: auto; }
.clock-heading { display: table; margin-top: 18px; }
.clock-brand { display: table-cell; width: 110px; padding-right: 18px; text-align: center; font-weight: bold; vertical-align: middle; }
.clock-brand img { display: block; margin: 0 auto 3px; }
.clock-heading h1 { display: table-cell; vertical-align: middle; }
@media (max-width: 480px) {
  .clock-brand { padding-right: 10px; }
  .clock-brand img { width: 78px; height: 94px; }
  .clock-heading h1 { font-size: 17pt; }
}
.contents ul { list-style: none; padding-left: 1.2em; }
.contents > ul { padding-left: 0; }
.contents a:hover, .contents a:focus { text-decoration: underline; }