
table.docutils {
  border-top: 1px solid var(--color-table-border);
  border-left: 1px solid var(--color-table-border);
  border-right: 1px solid var(--color-table-border);
}

.article-container {
  font-size: 93.75%;
}

/* ── Typographic heading hierarchy (article content only) ────────────
   Signals used per level:
     H1  size + extra-bold + accent colour + accent border-bottom
     H2  size + bold       + neutral border-bottom
     H3  size + semibold   + accent border-left
     H4  normal size + bold + uppercase + letter-spacing   (editorial)
     H5  normal size + medium weight + italic              (editorial)
     H6  small size  + regular + uppercase + muted colour  (editorial)
   ------------------------------------------------------------------- */

/* Remove Furo's border-radius on headings — it rounds our added borders
   awkwardly. Only consequence: the anchor-target highlight background
   (--color-highlight-on-target) gets square corners instead of rounded. */
.article-container h1,
.article-container h2,
.article-container h3,
.article-container h4,
.article-container h5,
.article-container h6 {
  border-radius: 0;
}

/* H1 — page anchor, strongest signal */
.article-container h1 {
  font-weight: 900;
  padding-bottom: 0.3em;
  border-bottom: 2px solid var(--color-brand-primary);
}

/* H2 — section separator, neutral underline */
.article-container h2 {
  padding-bottom: 0.2em;
  border-bottom: 1px solid var(--color-foreground-border);
}

/* H3 — sub-section, accent left bar; margin-left reset so the bar
   sits flush with the content column instead of in the hover gutter */
.article-container h3 {
  font-weight: 600;
  margin-left: 0;
  padding-left: 0.65em;
  border-left: 3px solid var(--color-brand-primary);
}

/* H4–H6: editorial levels — size pulled to body text,
   distinguished by case / weight / colour rather than scale */

.article-container h4 {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.article-container h5 {
  font-size: 1em;
  font-weight: 500;
  font-style: italic;
  color: var(--color-foreground-secondary);
}

.article-container h6 {
  font-size: 0.875em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-foreground-muted);
}

.sidebar-tree .reference {
  font-weight: 550;
}

.sidebar-tree .current-page>.reference {
  font-weight: 900;
}
