.ds-guide{max-width:1440px;margin:auto}.ds-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 40px;border-bottom:1px solid var(--color-border)}.ds-layout{display:grid;grid-template-columns:200px minmax(0,1fr)}.ds-nav{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;padding:40px 28px;gap:16px;font-size:13px}.ds-nav a:hover{color:var(--color-primary)}.ds-main{min-width:0;padding:0 48px 64px;border-left:1px solid var(--color-border)}.ds-main>section{padding:52px 0;border-bottom:1px solid var(--color-border);scroll-margin-top:24px}.ds-main>section>h2{font-size:32px;line-height:1.2;font-weight:600;margin:12px 0 24px}.ds-intro{max-width:650px;font-size:15px;line-height:1.7;margin:0 0 25px;color:var(--color-muted)}.ds-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ds-three h2,.ds-three h3{font-size:15px;font-weight:600;margin-bottom:12px}.ds-three p{font-size:13px;line-height:1.8;color:var(--color-muted)}.ds-colours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.ds-swatch{height:88px;border:1px solid var(--color-border);border-radius:6px;margin-bottom:12px}.ds-colours h3{font-size:13px;font-weight:600}.ds-colours code{font-size:11px;color:var(--color-muted)}.ds-colours p{font-size:12px;margin-top:7px;color:var(--color-muted);line-height:1.7}.ds-note{font-size:12px;line-height:1.8;color:var(--color-muted);margin-top:20px;max-width:750px}@media(max-width:900px){.ds-layout{display:block}.ds-nav{position:static;flex-direction:row;overflow:auto;padding:20px;gap:22px;border-bottom:1px solid var(--color-border)}.ds-nav a{white-space:nowrap}.ds-main{border:0;padding:0 24px 32px}.ds-header{padding:24px}.ds-header .studio-eyebrow{display:none}.ds-colours{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-three{grid-template-columns:1fr}.ds-main>section{padding-block:35px}}