/* Two-ledger docs. Cream ground is --bg (#f4efe6). One sans: Figtree. */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/design/page-fonts/figtree-latin.woff2") format("woff2");
}

:root {
  --font-sans: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --font-brand: var(--font-sans);
}

.ledgers-page {
  font-family: var(--font-sans);
  background: var(--bg);
}

.ledgers-main {
  padding-block: var(--space-6) var(--space-7);
  max-width: var(--w-measure);
}

.ledgers-main h1 {
  margin: 0;
  font-size: var(--t-h1);
  line-height: var(--lh-h1);
  font-weight: var(--w-h1);
  letter-spacing: var(--tr-h1);
  overflow-wrap: anywhere;
}

.ledgers-main h2 {
  margin: var(--space-6) 0 var(--space-3);
  font-size: var(--t-h2);
  line-height: var(--lh-h2);
  font-weight: var(--w-h2);
  letter-spacing: var(--tr-h2);
}

.ledgers-main p,
.ledgers-verbs {
  color: var(--ink-dim);
  font-size: var(--t-body);
  line-height: var(--lh-body);
  font-weight: var(--w-body);
  letter-spacing: var(--tr-body);
}

.ledgers-verbs {
  margin: 0;
  padding-left: 1.2rem;
}

.ledgers-verbs li + li { margin-top: var(--space-3); }

.ledgers-verbs strong {
  color: var(--ink);
  font-weight: var(--w-ui);
}

.ledgers-table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.ledgers-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.ledgers-actions .ag-btn {
  min-height: var(--target);
  min-width: var(--target);
}

@media (max-width: 640px) {
  .ledgers-page .ag-nav-brand,
  .ledgers-page .ag-footer a {
    min-height: var(--target);
    min-width: var(--target);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ledgers-page,
  .ledgers-page *,
  .ledgers-page *::before,
  .ledgers-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}