:root { --md-text-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --md-code-font: ui-monospace, SFMono-Regular, Consolas, monospace; }
.md-typeset { font-size: .82rem; line-height: 1.7; }
.md-typeset h1 { font-weight: 720; letter-spacing: -.035em; color: var(--md-default-fg-color); }
.md-typeset h2 { font-weight: 650; letter-spacing: -.02em; }
.md-header__topic { font-weight: 700; }
.hero { padding: .6rem 0 1.5rem; }
.hero .eyebrow { color: var(--md-primary-fg-color); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.hero h1 { max-width: 17ch; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.12; margin: .5rem 0 1rem; }
.hero p { max-width: 45rem; }
.md-typeset .md-button { border-radius: .35rem; margin: .3rem .4rem .3rem 0; }
.md-typeset .grid.cards > ul > li { border-radius: .45rem; padding: 1.1rem; }
.md-typeset code { font-size: .82em; }
.step-context { padding: .7rem 1rem; border-left: .2rem solid var(--md-primary-fg-color); background: var(--md-code-bg-color); border-radius: .2rem; margin-bottom: 1.5rem; }
@media (max-width: 600px) { .hero { padding-top: 0; } .hero h1 { max-width: 18ch; } .md-typeset .md-button { display: block; text-align: center; } }