/* Credibility pages (/method, /about, /press, /data). Builds on design/c.css (Direction C tokens and type). */
.cnav { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-left: auto; font: 600 13px/1.6 var(--sans); }
.cnav a { text-decoration: none; color: var(--ink-2); }
.cnav a:hover { color: var(--accent); }
.cnav a[aria-current] { color: var(--ink); box-shadow: inset 0 -2px 0 var(--accent); }
@media (max-width: 520px) { .mast-in { flex-wrap: wrap; row-gap: 6px; } .cnav { margin-left: 0; width: 100%; gap: 4px 12px; } }

.doc { padding-bottom: 8px; }
.doc .dek { margin-bottom: 22px; }
.doc .byline { margin-bottom: 8px; }
.doc h2 { font: 700 22px/1.25 var(--sans); letter-spacing: -.01em; margin: 46px 0 10px; scroll-margin-top: 80px; }
.doc h3 { font: 700 16.5px/1.3 var(--sans); margin: 26px 0 6px; }
.doc p, .doc li { font: 400 17.5px/1.62 var(--serif); color: #222; font-variation-settings: "opsz" 16; }
.doc p { margin: 0 0 14px; }
.doc ul.bul { list-style: none; margin: 0 0 16px; }
.doc ul.bul li { position: relative; padding-left: 18px; margin-bottom: 8px; }
.doc ul.bul li::before { content: ""; position: absolute; left: 2px; top: .7em; width: 6px; height: 6px; background: var(--accent); }
.doc code, .doc .mono { font: 400 .86em/1.4 var(--mono); background: #f1efe8; padding: 1px 4px; border-radius: 2px; }
.doc pre.code { font-size: 12.5px; }
.toc { margin: 18px 0 8px; padding: 14px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); font: 500 14px/1.9 var(--sans); }
.toc a { display: inline-block; margin-right: 14px; white-space: nowrap; color: var(--ink-2); }

.tbl { width: 100%; border-collapse: collapse; margin: 6px 0 18px; font: 400 14.5px/1.45 var(--sans); }
.tbl th { text-align: left; font-weight: 700; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2);
  border-bottom: 1px solid var(--ink); padding: 6px 10px 6px 0; vertical-align: bottom; }
.tbl td { border-bottom: 1px solid var(--rule); padding: 8px 10px 8px 0; vertical-align: top; }
.tbl td.n, .tbl th.n { text-align: right; font-variant-numeric: tabular-nums; }
.tbl .mono { font-size: 11.5px; word-break: break-all; }
.tblwrap { overflow-x: auto; }

.callout { border-left: 3px solid var(--accent); padding: 4px 0 4px 16px; margin: 18px 0; }
.callout p { font: 400 16.5px/1.55 var(--sans); color: var(--ink-2); }
.formula { font: 400 14px/1.6 var(--mono); background: #f1efe8; border: 1px solid var(--rule); padding: 10px 14px; margin: 8px 0 16px; overflow-x: auto; white-space: pre; }
.placeholder { border: 2px dashed var(--rule); background: #f6f4ee; padding: 16px 18px; margin: 10px 0 18px; }
.placeholder p { font: 500 15px/1.5 var(--sans); color: var(--ink-2); margin: 0; }
.pledge { font: 400 italic 24px/1.3 var(--serif); color: var(--ink); margin: 22px 0; padding: 16px 0; border-top: 3px solid var(--ink); border-bottom: 1px solid var(--rule); }
.assets { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin: 10px 0 18px; }
.assets figure { border: 1px solid var(--rule); background: #fff; }
.assets img { width: 100%; height: auto; display: block; }
.assets .logo-bg { display: grid; place-items: center; height: 120px; background: var(--paper); }
.assets .logo-bg img { width: auto; max-width: 80%; max-height: 64px; }
.assets figcaption { font: 500 13px/1.4 var(--sans); padding: 8px 10px; border-top: 1px solid var(--rule); color: var(--ink-2); }
.assets figcaption a { font-weight: 700; color: var(--ink); }
.cite { font: 400 18px/1.4 var(--serif); padding: 12px 14px; background: #fff; border: 1px solid var(--rule); margin: 8px 0 14px; }
.foot .flinks { margin-bottom: 6px; color: var(--ink-2); }
.foot p { margin: 0 0 6px; }
.doc .motto { font: 400 italic 26px/1.2 var(--serif); color: var(--ink); margin-top: 28px; }
.assets .logo-bg.dark { background: #151515; }
.nw { white-space: nowrap; }
.doc code { overflow-wrap: anywhere; } .doc p a { overflow-wrap: anywhere; }
.valfig { margin: 18px 0 8px; }
.valfig h3 { margin-top: 4px; }
.valfig figcaption p { font: 500 13.5px/1.5 var(--sans); color: var(--ink-2); margin: 0 0 8px; }
.valfig .key { display: inline-flex; align-items: center; gap: 6px; margin-right: 12px; font-weight: 700; color: var(--ink); }
.valfig .key .sw { display: inline-block; width: 11px; height: 11px; border-radius: 50%; }
.valfig svg { width: 100%; height: auto; }
.valfig g:hover .ax, .valfig g:focus .ax { fill: var(--ink); }
.doc .tbl td.n { white-space: nowrap; }