/* E8 pages: /kle8.html, /kle8.narrative.html, /AIM_E8/technicaldetails.html, /e8plane.html */

.e8 h2 { margin-top: 1.5rem; }
.e8 hr { border: 0; border-top: 1px solid var(--rule); width: 100%; margin: 0.5rem 0; }
.e8-related { font-size: var(--step--1); color: var(--muted); }

.table-scroll { overflow-x: auto; }
table.numbers { border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: var(--step--1); }
table.numbers th, table.numbers td { border: 1px solid var(--rule); padding: 0.45rem 0.9rem; text-align: right; }
table.numbers thead th { font-weight: 600; }
table.numbers tbody th { font-weight: 600; text-align: left; }

.e8-facts { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 0; }
.e8-facts > div { padding: 0.8rem 1.5rem 0.8rem 0; border-bottom: 1px solid var(--rule); }
.e8-facts > div.wide { grid-column: 1 / -1; }
.e8-facts dt { font-size: var(--step--1); color: var(--muted); }
.e8-facts dd { margin: 0.15rem 0 0; font-family: var(--serif); font-size: var(--step-1); font-variant-numeric: tabular-nums; }
.e8-facts dd.poly, .poly { font-family: var(--serif); font-size: var(--step-0); line-height: 1.9; }
.poly strong { color: var(--accent); }

.narrative blockquote {
  margin: 0;
  border-left: 3px solid var(--rule);
  padding-left: 1rem;
  color: var(--muted);
}
.e8-output {
  margin: 0;
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 3px;
  padding: 0.75rem 1rem;
  overflow-x: auto;
  font-size: 0.85rem;
}
.signature { font-style: italic; }

.dynkin, .e8plane { margin: 0; }
.dynkin img, .e8plane img {
  display: block;
  background: var(--figure-ground);
  border-radius: 3px;
  padding: 0.5rem;
}
.e8plane img { width: min(100%, 30rem); background: none; padding: 0; }