/* bch2.org whitepaper, v1 (/assets/editorial/whitepaper.v1.css)
   Loaded after bch2.v1.css on whitepaper.html only. Design-system tokens only; no new
   colours, fonts, radii, shadows or spacing values. The document layout (side nav on the split
   tracks, section flow, reading measure), stacked table headers, the back link look, ordered-list
   markers and footer note links live in bch2.v1.css. */

/* Back link (data-i18n="wpBackHome") above the page heading ----------------------------- */
.wp-back { padding-top: var(--space-m); line-height: 1.4; }
.wp-back + .page-heading { padding-top: var(--space-l); }

/* Roadmap checklist: a green check for done items, a hollow square for pending ones. */
.wp-article .checklist {
  --wp-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.5 6.25 12 13.5 4' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
  list-style: none;
  padding-left: 0;
}
.wp-article .checklist li { position: relative; padding-left: 1.75rem; }
.wp-article .checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.36em;
  width: 0.875em;
  height: 0.875em;
  background-color: var(--green);
  -webkit-mask: var(--wp-check) center / contain no-repeat;
  mask: var(--wp-check) center / contain no-repeat;
}
.wp-article .checklist li.pending::before {
  background-color: transparent;
  border: 1px solid var(--line-ui);
  -webkit-mask: none;
  mask: none;
}

/* Tables ------------------------------------------------------------------------------- */
.wp-table--3 { --table-min: 32rem; }
.wp-table--4,
.wp-table--5 { --table-min: 36rem; }
/* The genesis hash box must not widen its column: zero intrinsic width, then fill the cell. */
.wp-article td .command { width: 0; min-width: 100%; }
/* The 64-digit hash wraps in its box instead of scrolling (a cut-off hash reads as a wrong value):
   break-all puts a break point between hex digits and balance splits it 32 | 32 (3 lines at 320px). */
.wp-article td .command code { overflow-x: visible; white-space: normal; word-break: break-all; text-wrap: balance; }
/* Three-column tables keyed by a parameter name (3.5, 3.7, 5.1, 7, 8.1, 8.3, 11.1): column 2 starts
   on the 44% value line of the two-column spec tables around them. Short-key tables stay auto. */
@media (min-width: 30rem) {
  .wp-table--keyed > table { table-layout: fixed; }
  .wp-table--keyed thead th:first-child { width: 44%; }
  /* Fixed columns can't grow for a long header ("Post-Transition (Block 92,736+)"): let it wrap. */
  .wp-table--keyed thead th { white-space: normal; }
}

/* Closing statement and document date --------------------------------------------------- */
.wp-end { margin-top: var(--space-xl); padding-top: var(--space-l); border-top: var(--rule-strong); }
.wp-end > * + * { margin-top: var(--space-s); }
.wp-closing { max-width: 34rem; text-wrap: balance; }
.wp-closing em {
  font-family: var(--accent-family);
  font-style: var(--accent-style);
  font-weight: 400;
  font-size: var(--text-xl);
  line-height: 1.12;
  letter-spacing: var(--accent-tracking);
  color: var(--green);
}
.wp-end > p:last-child { font-size: var(--text-sm); }
/* The date note is emphasis from end to end: it stays muted small print (upright, see bch2.v1.css). */
.wp-end > p:last-child em { color: inherit; }

@media (forced-colors: active) {
  .wp-article .checklist li::before { forced-color-adjust: none; background-color: CanvasText; }
  .wp-article .checklist li.pending::before { background-color: transparent; border-color: CanvasText; }
}
