{
  "version": 3,
  "sources": ["src/app/design-system/design-system-page.scss"],
  "sourcesContent": [":host {\n  background: var(--ds-color-surface-subtle);\n  color: var(--ds-color-text);\n  display: block;\n  min-height: 100vh;\n}\n.ds-docs {\n  margin-inline: auto;\n  max-width: var(--ds-container-xl);\n  padding: var(--ds-space-12) var(--ds-page-gutter) var(--ds-space-24);\n}\n.docs-hero {\n  border-bottom: var(--ds-border-width) solid var(--ds-color-border);\n  padding-bottom: var(--ds-space-12);\n}\n.docs-back {\n  display: inline-block;\n  font-size: var(--ds-font-size-1);\n  font-weight: var(--ds-font-weight-semibold);\n  margin-bottom: var(--ds-space-12);\n  text-decoration: none;\n}\n.docs-hero h1 {\n  font-size: clamp(var(--ds-font-size-7), 7vw, var(--ds-font-size-9));\n  letter-spacing: var(--ds-letter-spacing-tight);\n  line-height: var(--ds-line-height-tight);\n  margin: var(--ds-space-0);\n  max-width: var(--ds-container-md);\n}\n.docs-hero > p:last-child {\n  color: var(--ds-color-text-secondary);\n  font-size: var(--ds-font-size-4);\n  line-height: var(--ds-line-height-body);\n  max-width: var(--ds-container-md);\n}\n.docs-layout {\n  display: grid;\n  gap: var(--ds-space-16);\n  grid-template-columns: var(--ds-sidebar-width) minmax(0, 1fr);\n  padding-top: var(--ds-space-10);\n}\n.docs-nav {\n  align-self: start;\n  display: grid;\n  gap: var(--ds-space-1);\n  position: sticky;\n  top: var(--ds-space-6);\n}\n.docs-nav strong {\n  font-size: var(--ds-font-size-1);\n  margin-bottom: var(--ds-space-2);\n}\n.docs-nav a {\n  border-radius: var(--ds-radius-2);\n  color: var(--ds-color-text-muted);\n  font-size: var(--ds-font-size-1);\n  padding: var(--ds-space-2) var(--ds-space-3);\n  text-decoration: none;\n}\n.docs-nav a:hover {\n  background: var(--ds-color-surface-selected);\n  color: var(--ds-color-link-hover);\n}\n.docs-content {\n  min-width: 0;\n}\n.docs-content > section {\n  border-bottom: var(--ds-border-width) solid var(--ds-color-border);\n  padding-block: var(--ds-space-10) var(--ds-space-16);\n  scroll-margin-top: var(--ds-space-6);\n}\n.docs-content > section:first-child {\n  padding-top: var(--ds-space-0);\n}\n.docs-content h2 {\n  font-size: clamp(var(--ds-font-size-6), 4vw, var(--ds-font-size-8));\n  letter-spacing: var(--ds-letter-spacing-tight);\n  margin: var(--ds-space-0) var(--ds-space-0) var(--ds-space-6);\n}\n.docs-content h3 {\n  font-size: var(--ds-font-size-4);\n  margin: var(--ds-space-0) var(--ds-space-0) var(--ds-space-5);\n}\n.reading-copy {\n  color: var(--ds-color-text-secondary);\n  font-size: var(--ds-font-size-3);\n  line-height: var(--ds-line-height-body);\n  max-width: var(--ds-measure-reading);\n}\n.principle-grid {\n  display: grid;\n  gap: var(--ds-space-4);\n  grid-template-columns: repeat(2, 1fr);\n}\n.principle-grid ds-card strong {\n  font-size: var(--ds-font-size-3);\n}\n.principle-grid ds-card p {\n  color: var(--ds-color-text-secondary);\n  line-height: var(--ds-line-height-body);\n  margin-bottom: var(--ds-space-0);\n}\n.brand-specimen {\n  align-items: center;\n  background: var(--ds-color-surface);\n  border: var(--ds-border-width) solid var(--ds-color-border);\n  border-radius: var(--ds-radius-4);\n  display: flex;\n  gap: var(--ds-space-5);\n  margin-bottom: var(--ds-space-6);\n  padding: var(--ds-space-8);\n}\n.brand-mark {\n  align-items: center;\n  background: var(--ds-color-brand);\n  border-radius: var(--ds-radius-4);\n  color: var(--ds-color-text-inverse);\n  display: flex;\n  font-size: var(--ds-font-size-3);\n  font-weight: var(--ds-font-weight-bold);\n  height: var(--ds-space-16);\n  justify-content: center;\n  width: var(--ds-space-16);\n}\n.brand-specimen > div {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-1);\n}\n.brand-specimen > div strong {\n  font-size: var(--ds-font-size-5);\n}\n.brand-specimen > div span {\n  color: var(--ds-color-text-muted);\n}\n.swatch-grid {\n  display: grid;\n  gap: var(--ds-space-4);\n  grid-template-columns: repeat(3, 1fr);\n}\n.swatch {\n  background: var(--ds-color-surface);\n  border: var(--ds-border-width) solid var(--ds-color-border);\n  border-radius: var(--ds-radius-3);\n  display: grid;\n  gap: var(--ds-space-2);\n  overflow: hidden;\n  padding: var(--ds-space-3);\n}\n.swatch > span {\n  border: var(--ds-border-width) solid var(--ds-color-border);\n  border-radius: var(--ds-radius-2);\n  display: block;\n  height: var(--ds-space-16);\n}\n.swatch code {\n  color: var(--ds-color-text-muted);\n  font-family: var(--ds-font-mono);\n  font-size: var(--ds-font-size-00);\n  overflow-wrap: anywhere;\n}\n.type-specimen {\n  background: var(--ds-color-surface);\n  border: var(--ds-border-width) solid var(--ds-color-border);\n  border-radius: var(--ds-radius-4);\n  display: grid;\n  gap: var(--ds-space-8);\n  padding: var(--ds-space-8);\n}\n.type-specimen p {\n  margin: var(--ds-space-0);\n}\n.display-type {\n  font-size: var(--ds-font-size-8);\n  font-weight: var(--ds-font-weight-bold);\n  letter-spacing: var(--ds-letter-spacing-tight);\n  line-height: var(--ds-line-height-tight);\n}\n.heading-type {\n  font-size: var(--ds-font-size-5);\n  font-weight: var(--ds-font-weight-semibold);\n  line-height: var(--ds-line-height-heading);\n}\n.body-type {\n  color: var(--ds-color-text-secondary);\n  font-size: var(--ds-font-size-3);\n  line-height: var(--ds-line-height-body);\n  max-width: var(--ds-measure-reading);\n}\n.utility-type {\n  color: var(--ds-color-text-muted);\n  font-size: var(--ds-font-size-0);\n  font-weight: var(--ds-font-weight-bold);\n  letter-spacing: var(--ds-letter-spacing-caps);\n}\n.specimen {\n  margin-top: var(--ds-space-5);\n}\n.specimen-row {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ds-space-3);\n}\n.specimen > :not(:last-child) {\n  margin-bottom: var(--ds-space-6);\n}\n.form-grid {\n  display: grid;\n  gap: var(--ds-space-5);\n  grid-template-columns: repeat(2, 1fr);\n}\n.check-example {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--ds-space-2);\n  min-height: var(--ds-touch-target);\n}\n.assessment-toolbar {\n  align-items: center;\n  display: grid;\n  gap: var(--ds-space-6);\n  grid-template-columns: minmax(0, 1fr) auto;\n  margin-bottom: var(--ds-space-5);\n}\n.results-specimen {\n  display: grid;\n  gap: var(--ds-space-6);\n  grid-template-columns: auto minmax(0, 1fr);\n  margin-top: var(--ds-space-12);\n}\n\n@media (max-width: 64rem) {\n  .docs-layout {\n    grid-template-columns: 1fr;\n  }\n  .docs-nav {\n    background: var(--ds-color-surface-subtle);\n    display: flex;\n    overflow-x: auto;\n    padding-block: var(--ds-space-2);\n    position: sticky;\n    top: var(--ds-space-0);\n    z-index: var(--ds-z-sticky);\n  }\n  .docs-nav strong {\n    display: none;\n  }\n  .docs-nav a {\n    flex: 0 0 auto;\n  }\n}\n@media (max-width: 48rem) {\n  .ds-docs {\n    padding-top: var(--ds-space-8);\n  }\n  .principle-grid,\n  .swatch-grid,\n  .form-grid,\n  .results-specimen {\n    grid-template-columns: 1fr;\n  }\n  .assessment-toolbar {\n    align-items: stretch;\n    grid-template-columns: 1fr;\n  }\n  .display-type {\n    font-size: var(--ds-font-size-7);\n  }\n}\n"],
  "mappings": "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",
  "names": []
}
