@import url('/trust.css');

main { width: min(940px, calc(100% - 44px)); }
h1 { max-width: 760px; }
.lede { max-width: 680px; }
.lede a { color: inherit; text-underline-offset: 3px; }
.content { margin-top: 58px; }

.table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(40, 40, 48, .10);
  border-radius: 16px;
}
table { width: 100%; border-collapse: collapse; background: #fff; text-align: left; }
th, td { padding: 18px; border-right: 1px solid rgba(40, 40, 48, .08); border-bottom: 1px solid rgba(40, 40, 48, .08); vertical-align: top; }
tr:last-child th, tr:last-child td { border-bottom: 0; }
th:last-child, td:last-child { border-right: 0; }
thead th { color: var(--ink3); background: #f7f7f9; font-size: 11px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
tbody th { min-width: 130px; color: var(--ink1); font-size: 15px; line-height: 1.55; }
tbody td { min-width: 190px; color: var(--ink2); font-size: 14px; line-height: 1.65; }
code { padding: .12em .34em; color: #24242a; background: rgba(40, 40, 48, .065); border-radius: 5px; font: .88em/1.5 ui-monospace, "SF Mono", Menlo, monospace; overflow-wrap: anywhere; }

.content section { margin-top: 40px; }
.content section h2 { margin-bottom: 12px; }
.content section p { max-width: 760px; }

@media (max-width: 720px) {
  th, td { padding: 14px; }
  .content { margin-top: 44px; }
}