/* Shared presentation for the four reference pages. */
.resource-page { padding-top: 28px; padding-bottom: 45px; }
.breadcrumb { font-size: 12px; color: var(--ink-soft); margin-bottom: 24px; }
.breadcrumb a, .resource-back { color: var(--ink-soft); text-decoration: none; }
.breadcrumb a:hover, .resource-back:hover { color: var(--copper); }
.resource-page h1 { font-size: 30px; line-height: 1.5; margin: 0 0 26px; }
.resource-intro { max-width: 840px; margin: 0 0 26px; }
.resource-page p, .resource-page li { font-size: 15px; }
.resource-section { max-width: 920px; margin: 40px 0; }
.resource-section h2 { font-size: 23px; margin: 0 0 20px; }
.resource-section h3 { font-size: 18px; margin: 30px 0 16px; }
.resource-section ol { padding-left: 1.5em; }
.resource-section li { margin-bottom: 8px; }
.table-scroll { max-width: 960px; overflow-x: auto; }
.table-scroll:focus-visible { outline: 2px solid var(--copper); outline-offset: 4px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
caption { text-align: left; font-weight: 500; margin-bottom: 16px; }
th { background: var(--bg-alt); font-weight: 500; white-space: nowrap; }
th, td { padding: 12px 18px; border-bottom: 1px solid var(--line); text-align: left; }
td:not(:first-child) { text-align: right; white-space: nowrap; }
tbody tr:hover { background: var(--card-bg); }
.source-note, .document-figure figcaption, .document-diagrams figcaption { font-size: 12px !important; color: var(--ink-soft); margin-top: 12px; }
.document-figure { margin: 0; }
.document-figure img { height: auto; max-width: 100%; }
.resource-back { display: inline-block; margin-top: 36px; font-size: 14px; }
.footer-inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
@media (max-width: 700px) {
  .resource-page h1 { font-size: 25px; }
  .resource-page p, .resource-page li { font-size: 14px; }
  th, td { padding: 10px 12px; font-size: 13px; }
  .resource-section h2 { font-size: 21px; }
}

/* Embedded references use the dialog's own title and close control. */
.resource-embedded header.nav, .resource-embedded footer,
.resource-embedded .breadcrumb, .resource-embedded .resource-back,
.resource-embedded .resource-page > h1 { display: none; }
.resource-embedded .resource-page { padding: 20px; }