:root {
  --md-text-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-code-font: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --md-primary-fg-color: #153b40;
  --md-primary-fg-color--dark: #102b30;
  --md-accent-fg-color: #087e72;
}
[data-md-color-scheme="default"] {
  --md-default-bg-color: #fafbf8;
  --md-default-fg-color: #24383a;
  --md-typeset-a-color: #087768;
  --md-code-bg-color: #edf2ef;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #142125;
  --md-default-fg-color: #dce9e5;
  --md-typeset-a-color: #76e2c4;
  --md-accent-fg-color: #76e2c4;
  --md-code-bg-color: #1c2d32;
}
.md-header { box-shadow: none; }
.md-header__topic { font-weight: 750; letter-spacing: -.035em; }
.md-tabs { border-bottom: 1px solid #ffffff18; }
.md-typeset h1, .md-typeset h2 { font-weight: 730; letter-spacing: -.035em; }
.md-typeset h1 { color: var(--md-default-fg-color); }
.md-typeset pre > code { border: 1px solid #79948b25; border-radius: .45rem; }
.md-typeset .md-button { border-radius: .35rem; font-weight: 650; }
.md-typeset .md-button--primary { background: #087768; border-color: #087768; color: white; }
.md-typeset .md-button:not(.md-button--primary) { color: var(--md-typeset-a-color); border-color: currentColor; }
.hero { padding: 1.5rem 0 1.2rem; }
.hero .eyebrow { font-family: var(--md-code-font); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--md-typeset-a-color); }
.hero h1 { font-size: clamp(2.2rem, 4.8vw, 3.6rem); line-height: 1.05; max-width: 16ch; margin: .7rem 0; }
.hero .lead { max-width: 43rem; font-size: 1rem; line-height: 1.6; opacity: .88; }
.terminal { margin: 1.4rem 0 1.8rem; padding: 1rem 1.25rem; border-radius: .6rem; background: #102b30; color: #edf8f3; box-shadow: 0 .5rem 1.6rem #102b3012; overflow: auto; }
.terminal .terminal-title { color: #a1b9b5; font: .59rem var(--md-code-font); letter-spacing: .06em; margin-bottom: .8rem; }
.terminal pre { margin: 0; background: transparent; color: inherit; font: .68rem/1.8 var(--md-code-font); }
.terminal .prompt { color: #76e2c4; }
.terminal .muted { color: #a1b9b5; }
.terminal .warning { color: #ffcc75; }
.workflow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; margin: 1.25rem 0 1.75rem; }
.workflow-grid > div { padding: 1.05rem; border: 1px solid #78938b35; border-radius: .45rem; }
.workflow-grid .step { font: .64rem var(--md-code-font); color: var(--md-typeset-a-color); }
.workflow-grid h3 { margin: .5rem 0; font-size: .9rem; }
.workflow-grid p { font-size: .75rem; margin-bottom: 0; }
.md-typeset table:not([class]) { border-radius: .4rem; font-size: .7rem; }
@media (max-width: 700px) {
  .workflow-grid { grid-template-columns: 1fr; }
  .hero { padding-top: .3rem; }
  .terminal { padding: .85rem; }
}