/* Keep the diary as quiet as the rest of the site. */
.diary { width: 100%; min-width: 0; }
.diary .pageHeader { margin-bottom: 32px; }
.diary-table { width: 100%; table-layout: fixed; font-size: 14px; line-height: 1.6; text-align: left; }
.diary-table th, .diary-table td { vertical-align: top; padding: 16px 14px 16px 0; }
.diary-table thead th { padding-top: 0; padding-bottom: 10px; font-family: IBMPlexMono, monospace; font-size: 11px; font-weight: 400; color: #707780; }
.diary-table tbody tr { border-top: 1px solid #eceeef; }
.diary-table th:first-child { width: 100px; font-weight: 400; }
.diary-table td { color: #424850; }
.diary-table .nutrition { width: 105px; text-align: right; padding-right: 0; }
.diary-table .total { white-space: nowrap; color: #000; }
.diary-table .incomplete { display: block; color: #8a9097; font-size: 11px; }
.diary-table .muted { color: #8a9097; }
.diary-table a:focus-visible { outline: 1px solid #424850; outline-offset: 4px; }
@media (max-width: 520px) {
  nav { flex-wrap: wrap; gap: 12px; margin-bottom: 48px; }
  .diary-table { font-size: 12px; }
  .diary-table th, .diary-table td { padding-right: 10px; }
  .diary-table th:first-child { width: 62px; }
  .diary-table .nutrition { width: 72px; }
  .diary-table thead th { font-size: 9px; }
}