:root { --purview-navy: #003366; --purview-blue: #004a99; }
[data-md-color-scheme="default"] { --md-primary-fg-color: var(--purview-navy); --md-primary-fg-color--light: var(--purview-blue); --md-primary-fg-color--dark: #00264d; --md-accent-fg-color: var(--purview-blue); }
.md-header__button.md-logo img { border-radius: 50%; height: 2rem; width: 2rem; }
.md-typeset { font-size: .8rem; }
.md-typeset a { color: var(--purview-blue); }

/* Make documentation tables easy to identify and scan */
.md-typeset table:not([class]) { border: 1px solid #9fb9d2; border-collapse: separate; border-radius: 6px; border-spacing: 0; box-shadow: 0 1px 2px rgba(0, 51, 102, 0.06); overflow: hidden; }
.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td { border-bottom: 1px solid #c2d4e5; border-right: 1px solid #c2d4e5; padding: 0.6em 0.75em; vertical-align: top; }
.md-typeset table:not([class]) th { background: #eaf2fa; border-bottom: 2px solid #7fa5c8; color: #10253d; }
.md-typeset table:not([class]) th:last-child,
.md-typeset table:not([class]) td:last-child { border-right: 0; }
.md-typeset table:not([class]) tr:last-child td { border-bottom: 0; }

/* Widen the layout: push side panels outward so the center gets more space */
@media screen and (min-width: 76.25em) {
  .md-grid { max-width: 96%; }
}
@media screen and (min-width: 90em) {
  .md-grid { max-width: 1800px; }
}

/* Left navigation: grey non-clickable section titles and tighten left alignment */
.md-nav { font-size: 0.66rem; }
.md-sidebar--primary .md-nav__item--section > .md-nav__link,
.md-sidebar--primary .md-nav__item--section.md-nav__item--active > .md-nav__link,
.md-nav--primary label.md-nav__link {
  color: #8a94a6;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.md-nav--primary .md-nav__list { padding-left: 0; }
.md-nav__link { padding-left: 0.15rem; margin-left: 0; }
.md-nav--primary .md-nav__item .md-nav__item { padding-left: 0.35rem; }
.md-nav__item .md-nav__link[href] { color: #3d4a5c; }
.md-nav__link[href]:hover,
.md-nav__link--active,
.md-nav__item--active > .md-nav__link[href] { color: var(--purview-blue); }

.md-typeset h1 + p, .md-typeset h1 + p + p { display: none; }
.md-typeset h1 + p + p + p { color: #6b7280; font-size: 0.7rem; margin: -0.4rem 0 0.6rem; }
.md-typeset h1 + p + p + p + hr { display: none; }
.hub-hero { margin: .2rem 0 1.5rem; padding: 0.2rem 0; }
.hub-hero h2 { color: var(--purview-navy); font-size: 2rem; margin: 0; }
.guide-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.guide-card { border: 1px solid #dbe4ee; border-top: 3px solid var(--purview-blue); border-radius: 8px; color: inherit; padding: 1rem; text-decoration: none; }
@media screen and (max-width: 44rem) { .guide-grid { grid-template-columns: 1fr; } }