:root {
  --md-primary-fg-color: #101c30;
  --md-primary-fg-color--light: #273955;
  --md-primary-fg-color--dark: #101c30;
  --md-accent-fg-color: #0969da;
}
.md-header { background: #101c30; }

.md-main__inner { margin-top: 1.2rem; }
.md-content h1 { font-weight: 650; color: #1f2328; }
.md-content h2 { font-weight: 550; }
.md-sidebar { font-size: .86rem; }
.md-typeset a { color: #0969da; }
.md-typeset a:hover { color: #074c9e; }
.ok-global-nav { width: 100%; }
.ok-global-nav--material .ok-global-nav__inner { justify-content: flex-end; }
@media (max-width: 720px) {
  .md-main__inner { margin-top: .6rem; }
}

/* Material keeps its search and accessible controls in the upper row.
   The primary navigation uses a simple text wordmark with no image. */
.md-header__button.md-logo, .md-header__title { display: none; }
.md-header__inner { justify-content: flex-end; }
.ok-global-nav--material .ok-global-nav__inner { justify-content: space-between; }
.ok-global-nav__brand--text {
  color: #ffffff !important;
  font-size: 1.25rem;
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: -.025em;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .ok-global-nav__brand--text { font-size: 1.1rem; }
}

/* OK AI roadmap: isolated responsive cards, including dark Material palette. */
.ok-ai-roadmap{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.8rem 0 2rem}
.ok-ai-roadmap__card{min-width:0;display:flex;flex-direction:column;gap:.7rem;position:relative;padding:1.45rem;border:1px solid var(--md-default-fg-color--lightest,#e2e8f0);border-radius:1rem;background:var(--md-default-bg-color,#fff);box-shadow:0 12px 35px rgba(18,40,73,.07);overflow:hidden}
.ok-ai-roadmap__card--docs{border-color:#77d8af;box-shadow:0 13px 34px rgba(9,140,90,.1)}
.ok-ai-roadmap__card--diagnostics{border-top:3px solid #3b82f6}
.ok-ai-roadmap__card--operations{border-top:3px solid #8061d7}
.ok-ai-roadmap__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex-wrap:wrap}
.ok-ai-roadmap__icon{display:grid;place-items:center;width:3rem;height:3rem;font-size:1.4rem;border-radius:.85rem;background:#eafaf2}
.ok-ai-roadmap__card--diagnostics .ok-ai-roadmap__icon{background:#eaf2ff}
.ok-ai-roadmap__card--operations .ok-ai-roadmap__icon{background:#f2ecff}
.ok-ai-roadmap__status{display:inline-block;padding:.32rem .6rem;font-size:.65rem;line-height:1.35;font-weight:700;border-radius:999px;background:#dff9eb;color:#075b38;max-width:100%}
.ok-ai-roadmap__status--planned{background:var(--md-code-bg-color,#edf1f6);color:var(--md-default-fg-color--light,#536275)}
.md-typeset .ok-ai-roadmap__phase{margin:.35rem 0 0;font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--md-default-fg-color--light,#667085)}
.md-typeset .ok-ai-roadmap__card h2{margin:0;font-size:1.18rem;font-weight:750;line-height:1.25;color:var(--md-default-fg-color,#17243b)}
.md-typeset .ok-ai-roadmap__card p:not(.ok-ai-roadmap__phase){margin:0;font-size:.79rem;line-height:1.7}
.md-typeset .ok-ai-roadmap__boundary{padding:.7rem .8rem;border-radius:.55rem;background:var(--md-code-bg-color,#f3f6fa);font-weight:600}
.md-typeset .ok-ai-roadmap__card a{margin-top:auto;font-size:.76rem;font-weight:700;padding-top:.5rem}
@media(max-width:1100px){.ok-ai-roadmap__card{padding:1.2rem}}
@media(min-width:1101px){.md-content:has(.ok-ai-roadmap) .md-content__inner{max-width:70rem}.md-content:has(.ok-ai-roadmap){min-width:0}}