/* Progress Hub documentation — calm, flat, information-first. */
:root > * {
  --hub-light-canvas: #f7f6f1;
  --hub-light-surface: #ffffff;
  --hub-light-subtle: #eff1ec;
  --hub-light-text: #20332c;
  --hub-light-muted: #617069;
  --hub-light-line: #d7ddd8;
  --hub-light-accent: #176b60;
  --hub-dark-canvas: #0d1210;
  --hub-dark-chrome: #101613;
  --hub-dark-surface: #151d19;
  --hub-dark-elevated: #1b2520;
  --hub-dark-text: #e7eeea;
  --hub-dark-muted: #98a89f;
  --hub-dark-line: #2a3731;
  --hub-dark-accent: #7acdb6;
  --hub-gold: #ddbb68;
  --md-accent-fg-color: var(--hub-light-accent);
  --md-typeset-a-color: var(--hub-light-accent);
}
[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--hub-light-canvas);
  --md-default-fg-color: var(--hub-light-text);
  --md-default-fg-color--light: var(--hub-light-muted);
  --md-primary-fg-color: var(--hub-light-surface);
  --md-primary-fg-color--light: var(--hub-light-subtle);
  --md-primary-fg-color--dark: var(--hub-light-surface);
  --md-accent-fg-color: var(--hub-light-accent);
  --md-typeset-a-color: var(--hub-light-accent);
  --md-code-bg-color: var(--hub-light-subtle);
}
[data-md-color-scheme="slate"] {
  --md-hue: 160;
  --md-default-bg-color: var(--hub-dark-canvas);
  --md-default-bg-color--light: var(--hub-dark-surface);
  --md-default-bg-color--lighter: var(--hub-dark-elevated);
  --md-default-fg-color: var(--hub-dark-text);
  --md-default-fg-color--light: var(--hub-dark-muted);
  --md-default-fg-color--lighter: #708079;
  --md-primary-fg-color: var(--hub-dark-chrome);
  --md-primary-fg-color--light: var(--hub-dark-surface);
  --md-primary-fg-color--dark: #090d0b;
  --md-accent-fg-color: var(--hub-dark-accent);
  --md-typeset-a-color: var(--hub-dark-accent);
  --md-code-bg-color: var(--hub-dark-surface);
  --md-footer-bg-color: #090d0b;
  --md-footer-bg-color--dark: #070a08;
}
.md-grid { max-width: 1440px; }
.md-header { box-shadow: none; border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
[data-md-color-scheme="default"] .md-header { color: var(--hub-light-text); background: var(--hub-light-surface); }
[data-md-color-scheme="slate"] .md-header { color: var(--hub-dark-text); background: var(--hub-dark-chrome); }
.md-tabs { box-shadow: none; backdrop-filter: none; border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent); }
[data-md-color-scheme="default"] .md-tabs { background: var(--hub-light-surface); }
[data-md-color-scheme="slate"] .md-tabs { background: var(--hub-dark-chrome); }
.md-search__form { border: 1px solid color-mix(in srgb, currentColor 15%, transparent); border-radius: 8px; box-shadow: none; }
.md-content__inner { max-width: none; margin-inline: 0; }
.md-typeset { line-height: 1.68; }
.md-typeset h1 { font-weight: 650; letter-spacing: -.035em; }
.md-typeset h2, .md-typeset h3 { letter-spacing: -.025em; }
.md-nav__link { border-radius: 6px; }
.md-nav__link--active, .md-nav__item .md-nav__link--active { font-weight: 650; border-left: 2px solid currentColor; padding-left: .6rem; }
[data-md-color-scheme="default"] .md-nav__link--active { color: var(--hub-light-accent); background: var(--hub-light-subtle); }
[data-md-color-scheme="slate"] .md-nav__link--active { color: var(--hub-dark-accent); background: color-mix(in srgb, var(--hub-dark-accent) 8%, transparent); }
.md-typeset pre > code { border-radius: 8px; }
.md-typeset pre { border: 1px solid color-mix(in srgb, currentColor 12%, transparent); border-radius: 8px; box-shadow: none; }
.md-typeset table:not([class]) { border: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
.md-typeset .admonition, .md-typeset details { border-radius: 8px; box-shadow: none; }
.md-typeset a:focus-visible, .md-nav__link:focus-visible, .md-search__input:focus-visible, .md-header__button:focus-visible { outline: 3px solid var(--hub-gold); outline-offset: 2px; }
.md-header__button.md-logo img, .md-header__button.md-logo svg { height: 1.7rem; width: auto; }
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary { width: 14rem; }
  .md-sidebar--secondary { width: 12rem; }
}
@media screen and (max-width: 59.984375em) {
  .md-content__inner { max-width: none; }
}