/*
 * /trust: the security statement. It is set as a note (proof.css); this
 * adds only what its tables need.
 */

.nt-trust .nt-table { max-width: var(--nt-measure); }
.nt-trust > section > .nt-table { margin-inline: auto; }
.nt-def tbody th { width: 9.5rem; padding-right: 20px; font-weight: 500; }
.nt-def.is-short tbody th { width: auto; font-weight: 400; }
.nt-def.is-short td { color: var(--w-ink-2); }
.nt-subs td:last-child { white-space: nowrap; }

@media (max-width: 600px) {
  /* a definition table reads as term, then text, on a phone */
  .nt-def:not(.is-short) thead { display: none; }
  .nt-def:not(.is-short) table, .nt-def:not(.is-short) caption, .nt-def:not(.is-short) tbody, .nt-def:not(.is-short) tr, .nt-def:not(.is-short) th, .nt-def:not(.is-short) td { display: block; width: auto; }
  .nt-def:not(.is-short) tr { padding: 12px 0; border-bottom: 1px solid var(--w-line); }
  .nt-def:not(.is-short) tbody tr:first-child { border-top: 1px solid var(--w-ink); }
  .nt-def:not(.is-short) tbody tr:last-child { border-bottom-color: var(--w-ink); }
  .nt-def:not(.is-short) th, .nt-def:not(.is-short) td { padding: 0; border: 0 !important; }
  .nt-def:not(.is-short) th { margin-bottom: 4px; }
  .nt-subs td:last-child { white-space: normal; }
}

/* /builders: real code, set plainly at the measure of the text. */
.nt-pre { max-width: var(--nt-measure); margin: 20px auto; padding: 18px 20px; overflow-x: auto; background: var(--w-paper-2, rgba(20, 33, 61, .04)); border: 1px solid var(--w-line, rgba(20, 33, 61, .12)); border-radius: 8px; }
.nt-pre code { display: block; font-size: 14px; line-height: 1.6; white-space: pre; overflow-wrap: normal; color: var(--w-ink); }

/* /status (round 8): the crisp ground, a 48px serif title, the live checks
   as a white table, and the days as a cobalt strip; coral only for a day
   with an incident in it. */
.nt-status .nt-title { font-size: 48px; }
.nt-status .nt-table table { background: var(--white); border: 1px solid var(--line); }
.nt-status .nt-table th, .nt-status .nt-table td { padding: 14px 16px; }
.nt-status .nt-table thead th { border-bottom-color: var(--line-strong); }
.nt-status .nt-svg .s { fill: var(--cobalt); }
.nt-status .nt-svg .r { fill: var(--sky); }
.nt-status .nt-svg .h { fill: var(--line); }
/* /status: one casing, with a dot (round 6 judges) */
.nt-st::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: currentColor; opacity: .35; vertical-align: .05em; }
.nt-st.ok::before { background: #2347C4; opacity: 1; }
.nt-st.bad::before { background: #F0563A; opacity: 1; }

/* /status before day seven: one sentence, and a small strip with a tick for each day measured (round 7 judges) */
.nt-young .nt-day { display: inline-flex; align-items: center; gap: 10px; margin-left: 8px; white-space: nowrap; font-size: 15px; color: var(--muted, #5B6475); }
.nt-young .nt-ticks { display: inline-flex; gap: 2px; }
.nt-young .nt-ticks i { display: block; width: 4px; height: 16px; border-radius: 1px; background: var(--cobalt, #2B44C8); }
/* /status, round 8 judges: the ninety-day strip from launch, measured days in cobalt, days to come as hairline outlines */
.nt-young .nt-day { display: flex; align-items: center; gap: 16px; margin: 20px 0 0; white-space: nowrap; }
.nt-young .nt-ticks { flex: 1; display: grid; grid-template-columns: repeat(90, minmax(0, 1fr)); gap: 2px; max-width: 720px; }
.nt-young .nt-ticks i { width: auto; height: 28px; border-radius: 1px; }
.nt-young .nt-ticks i.to-come { background: transparent; box-shadow: inset 0 0 0 1px var(--line, #DDE2EA); }