/* Preserve the guide's functional layout while sharing the site's design tokens. */
.site-header { padding-inline: 24px; background: var(--bg); backdrop-filter: none; }
.site-header .brand { gap: 0; }
.site-header .version-pill { border: 0; background: none; padding-left: 0; font-weight: 400; }
.site-header .search-trigger { width: min(280px, 26vw); border-radius: 4px; background: var(--bg); }
.site-header .header-links a { border-radius: 4px; font-weight: 400; }
.sidebar { background: var(--bg); }
.nav-group a { border-radius: 4px; }
.nav-group h2 { text-transform: none; letter-spacing: 0; font-size: 12px; }
h1, h2, h3 { font-weight: 600; }
.page-meta { gap: 0; }
.callout, .card, .table-wrap, .code-block, .search-dialog { border-radius: 4px; }
.card, .pagination a { box-shadow: none; }
.start-list { margin: 24px 0; }
.start-list > div { display: grid; grid-template-columns: 140px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--border); }
.start-list dt { font-weight: 600; }
.start-list dd { margin: 0; color: var(--text-soft); }
@media (max-width: 1100px) { .site-header .header-links a { padding-inline: 7px; } .site-header .version-pill { display: none; } }
@media (max-width: 700px) { .site-header { gap: 8px; padding-inline: 16px; } .docs-wordmark { width: 110px; height: 40px; } .start-list > div { grid-template-columns: 1fr; gap: 8px; } }