.ds-guidelines{gap:var(--space-section-gap);flex-direction:column;display:flex}.ds-guidelines__header{gap:var(--space-inline-gap);padding-bottom:var(--space-component-gap);border-bottom:1px solid var(--color-border-default);flex-direction:column;display:flex}.ds-guidelines__eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary)}.ds-guidelines__title{font-size:var(--font-size-h1);font-weight:var(--font-weight-heading);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);margin:0}.ds-guidelines__lead{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:60ch}.ds-guidelines__section{gap:var(--space-element-gap);flex-direction:column;display:flex}.ds-guidelines__section-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-heading);line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);margin:0}.ds-guidelines__section-lead{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:68ch;margin:0}.ds-guidelines__code{font-family:var(--font-family-mono);color:var(--color-text-primary);background:var(--color-surface-tertiary);border-radius:4px;padding:1px 5px;font-size:.9em}.ds-guidelines__inline-link{color:var(--color-accent-default);text-underline-offset:2px;transition:color var(--duration-interaction) var(--easing-default)}.ds-guidelines__inline-link:hover{color:var(--color-accent-hover)}.ds-guidelines__links{gap:var(--space-component-gap);margin:var(--space-tight-gap) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.ds-guidelines__link{font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:var(--line-height-small);letter-spacing:var(--letter-spacing-label);color:var(--color-accent-default);transition:color var(--duration-interaction) var(--easing-default);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.ds-guidelines__link:hover{color:var(--color-accent-hover)}.ds-guidelines__link:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);border-radius:2px}.ds-guidelines__tools{border:1px solid var(--color-border-default);border-radius:var(--border-radius-component);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.ds-guidelines__tool{gap:var(--space-element-gap);padding:var(--space-element-gap) var(--space-component-gap);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);grid-template-columns:minmax(160px,220px) 1fr;align-items:baseline;display:grid}.ds-guidelines__tool:last-child{border-bottom:none}.ds-guidelines__tool-name{font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:var(--font-weight-label);color:var(--color-text-primary)}.ds-guidelines__tool-desc{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary)}@media (max-width:768px){.ds-guidelines__tool{gap:var(--space-tight-gap);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ds-guidelines__inline-link,.ds-guidelines__link{transition:none}}