:root { --md-primary-fg-color: #172554; --md-accent-fg-color: #16a34a; }
.md-header { border-bottom: 3px solid #22c55e; }
.md-header__title { font-weight: 750; letter-spacing: .01em; }
.md-main__inner { max-width: 92rem; }
.md-content { max-width: 60rem; }
.md-typeset h1 { font-weight: 800; letter-spacing: -.025em; }
.md-typeset h2 { border-bottom: 1px solid var(--md-default-fg-color--lightest); padding-bottom: .35rem; font-weight: 720; }
.md-typeset code { border-radius: .25rem; }
.md-typeset .highlight { border: 1px solid var(--md-default-fg-color--lightest); border-radius: .5rem; }
.md-typeset table:not([class]) { border-radius: .4rem; overflow: hidden; }
.md-typeset table:not([class]) th { background: #172554; color: white; }
.md-sidebar--primary .md-nav__title { font-weight: 800; }
.md-nav__link--active { font-weight: 700; }
@media screen and (min-width: 76.25em) { .md-sidebar--secondary { border-left: 1px solid var(--md-default-fg-color--lightest); } }

.md-typeset video { display: block; width: 100%; height: auto; margin: 1rem 0 .5rem; border: 1px solid var(--md-default-fg-color--lightest); border-radius: .5rem; background: #111827; }

/* Accessible players for browser and terminal QuickStart walkthroughs. */
.md-typeset .quickstart-options { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.5rem 0; }
.md-typeset .quickstart-options a { flex: 1 1 15rem; border: 1px solid #cbd5e1; border-radius: .5rem; padding: .8rem 1rem; font-size: 1rem; font-weight: 750; background: #f1f5f9; color: #172554; }
.md-typeset h2[id="1-interactive-launch"], .md-typeset h2[id="2-terminal-questions-for-headless-servers"] { font-size: clamp(1.45rem, 3vw, 1.85rem); line-height: 1.2; font-weight: 800; margin-top: 1.5rem; border-bottom: 3px solid #16a34a; }
.md-typeset .quickstart-videos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; margin: 1rem 0 1.5rem; }
.md-typeset .quickstart-terminal-videos { grid-template-columns: 1fr; }
.md-typeset .quickstart-video-card { min-width: 0; border: 1px solid #cbd5e1; border-radius: .6rem; padding: .8rem; background: #f8fafc; }
.md-typeset .quickstart-video-card h3 { margin: 0 0 .6rem; font-size: 1.25rem; font-weight: 800; color: #172554; }
.md-typeset .quickstart-video-card p { margin: .6rem 0 0; font-size: .75rem; }
.md-typeset .quickstart-player { position: relative; }
.md-typeset .quickstart-player video { margin: 0; aspect-ratio: 64 / 45; }
.md-typeset .quickstart-play { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: .5rem; white-space: nowrap; padding: .6rem 1rem; border: 2px solid white; border-radius: 2rem; background: #172554; color: white; font: inherit; font-weight: 750; cursor: pointer; box-shadow: 0 2px 12px #0005; }
.md-typeset .quickstart-play[hidden] { display: none; }
.md-typeset .quickstart-play:hover { background: #14532d; }
.md-typeset .quickstart-play:focus-visible, .md-typeset .quickstart-options a:focus-visible { outline: 3px solid #d97706; outline-offset: 4px; }

.md-typeset .quickstart-source-link { display: none; }