.design-system{font-size:16px;line-height:1.7}.design-system p{margin-bottom:20px}.design-system .ds-lead{max-width:48ch;font-size:19px;line-height:1.65}.ds-caption{color:var(--muted);font-size:13px;line-height:1.6}.ds-index,.ds-controls{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.ds-index a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.ds-section{border-top:1px solid var(--line);margin-top:80px;padding-top:8px;scroll-margin-top:60px}.ds-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:32px 0;display:grid}.ds-color{align-items:center;gap:16px;min-width:0;display:flex}.ds-swatch{border:1px solid var(--line);flex:0 0 48px;height:64px;display:block}.ds-color strong,.ds-color code,.ds-color span:not(.ds-swatch){font-size:13px;font-weight:400;display:block}.ds-color code{color:var(--muted)}.design-system .ds-color .ds-dark-value,.dark .design-system .ds-color .ds-light-value{display:none}.dark .design-system .ds-color .ds-dark-value{display:block}.ds-specimen,.ds-example{margin-top:32px}.ds-spacing{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:32px 0;display:grid}.ds-spacing>div{align-items:center;gap:20px;display:flex}.ds-spacing span{width:40px;color:var(--muted);font-size:13px}.ds-spacing i{background:var(--ink);height:8px;display:block}.ds-facts>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:12px 0;font-size:14px;display:flex}.ds-facts dd{text-align:right;color:var(--muted)}.ds-patterns>div{margin-top:28px}.ds-patterns dt{font-family:var(--editorial-serif);margin-bottom:8px;font-size:23px}.ds-patterns dd{color:var(--muted)}.ds-patterns+p{margin-top:32px}.ds-rules{padding-left:20px;list-style:outside}.ds-rules li{margin-bottom:16px;padding-left:4px}@media (width<=767px){.ds-section{margin-top:56px}.ds-palette{grid-template-columns:minmax(0,1fr);gap:24px}}