/* ═══════════════════════════════════════════════════════════════════════════
   BDC methodology pages -- the BDC family's one column and one type scale
   (OWNER ruling 2026-11-12, BOARD BDC-for-people report rec 12).

   Linked LAST by templates/methodology/bdc-*.html, private-credit-stress-
   index.html and reading-bdc-loans.html, and every rule is scoped under the
   body class `.bdc-method`. legal-pages.css, which these pages also load,
   serves /terms, /privacy and every other methodology page, and is not
   touched: there the type is 11 / 13 / 14 / 15 / 28 with a 15px small-caps
   H2 and an 11px table header; the BDC SSR pages read 12 / 14 / 16 / 18 / 24
   / 52. These pages now read the same roles (tokens.css --type-*): 52 title
   (32 on a phone), 24 H2, 18 H3, 16 body, 14 small, 12 label, nothing under
   12; the 960 container with 20px gutters (a 920 column); prose at the
   family's measure.
   ═══════════════════════════════════════════════════════════════════════════ */

.bdc-method .legal-body {
  max-width: var(--page-max-width);
  padding: var(--space-10) var(--space-5) var(--space-10);
}
.bdc-method .legal-body h1 {
  font-family: var(--font-brand);
  font-size: var(--type-title);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: 0;
  margin: 0 0 var(--space-4);
  text-wrap: balance;
}
.bdc-method .legal-meta {
  font-family: var(--font-data);
  font-size: var(--type-label);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted-body);
  margin: 0 0 var(--rhythm-section);
}
.bdc-method .legal-meta a { text-transform: none; letter-spacing: 0; font-size: var(--type-small); }
.bdc-method .legal-body section { margin: 0 0 var(--rhythm-section); }
.bdc-method .legal-body h2 {
  font-family: var(--font-brand);
  font-size: var(--type-h2);
  font-weight: 400;
  font-variant: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.25;
  color: var(--text-primary);
  margin: 0 0 var(--rhythm-head);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border-subtle);
}
.bdc-method .legal-body section > h2:not(:first-child) { margin-top: var(--rhythm-section); }
.bdc-method .legal-body h3 {
  font-family: var(--font-brand);
  font-size: var(--type-h3);
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary);
  margin: var(--space-6) 0 var(--space-2);
}
.bdc-method .legal-body p,
.bdc-method .legal-body li {
  font-family: var(--font-brand);
  font-size: var(--type-body);
  line-height: 1.6;
  color: var(--text-secondary);
  max-width: var(--measure-prose);
}
.bdc-method .legal-body p { margin: 0 0 var(--rhythm-block); }
.bdc-method .legal-body ul { margin: 0 0 var(--rhythm-block); padding-left: var(--space-5); }
.bdc-method .legal-body li { margin-bottom: var(--space-2); }
.bdc-method .legal-body strong { color: var(--text-primary); }
/* The lede: the one-line answer each page opens with (OWNER ruling 2026-11-12). */
.bdc-method .legal-body .bdc-method-lede { font-size: var(--type-lede); line-height: 1.55; color: var(--text-primary); }
.bdc-method .legal-body .bdc-method-note { font-size: var(--type-small); line-height: 1.55; }
.bdc-method .legal-body code { font-family: var(--font-data); font-size: var(--type-small); }

/* Tables: the BDC pages' table -- Small cells, Label headers, one density. */
.bdc-method .legal-body table {
  font-family: var(--font-brand);
  font-size: var(--type-small);
  line-height: 1.4;
  margin: 0 0 var(--rhythm-block);
}
.bdc-method .legal-body th {
  font-family: var(--font-ui);
  font-size: var(--type-label);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary);
  background: var(--bg-elevated);
  border-bottom: 1px solid var(--border-default);
  padding: var(--space-2) var(--space-3);
  vertical-align: bottom;
}
.bdc-method .legal-body td {
  color: var(--text-primary);
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--border-subtle);
  vertical-align: top;
}
.bdc-method .legal-table-scroll { margin: 0 0 var(--rhythm-block); }

/* The BDC family links (ssr_bdc_pagenav's markup, written into the hub). */
.bdc-method .bd-pagenav {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--rhythm-section);
  padding-block: var(--space-3);
  border-block: 1px solid var(--border-subtle);
}
.bdc-method .bd-pagenav-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-3);
  font-family: var(--font-ui);
  font-size: var(--type-small);
}
.bdc-method .bd-pagenav-label {
  flex: 0 0 8rem;
  font-family: var(--font-data);
  font-size: var(--type-label);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted-body);
}
.bdc-method .legal-body .bd-pagenav-row ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-4);
  list-style: none;
  margin: 0;
  padding: 0;
}
.bdc-method .legal-body .bd-pagenav-row li { margin: 0; font-family: var(--font-ui); font-size: var(--type-small); }
.bdc-method .bd-pagenav-row a { display: inline-flex; align-items: center; min-height: var(--space-6); }

@media (max-width: 719px) {
  .bdc-method .legal-body { padding-top: var(--space-6); }
  .bdc-method .legal-body h1 { font-size: var(--type-title-sm); }
  .bdc-method .bd-pagenav-label { flex-basis: 100%; }
}

/* The dated tool captures on /methodology/reading-bdc-loans: 12.8px in the
   shared sheet, the Label rung here; the code inside inherits it. */
.bdc-method .legal-body .embed-snippet { font-size: var(--type-label); }
.bdc-method .legal-body .embed-snippet code { font-size: inherit; }