/* The guide pages: an article column, its questions and the two ways out.
   They extend the base page styles; the palette and type scale are site.css's. */
.guide, .guides { max-width: var(--column); margin: 0 auto; padding: 2rem 1rem 0; }
.guide h1, .guides h1 { font-size: var(--fs-4); line-height: 1.2; margin: 0 0 1rem; }
.guide h2, .guides h2 { font-size: var(--fs-3); margin: 2rem 0 0.5rem; }
.guide p, .guides p, .guide li { line-height: 1.6; margin: 0 0 0.75rem; }
.guides-lead { color: var(--muted); }
.guide ul, .guides ul { padding-left: 1.25rem; }
.guide-faq h3 { font-size: var(--fs-2); margin: 1.25rem 0 0.25rem; }
.guide-cta { margin-top: 2rem; display: flex; gap: 1rem; align-items: baseline; flex-wrap: wrap; }
.guide-ask {
  background: var(--accent);
  color: var(--on-accent);
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-weight: 600;
}
.guide-ask:hover { filter: brightness(1.05); }

/* A token page: the contract line and the figures read at the time of research. */
.token-meta { color: var(--muted); overflow-wrap: anywhere; }
.token-figures { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 0.75rem; margin: 0 0 1rem; }
.token-figures dt { color: var(--muted); font-size: var(--fs-1); }
.token-figures dd { margin: 0; font-weight: 600; }