.ds-page[data-v-f7089dc4]{max-width:1200px;margin:0 auto;padding:28px;background:var(--bg);min-height:100vh;color:var(--text)}.ds-page-header[data-v-f7089dc4]{margin-bottom:28px}.ds-page-header__title-row[data-v-f7089dc4]{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ds-page-header h1[data-v-f7089dc4]{font-size:34px;font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.1}.ds-page-header__lede[data-v-f7089dc4]{font-size:16px;color:var(--text-dim);margin:12px 0 0}.ds-page-header__tools[data-v-f7089dc4]{display:flex;align-items:center;gap:8px;flex-shrink:0}.ds-page-header__search[data-v-f7089dc4]{position:relative;width:240px;flex-shrink:0}.ds-page-header__search[data-v-f7089dc4] .base-input{padding-right:28px}.ds-page-header__search-clear[data-v-f7089dc4]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-mute);cursor:pointer;font-size:11px;padding:4px;line-height:1}.ds-page-header__search-clear[data-v-f7089dc4]:hover{color:var(--text-dim)}.ds-layout[data-v-f7089dc4]{display:flex;align-items:flex-start;gap:40px}.ds-sidebar[data-v-f7089dc4]{width:220px;flex-shrink:0;position:sticky;top:28px}.ds-nav[data-v-f7089dc4]{display:flex;flex-direction:column;gap:2px}.ds-nav__item[data-v-f7089dc4]{padding:9px 10px;border-radius:8px;font-size:15px;font-weight:600;color:var(--text-mute);display:block;transition:all .15s}.ds-nav__item[data-v-f7089dc4]:hover{color:var(--text-dim);background:var(--bg-1)}.ds-nav__item--active[data-v-f7089dc4]{color:var(--text);background:var(--bg-1)}.ds-nav__sub-wrap[data-v-f7089dc4]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.ds-nav__sub-wrap--open[data-v-f7089dc4]{grid-template-rows:1fr}.ds-nav__sub[data-v-f7089dc4]{overflow:hidden;min-height:0;list-style:none;margin:2px 0 10px;padding:0 0 0 10px;display:flex;flex-direction:column;gap:1px}.ds-nav__sub-item[data-v-f7089dc4]{display:block;padding:7px 10px;border-radius:6px;font-size:13.5px;color:var(--text-mute);transition:all .15s}.ds-nav__sub-item[data-v-f7089dc4]:hover{color:var(--text-dim);background:var(--bg-1)}.ds-nav__sub-item--active[data-v-f7089dc4]{color:var(--brand-2);background:var(--brand-soft);font-weight:600}.ds-nav__no-results[data-v-f7089dc4]{font-size:12.5px;color:var(--text-mute);padding:8px 10px;margin:0}@media(max-width:900px){.ds-layout[data-v-f7089dc4]{flex-direction:column}.ds-sidebar[data-v-f7089dc4]{width:100%;position:static}.ds-nav[data-v-f7089dc4]{flex-direction:row;flex-wrap:wrap}.ds-nav__sub-wrap[data-v-f7089dc4]{display:none}}.design-system-page[data-v-f7089dc4]{flex:1;min-width:0}