/* Reference data pages (/reference/*) — CONTENT-STRATEGY.md §6 P5.
   Data-table format: numbers, citations, freshness stamp. No advice sections.
   Uses brand tokens from base.css. */

.ref-main { padding: 0 0 90px; }

/* Direct-answer lead — the paragraph that answers the query before the table */
.ref-answer {
  max-width: 780px;
  margin: 0 0 2.2rem;
  font-size: 1.08rem;
  line-height: 1.7;
  color: var(--grey-900);
}
.ref-answer strong { color: var(--ink); }

.ref-section { margin: 0 0 3rem; }
.ref-section h2 {
  font-size: 1.35rem;
  line-height: 1.3;
  margin: 0 0 0.9rem;
  color: var(--ink);
}
.ref-section p { max-width: 780px; line-height: 1.7; color: var(--grey-700); margin: 0 0 1.2rem; }

/* Tables — wide content scrolls inside its own container */
.ref-table-wrap { overflow-x: auto; margin: 0 0 1rem; }
.ref-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
  line-height: 1.5;
  min-width: 560px;
}
.ref-table th {
  font-family: var(--mono);
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--grey-500);
  text-align: left;
  padding: 0.5rem 1rem 0.5rem 0;
  border-bottom: 2px solid var(--ink);
  white-space: nowrap;
}
.ref-table td {
  padding: 0.5rem 1rem 0.5rem 0;
  border-bottom: 1px solid var(--grey-200);
  vertical-align: top;
}
.ref-table td.ref-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ref-code { font-family: var(--mono); font-size: 0.82rem; color: var(--ink); }
.ref-table a {
  color: var(--grey-700);
  text-decoration: none;
  border-bottom: 1px solid var(--grey-200);
}
.ref-table a:hover { color: var(--ink); border-color: var(--ink); }

/* Method / freshness note */
.ref-note {
  max-width: 780px;
  margin: 0 0 2rem;
  padding: 1rem 1.2rem;
  background: var(--grey-100);
  font-size: 0.86rem;
  line-height: 1.65;
  color: var(--grey-700);
}
.ref-note strong { color: var(--ink); }

/* Fact list (heritage page) */
.ref-facts { max-width: 780px; margin: 0 0 1.4rem; padding-left: 1.3rem; }
.ref-facts li { margin: 0 0 0.7rem; line-height: 1.65; color: var(--grey-700); }
.ref-facts strong { color: var(--ink); }

/* CTA band */
.ref-cta {
  max-width: 780px;
  margin: 2.5rem 0 0;
  padding-top: 1.8rem;
  border-top: 1px solid var(--grey-200);
}
.ref-cta p { margin: 0 0 1.1rem; line-height: 1.65; color: var(--grey-700); }

/* Hub cards */
.ref-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.2rem;
  margin: 0 0 2.5rem;
}
.ref-card {
  display: block;
  border: 1px solid var(--grey-200);
  padding: 1.4rem 1.4rem 1.2rem;
  text-decoration: none;
  color: inherit;
}
.ref-card:hover { border-color: var(--ink); }
.ref-card h2 { font-size: 1.05rem; line-height: 1.4; margin: 0 0 0.5rem; color: var(--ink); }
.ref-card p { font-size: 0.9rem; line-height: 1.6; color: var(--grey-700); margin: 0 0 0.8rem; }
.ref-card-meta {
  font-family: var(--mono);
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--grey-500);
}

/* content links (method notes, in-answer citations) — sweep 2026-07-26 */
.ref-main a { color: var(--ink); border-bottom: 1px solid var(--grey-300); text-decoration: none; }
.ref-main a:hover { color: var(--red); border-color: var(--red); }
.ref-main .cta-primary { border-bottom: 0; color: #fff; }
.ref-main .cta-primary:hover { color: #fff; }