/* Trust navigation band — shared by the trust-and-measurement surfaces: /methodology, /governance
 * and /fixing-standard, plus a link out to /tape (Daily Record).
 *
 * This is a small, standalone strip, deliberately not a change to the primary header nav
 * (css/nav.css, scripts/lib/site-chrome.mjs NAV_MODEL). The primary nav is capped at four
 * destinations by the 8 September convergence decision; this band exists because a reader on any
 * one trust page should be able to reach the other three without going back through the header.
 *
 * Resolves entirely through the shared semantic tokens in css/tokens.css, so it follows the
 * site-wide System/Light/Dark selection with no per-theme literals of its own.
 */

/* The primary .nav is position: fixed (css/nav.css), so this band — the first element after the
 * header markers on the trust pages — needs its own top clearance or it renders hidden underneath
 * it, exactly as .mx-hero does on every other route (css/tokens.css PAGE TOP). It takes only the
 * bare --layout-nav-h clearance, not the fuller --rhythm-page-top-clear editorial space: this is a
 * slim nav band, not a hero, and .mx-hero below it still adds its own top rhythm. */
.trust-nav {
  padding-top: var(--layout-nav-h);
  border-bottom: 1px solid var(--theme-rule-subtle);
  background: var(--theme-surface-page);
}

.trust-nav-inner {
  width: 100%;
  max-width: var(--layout-box-page);
  margin-inline: auto;
  padding: .65rem var(--layout-gutter);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .9rem;
}

.trust-nav-label {
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--theme-ink-muted);
  margin-right: .25rem;
}

.trust-nav-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .9rem;
  margin: 0;
  padding: 0;
}

.trust-nav-list li {
  display: flex;
  align-items: center;
  gap: .9rem;
}

.trust-nav-list li + li::before {
  content: "\00b7";
  color: var(--theme-ink-muted);
  margin-right: .9rem;
}

.trust-nav-link {
  font-family: var(--sans);
  font-size: .85rem;
  color: var(--theme-ink-primary);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.trust-nav-link:hover {
  color: var(--theme-ink-link-hover);
  border-bottom-color: currentColor;
}

.trust-nav-link.is-current {
  color: var(--theme-ink-link);
  font-weight: 600;
  border-bottom-color: currentColor;
}

@media (max-width: 640px) {
  .trust-nav-inner {
    padding-block: .55rem;
  }
  .trust-nav-label {
    width: 100%;
    margin-right: 0;
  }
  .trust-nav-list {
    gap: .3rem .7rem;
  }
  .trust-nav-link {
    font-size: .8rem;
  }
}

/* Trust statement — the standing public statement of what Stable Tape publishes under. Sits
 * immediately under the trust-nav band on the trust pages, and reuses the same page-measure gutter
 * so its rule lines up with the nav strip above it and the .mx-page content below it. */
.trust-statement {
  border-bottom: 1px solid var(--theme-rule-subtle);
  background: var(--theme-surface-inset);
}

.trust-statement-inner {
  width: 100%;
  max-width: var(--layout-box-page);
  margin-inline: auto;
  padding: .75rem var(--layout-gutter);
  box-sizing: border-box;
}

.trust-statement p {
  margin: 0;
  font-size: .85rem;
  line-height: 1.5;
  color: var(--theme-ink-secondary);
}

.trust-statement p + p {
  margin-top: .3rem;
}

.trust-statement strong {
  color: var(--theme-ink-primary);
}