/* RodX public reference surface: restrained chrome, clear data hierarchy. */
html.section-series-document {
  height:auto;
  position:static;
  touch-action:auto;
  overflow-x:clip;
  overflow-y:auto;
  /* Account for the fixed navbar once, on the page's scrolling container. */
  scroll-padding-top:var(--series-navbar-height, 64px);
}
.series-page {
  --series-panel: var(--bg-chrome, #f8faf9);
  --series-subtle: var(--bg-subtle, #eef2f0);
  --series-text: var(--text-1, #25312c);
  --series-secondary: var(--text-2, #596760);
  --series-muted: var(--text-3, #808c85);
  --series-border: var(--border-color, #d7dfda);
  --series-accent: #397a5b;
  --series-accent-wash: #e7f0ea;
  margin: 0;
  padding-bottom:var(--series-anchor-tail, 0px);
  min-height: 100dvh;
  height:auto;
  display:block;
  position:static;
  overflow:visible;
  touch-action:auto;
  color: var(--series-text);
  background: var(--series-panel);
  font-family: var(--font-sans, Geist, sans-serif);
}

.series-page *,
.series-page *::before,
.series-page *::after { box-sizing: border-box; }

/* Keep the homepage navbar styling while controlling reference-table layout locally. */
.series-page .site-navbar {
  font-size:16px;
  line-height:1.5;
  letter-spacing:-.01em;
}
.series-page .site-navbar-product-trigger {
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-family:inherit;
  letter-spacing:inherit;
  appearance:none;
}
.series-page .site-navbar-avatar > div,
.series-page .site-navbar-mobile-user .navbar-avatar > div {
  display:flex;
  width:32px;
  height:32px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#16a34a;
  color:#fff;
  font-size:14px;
  font-weight:500;
}
.series-page .site-navbar-avatar > img,
.series-page .site-navbar-mobile-user .navbar-avatar > img {
  display:block;
  width:32px;
  height:32px;
  border-radius:50%;
  object-fit:cover;
}

.series-topbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-shrink:0;
  height: 58px;
  padding-inline: clamp(18px, 4vw, 56px);
  background: var(--series-panel);
  border-bottom:1px solid var(--series-border);
}
.series-skip-link {
  position: fixed;
  z-index: 1001;
  top: 8px;
  left: 8px;
  padding: 9px 12px;
  color: var(--series-panel);
  background: var(--series-accent);
  transform: translateY(-160%);
}
.series-skip-link:focus { transform: translateY(0); }

.series-main {
  width: min(1440px, 100%);
  margin-inline: auto;
  padding: 0 clamp(18px, 4vw, 56px) 76px;
}
.series-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 21px 0 8px;
  color: var(--series-muted);
  font-size: 11px;
}
.series-breadcrumbs a { color: var(--series-secondary); text-decoration: none; }
.series-breadcrumbs a:hover { color: var(--series-accent); text-decoration: underline; text-underline-offset: 3px; }
.series-breadcrumbs [aria-current] { color: var(--series-text); }

.series-intro {
  padding: 9px 0 15px;
  border-bottom: 1px solid var(--series-border);
}
.series-intro h1 {
  margin: 6px 0 11px;
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.12;
}
.series-intro-bottom {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
}
.series-lede {
  max-width: 530px;
  margin: 0;
  color: var(--series-secondary);
  font-size: 15px;
  line-height: 1.6;
}
@media (min-width: 1000px) {
  .series-lede { max-width:none;white-space:nowrap; }
}
.series-table-actions {
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.series-table-actions .select-standard {
  min-width:68px;
  height:30px;
  border-color: var(--series-border);
  color: var(--series-text);
  background-color: var(--series-panel);
  font:10px var(--font-mono, monospace);
}

.series-tables-area { padding-top: 27px; border-top: 1px solid var(--series-border); }
.series-table-links { display:flex;flex-wrap:wrap;gap:18px;margin:0 0 18px;font-size:12px; }
.series-main a { color:var(--series-accent);text-decoration:underline;text-underline-offset:3px; }
.series-page [hidden] { display:none!important; }
.series-table-section { scroll-margin-top:0; }
.series-table-section {
  min-width: 0;
  margin: 0 0 28px;
  border: 1px solid var(--series-border);
  border-radius:10px;
  overflow:hidden;
  background: var(--series-panel);
}
.series-table-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 54px;
  padding: 9px 14px 9px 17px;
  border-bottom: 1px solid var(--series-border);
  background: var(--series-panel);
}
.series-table-heading h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 550;
  letter-spacing: -.015em;
}
.series-table-heading .btn {
  min-height: 30px;
  padding-inline: 10px;
  font-size: 10px;
}
.series-table-scroll {
  position: relative;
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-color: var(--series-muted) var(--series-subtle);
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.series-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--series-text);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
}
.series-table th,
.series-table td {
  min-width: 76px;
  padding: 7px 10px;
  border-right: 1px solid var(--series-border);
  border-bottom: 1px solid var(--series-border);
  text-align: right;
  white-space: nowrap;
  font-style:normal;
}
.series-table th:first-child,
.series-table td:first-child {
  min-width: 100px;
  text-align: left;
}
.series-table thead th {
  position: sticky;
  z-index: 3;
  background: var(--series-subtle);
  color: var(--series-secondary);
  font-size: 9px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: .015em;
}
.series-table thead tr:nth-child(1) th { top: 0; height: 29px; }
.series-table thead tr:nth-child(2) th { top: 29px; height: 25px; }
.series-table thead tr:first-child th:first-child,
.series-table thead tr:nth-child(2) th:first-child {
  left: 0;
  z-index: 5;
  background: var(--series-accent-wash);
  color: var(--series-text);
}
.series-table tbody th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: var(--series-panel);
  color: var(--series-text);
  font-weight: 600;
}
.series-table tbody td { font-family: var(--font-mono, monospace); }
.series-table tbody tr:nth-child(even) td,
.series-table tbody tr:nth-child(even) th:first-child { background-color: color-mix(in srgb, var(--series-subtle) 52%, var(--series-panel)); }
.series-table tbody tr:hover td,
.series-table tbody tr:hover th:first-child { background-color: var(--series-accent-wash); }
.series-table tbody tr:last-child th,
.series-table tbody tr:last-child td { border-bottom: 0; }
.series-table th:last-child,
.series-table td:last-child { border-right: 0; }
.series-table-note {
  margin:0;
  padding:12px 16px;
  color:var(--series-secondary);
  font-size:11px;
  line-height:1.6;
}
#series-export-status:empty { display:none; }

.series-about {
  max-width:75ch;
  margin:30px 0 0;
  color:var(--series-secondary);
  font-size:16px;
  line-height:1.6;
}
.series-about h2 {
  margin:0 0 12px;
  color:var(--series-text);
  font-size:24px;
  font-weight:550;
  letter-spacing:-.02em;
}
.series-about p { margin:0 0 10px; }
.series-about p:last-child { margin-bottom:0; }

.series-notations {
  max-width:75ch;
  margin:38px 0 0;
  color:var(--series-secondary);
  font-size:16px;
  line-height:1.6;
}
.series-notations h2 {
  margin:0 0 8px;
  color:var(--series-text);
  font-size:24px;
  font-weight:550;
  letter-spacing:-.02em;
}
.series-notations-intro,
.series-notations-note { margin:0 0 18px; }
.series-notations h3 {
  margin:22px 0 7px;
  color:var(--series-text);
  font-size:16px;
  font-weight:600;
}
.series-notation-list { margin:0; }
.series-notation-list > div {
  display:grid;
  grid-template-columns:minmax(7rem, 9rem) minmax(0, 1fr);
  gap:12px;
  padding:7px 0;
  border-bottom:1px solid var(--series-border);
}
.series-notation-list dt {
  color:var(--series-text);
  font-weight:550;
}
.series-notation-list dd { margin:0; }
.series-notations-note { margin-top:18px; }

@media (max-width: 700px) {
  .series-topbar { height: 50px; padding-inline: 16px; }
  .series-main { padding-inline: 16px; padding-bottom: 48px; }
  .series-breadcrumbs { padding-block: 15px 6px; font-size: 10px; }
  .series-intro { padding: 12px 0 24px; }
  .series-intro h1 { margin: 6px 0 11px; font-size: clamp(28px, 7vw, 36px); }
  .series-intro-bottom { align-items: start; flex-direction: column; gap: 17px; }
  .series-lede { max-width: 440px; font-size: 13px; }
  .series-tables-area { padding-top: 21px; }
  .series-table-section { margin-bottom: 18px; }
  .series-table-heading { min-height: 48px; padding: 8px 9px 8px 11px; }
  .series-table-heading h2 { font-size: 13px; }
  .series-table-heading .btn { min-height: 29px; padding-inline: 7px; }
  .series-table { font-size: 10px; }
  .series-table th, .series-table td { min-width: 69px; padding: 7px 8px; }
  .series-table th:first-child, .series-table td:first-child { min-width: 86px; }
  .series-notation-list > div { grid-template-columns:minmax(5.5rem, 6.5rem) minmax(0, 1fr); gap:9px; }
}

@media (prefers-reduced-motion: no-preference) {
  .series-skip-link { transition: transform .18s ease-out; }
}