/* ============================================================
   pages.css — subpage & legal specifics
   Sterling Crest · Dense Terminal Data Desk
   ============================================================ */

/* Legal pages */
.legal { padding-block: var(--s-7) var(--s-9); }
.legal h1 { margin-bottom: var(--s-2); }
.legal .updated {
  font-family: var(--font-mono);
  font-size: var(--fs-mono);
  letter-spacing: var(--track-cap);
  text-transform: uppercase;
  color: var(--text-faint);
  margin-bottom: var(--s-5);
}
.legal .toc {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: var(--r-md);
  padding: var(--s-5);
  margin-bottom: var(--s-6);
}
.legal .toc h2 {
  font-family: var(--font-mono);
  font-size: var(--fs-cap);
  letter-spacing: var(--track-cap);
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: var(--s-3);
}
.legal .toc ol { margin: 0; padding-left: 1.2em; display: grid; gap: var(--s-2); }
.legal .toc a { color: var(--ink); font-size: var(--fs-sm); }
.legal .sub-section { padding-block: var(--s-5); border-bottom: 1px solid var(--rule); }
.legal .sub-section:last-child { border-bottom: 0; }
.legal .sub-section h2 { font-size: 1.2rem; margin-bottom: var(--s-3); }
.legal .prose p { color: var(--text); margin-bottom: var(--s-3); }
.legal .prose a.link { color: var(--accent-ink); text-decoration: underline; text-underline-offset: 3px; }
.legal .prose ul { color: var(--text); }
.legal .prose li { margin-bottom: var(--s-2); }

/* Thanks page */
.thanks { padding-block: var(--s-9); text-align: center; }
.thanks .mark { color: var(--accent); margin-bottom: var(--s-4); }
.thanks h1 { margin-bottom: var(--s-3); }
.thanks p { color: var(--text); max-width: 56ch; margin-inline: auto; }
.thanks .muted { color: var(--text-muted); font-size: var(--fs-sm); margin-top: var(--s-3); }
.thanks .actions { margin-top: var(--s-5); display: flex; gap: var(--s-3); justify-content: center; flex-wrap: wrap; }

/* Subpage deep-dive blocks */
.deepdive { padding-block: var(--s-6); }
.deepdive + .deepdive { border-top: 1px solid var(--rule); }
.deepdive h2 { margin-bottom: var(--s-3); }
.deepdive p { color: var(--text); margin-bottom: var(--s-3); max-width: 64ch; }
.deepdive .img-block { margin: var(--s-5) 0; border: 1px solid var(--border); padding: 5px; background: var(--surface); border-radius: var(--r-md); }
.deepdive .img-block img { width: 100%; border-radius: var(--r-sm); }
.deepdive .img-block .cap { font-family: var(--font-mono); font-size: var(--fs-cap); letter-spacing: var(--track-cap); text-transform: uppercase; color: var(--text-muted); padding: var(--s-2) var(--s-3); }

/* Casino odds table page */
.odds-block { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-md); }