.ds-page{max-width:1400px;margin-inline:auto}.ds-main{padding:var(--gutter-l);display:flex;flex-direction:column;gap:var(--gutter-l)}.ds-section{display:flex;flex-direction:column;gap:var(--gutter-l);padding-block-start:var(--gutter-l);border-top:1px solid var(--color-border)}.ds-section:first-child{border-top:none;padding-block-start:0}.ds-section__header h2{color:var(--color-primary);margin:0}.ds-section__header p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:44ch;margin:var(--gutter-xs) 0 0}.styleguides-menu{display:flex;flex-direction:row;margin:10px auto 25px;gap:var(--gutter-s)}.ds-dark{color-scheme:dark;background-color:var(--color-bg);color:var(--color-text-base);border-radius:var(--radius-xl);padding:var(--gutter-l);border:1px solid var(--neutral-300);--shadow-soft: var(--shadow-dark-soft);--shadow-medium: var(--shadow-dark-medium);--shadow-float: var(--shadow-dark-float)}.ds-dark h3{color:var(--color-primary)}.ds-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter-l)}.ds-palette{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--gutter-s);margin-block:var(--gutter-s)}.ds-swatch{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;background-color:var(--color-surface);box-shadow:var(--shadow-soft)}.ds-swatch__color{height:5rem;width:100%}.ds-swatch__label{padding:.75rem}.ds-swatch__label strong{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.ds-swatch__label code{display:block;font-size:.75rem;color:var(--color-text-muted);margin-block-start:var(--gutter-xs)}.ds-neutral-scale{display:grid;grid-template-columns:repeat(10, 1fr);gap:.375rem;margin-block:var(--gutter-s)}.ds-neutral-scale__swatch{text-align:center}.ds-neutral-scale__swatch-block{height:3.5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-block-end:.375rem}.ds-neutral-scale__swatch code{font-size:.625rem;color:var(--color-text-muted)}.ds-type-scale{background-color:var(--color-surface);padding:var(--gutter-m);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.ds-type-lg{font-size:var(--text-lg);font-weight:500}.ds-type-sm{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-type-italic{font-style:italic;font-family:var(--font-heading);font-size:var(--text-xl)}.ds-type-row{display:flex;align-items:flex-end;justify-content:space-between;padding-block:1rem;border-bottom:1px solid var(--color-border);gap:var(--gutter-s)}.ds-type-row:last-child{border-bottom:none}.ds-type-row *{margin:0}.ds-type-row__meta{display:flex;flex-direction:column;gap:var(--gutter-xs);flex:1;min-width:0}.ds-type-row__meta span{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.075em;color:var(--color-text-muted)}.ds-type-row__size{font-size:var(--text-sm);color:var(--color-text-muted);font-family:monospace;flex-shrink:0;font-weight:400}.ds-structure-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--gutter-s)}.ds-radius-demos{display:flex;flex-direction:column;gap:.875rem}.ds-radius-demos__item{display:flex;align-items:center;gap:.875rem}.ds-radius-demos__item-box{width:3.5rem;height:3.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-radius-demos__item-box code{font-size:.6rem;color:var(--color-text-muted)}.ds-radius-demos__item p{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);margin:0}.ds-shadow-demos{display:flex;flex-direction:column;gap:1.25rem}.ds-shadow-demos__item{padding:.875rem 1rem;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--neutral-200);text-align:center}.ds-shadow-demos__item p{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.ds-shadow-demos__item span{font-size:.75rem;color:var(--color-text-muted);display:block}.ds-spacing-demos{display:flex;flex-direction:column;gap:1rem}.ds-spacing-demos__item{display:flex;align-items:center;gap:.875rem}.ds-spacing-demos__item-block{border-radius:.25rem;background-color:rgba(59,130,246,.15);border:1px solid #3b82f6;flex-shrink:0}.ds-spacing-demos__item code{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-components{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter-s)}.ds-demo-panel{padding:var(--gutter-l);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--gutter-m);background-color:var(--color-surface)}.ds-demo-panel h3{font-size:var(--text-xl);color:var(--color-primary);margin:0}.ds-demo-panel__group{display:flex;flex-direction:column;gap:var(--gutter-xs)}.ds-demo-panel__label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.075em;color:var(--color-text-muted);margin:0}.ds-demo-panel__row{display:flex;gap:var(--gutter-m);align-items:flex-end}.ds-a11y-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--gutter-s)}.ds-a11y-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--gutter-m);display:flex;flex-direction:column;gap:var(--gutter-s)}.ds-a11y-panel p{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.075em;color:var(--color-text-muted);margin:0}