/* Shared documentation shell for the guide and design system. */
html:has(.ds-header){scroll-padding-top:0}.ds-page .ds-header{position:sticky;top:0;z-index:20;background:var(--color-surface);min-height:88px}.ds-header .ds-brand{flex-shrink:0}.ds-header .ds-back{align-items:center}.ds-header .ds-back>a{display:inline-flex;align-items:center;min-height:44px}.ds-page .skip-link{z-index:30}.ds-page .ds-nav{top:var(--documentation-header-height,88px);max-height:calc(100dvh - var(--documentation-header-height,88px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.ds-page .ds-nav>a{min-height:44px;display:flex;align-items:center;gap:var(--space-2)}.ds-page .ds-main [id]{scroll-margin-top:calc(var(--documentation-header-height,88px) + 20px)}
body[data-page=guide] .ds-main{margin:0;padding:0;background:transparent}body[data-page=guide] .ds-section{padding:var(--space-10) 0;border-top:1px solid var(--color-border)}body[data-page=guide] .ds-section h2{font-size:var(--font-size-heading);line-height:1.4;margin:0 0 var(--space-6)}body[data-page=guide] .section-heading .eyebrow{display:block;font-size:var(--font-size-xs);color:var(--color-text-brand);margin-bottom:var(--space-3)}body[data-page=guide] .doc-card{border-radius:var(--radius-card)}body[data-page=guide] .doc-card h3{font-size:var(--font-size-lead);line-height:1.5}body[data-page=guide] .doc-note{background:var(--color-surface-subtle);border-left-color:var(--color-success)}body[data-page=guide] .ds-section>p{margin:var(--space-4) 0;line-height:1.8}body[data-page=guide] .primary-button{margin:var(--space-3) 0}body[data-page=guide] .viewer-notice{margin:var(--space-6) 0 0}body[data-page=guide] .doc-table th,body[data-page=guide] .doc-table td{overflow-wrap:anywhere}
@media(max-width:760px){.ds-page .ds-header{padding:var(--space-3) var(--space-4-half);gap:var(--space-2) var(--space-3);flex-wrap:wrap}.ds-header .ds-back{width:100%;margin-left:0;gap:var(--space-2) var(--space-3)}.ds-header .language-toggle{margin-left:auto}.ds-page .ds-nav{position:static;max-height:none;overflow:visible}.ds-page .ds-nav>a{display:inline-flex}body[data-page=guide] .ds-section{padding:var(--space-8) 0}body[data-page=guide] .ds-section h2{font-size:21px}.ds-header .ds-brand span{display:inline;margin-left:var(--space-2);font-size:var(--font-size-sm)}}