:root {
  /* fonts */
  --du-font-brand: "Datatype", "Source Sans 3", sans-serif;
  --du-font-ui: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --du-font-body: var(--du-font-ui);
  /* font weights */
  --du-font-weight-regular: 400;
  --du-font-weight-medium: 500;
  --du-font-weight-semibold: 600;
  --du-font-weight-bold: 700;
  /* type sizes */
  --du-type-2xs: 0.6875rem;
  --du-type-xs: 0.75rem;
  --du-type-sm: 0.875rem;
  --du-type-md: 1rem;
  --du-type-lg: 1.125rem;
  --du-type-xl: 1.25rem;
  --du-type-2xl: 1.5rem;
  --du-type-3xl: 1.875rem;
  --du-type-4xl: 2.25rem;
  --du-type-5xl: 3rem;
  --du-type-6xl: 4rem;
  /* line heights */
  --du-leading-tight: 1.08;
  --du-leading-snug: 1.2;
  --du-leading-normal: 1.45;
  --du-leading-reading: 1.62;
  --du-leading-loose: 1.75;
  /* tracking */
  --du-tracking-tight: -0.02em;
  --du-tracking-normal: 0em;
  --du-tracking-wide: 0.04em;
  --du-tracking-wider: 0.08em;
  /* measure */
  --du-measure-narrow: 58ch;
  --du-measure-reading: 72ch;
  --du-measure-wide: 84ch;
  /* spacing */
  --du-space-0: 0rem;
  --du-space-2xs: 0.25rem;
  --du-space-xs: 0.5rem;
  --du-space-sm: 0.75rem;
  --du-space-md: 1rem;
  --du-space-lg: 1.5rem;
  --du-space-xl: 2rem;
  --du-space-2xl: 3rem;
  --du-space-3xl: 4rem;
  --du-space-4xl: 6rem;
  /* layout */
  --du-radius-none: 0rem;
  --du-stroke-thin: 1px;
  --du-stroke-mid: 2px;
  --du-container-sm: 42rem;
  --du-container-md: 64rem;
  --du-container-lg: 80rem;
  --du-container-xl: 92rem;
  --du-gutter-mobile: 1rem;
  --du-gutter-tablet: 1.5rem;
  --du-gutter-desktop: 2rem;
  --du-stack-tight: 0.75rem;
  --du-stack-default: 1rem;
  --du-stack-roomy: 1.5rem;
  --du-stack-section: 3rem;
  --du-section-research-y: 6rem;
  --du-section-atlas-y: 4rem;
  --du-grid-gap-sm: 1rem;
  --du-grid-gap-md: 1.5rem;
  --du-grid-gap-lg: 2rem;
  /* GIS / environment */
  --du-color-gis-land: #F5F3EF;
  --du-color-gis-water: #C9DDE8;
  --du-color-gis-urban: #D9D9D6;
  --du-color-gis-vegetation: #E5E8E1;
  --du-color-gis-border: #BDBDBD;
  /* brand */
  --du-color-brand-paper: var(--du-color-gis-land);
  --du-color-brand-surface: #FBFAF7;
  --du-color-brand-surface-alt: var(--du-color-gis-urban);
  --du-color-brand-line: var(--du-color-gis-border);
  --du-color-brand-ink: #1F2328;
  --du-color-brand-ink-muted: #5F6A72;
  --du-color-brand-accent: #8B5738;
  --du-color-brand-accent-cool: #3484BF;
  --du-color-brand-focus: #3484BF;
  --du-color-brand-inverse: #FFFFFF;
  /* semantic */
  --du-color-bg-page: var(--du-color-brand-paper);
  --du-color-bg-surface: var(--du-color-brand-surface);
  --du-color-bg-surface-alt: var(--du-color-brand-surface-alt);
  --du-color-bg-map-land: var(--du-color-gis-land);
  --du-color-bg-map-water: var(--du-color-gis-water);
  --du-color-bg-map-urban: var(--du-color-gis-urban);
  --du-color-bg-map-green: var(--du-color-gis-vegetation);
  --du-color-text-primary: var(--du-color-brand-ink);
  --du-color-text-secondary: var(--du-color-brand-ink-muted);
  --du-color-text-inverse: var(--du-color-brand-inverse);
  --du-color-text-accent: var(--du-color-brand-accent);
  --du-color-border-default: var(--du-color-brand-line);
  --du-color-border-strong: var(--du-color-brand-ink);
  --du-color-border-subtle: var(--du-color-gis-urban);
  --du-color-link: var(--du-color-brand-ink);
  --du-color-link-hover: var(--du-color-brand-accent);
  --du-color-link-focus: var(--du-color-brand-focus);
  /* chart qualitative */
  --du-chart-qual-1: #A6CEE3;
  --du-chart-qual-2: #1F78B4;
  --du-chart-qual-3: #B2DF8A;
  --du-chart-qual-4: #33A02C;
  --du-chart-qual-5: #FB9A99;
  --du-chart-qual-6: #E31A1C;
  --du-chart-qual-7: #FDBF6F;
  --du-chart-qual-8: #FF7F00;
  --du-chart-qual-9: #CAB2D6;
  --du-chart-qual-10: #6A3D9A;
  /* chart sequential */
  --du-chart-seq-1: #F7FBFF;
  --du-chart-seq-2: #E8F1FA;
  --du-chart-seq-3: #D9E7F5;
  --du-chart-seq-4: #C6DBEF;
  --du-chart-seq-5: #ABD0E6;
  --du-chart-seq-6: #82BCDB;
  --du-chart-seq-7: #58A1CF;
  --du-chart-seq-8: #3484BF;
  --du-chart-seq-9: #1764AB;
  --du-chart-seq-10: #084594;
  /* chart diverging */
  --du-chart-div-1: #67001F;
  --du-chart-div-2: #B2182B;
  --du-chart-div-3: #D6604D;
  --du-chart-div-4: #F4A582;
  --du-chart-div-5: #FDDBC7;
  --du-chart-div-6: #D1E5F0;
  --du-chart-div-7: #92C5DE;
  --du-chart-div-8: #4393C3;
  --du-chart-div-9: #2166AC;
  --du-chart-div-10: #053061;
  /* default mode = research */
  --du-mode-page: var(--du-color-bg-page);
  --du-mode-surface: var(--du-color-bg-surface);
  --du-mode-surface-alt: var(--du-color-bg-surface-alt);
  --du-mode-text: var(--du-color-text-primary);
  --du-mode-text-muted: var(--du-color-text-secondary);
  --du-mode-border: var(--du-color-border-default);
  --du-mode-accent: var(--du-color-brand-accent);
  --du-mode-link: var(--du-color-link);
  --du-mode-link-hover: var(--du-color-link-hover);
  --du-mode-body-size: var(--du-type-lg);
  --du-mode-body-leading: var(--du-leading-reading);
  --du-mode-measure: var(--du-measure-reading);
  --du-mode-title-size: var(--du-type-4xl);
  --du-mode-meta-size: var(--du-type-sm);
  --du-mode-section-y: var(--du-section-research-y);
  --du-mode-stack: var(--du-stack-roomy);
  --du-mode-card-gap: var(--du-grid-gap-md);
}

:root {
  color-scheme: light;
  --gh-font-heading: var(--du-font-ui);
  --gh-font-body: var(--du-font-body);
  --du-font-sans: var(--du-font-ui);
  --du-font-serif: var(--du-font-body);
  --du-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --du-color-bg: var(--du-color-bg-page);
  --du-color-surface: var(--du-color-bg-surface);
  --du-color-surface-strong: var(--du-color-bg-surface-alt);
  --du-color-paper: var(--du-color-bg-surface);
  --du-color-text: var(--du-color-text-primary);
  --du-color-muted: var(--du-color-text-secondary);
  --du-color-line: var(--du-color-border-default);
  --du-color-accent: var(--du-color-brand-accent);
  --du-color-accent-soft: var(--du-color-bg-surface-alt);
  --du-color-data-accent: var(--du-color-brand-accent-cool);
  --du-color-data-soft: var(--du-color-bg-map-water);
  --du-color-focus: var(--du-color-link-focus);
  --du-shell: var(--du-container-xl);
  --du-reading-measure: var(--du-measure-reading);
  --du-reading-measure-data: var(--du-measure-reading);
  --du-wide-measure: var(--du-container-lg);
  --du-header-height: 4.25rem;
  --du-space-1: var(--du-space-2xs);
  --du-space-2: var(--du-space-xs);
  --du-space-3: var(--du-space-sm);
  --du-space-4: var(--du-space-md);
  --du-space-5: var(--du-space-lg);
  --du-space-6: var(--du-space-xl);
  --du-space-7: var(--du-space-2xl);
  --du-space-8: var(--du-space-3xl);
  --du-space-9: var(--du-space-4xl);
  --du-border-width: var(--du-stroke-thin);
  --du-title-tracking: var(--du-tracking-tight);
  --du-small-caps-tracking: var(--du-tracking-wider);
  --du-transition: 180ms ease;
}

:root,
[data-mode=research],
.mode-research {
  --du-mode-page: var(--du-color-bg-page);
  --du-mode-surface: var(--du-color-bg-surface);
  --du-mode-surface-alt: var(--du-color-bg-surface-alt);
  --du-mode-text: var(--du-color-text-primary);
  --du-mode-text-muted: var(--du-color-text-secondary);
  --du-mode-border: var(--du-color-border-default);
  --du-mode-accent: var(--du-color-brand-accent);
  --du-mode-link: var(--du-color-link);
  --du-mode-link-hover: var(--du-color-link-hover);
  --du-mode-body-size: var(--du-type-lg);
  --du-mode-body-leading: var(--du-leading-reading);
  --du-mode-measure: var(--du-measure-reading);
  --du-mode-title-size: var(--du-type-4xl);
  --du-mode-meta-size: var(--du-type-sm);
  --du-mode-section-y: var(--du-section-research-y);
  --du-mode-stack: var(--du-stack-roomy);
  --du-mode-card-gap: var(--du-grid-gap-md);
}

[data-mode=atlas],
.mode-atlas {
  --du-mode-page: #FFFFFF;
  --du-mode-surface: var(--du-color-bg-surface);
  --du-mode-surface-alt: var(--du-color-bg-map-urban);
  --du-mode-text: var(--du-color-text-primary);
  --du-mode-text-muted: var(--du-color-text-secondary);
  --du-mode-border: var(--du-color-border-default);
  --du-mode-accent: var(--du-color-brand-accent-cool);
  --du-mode-link: var(--du-color-link);
  --du-mode-link-hover: var(--du-color-brand-accent-cool);
  --du-mode-body-size: var(--du-type-md);
  --du-mode-body-leading: var(--du-leading-normal);
  --du-mode-measure: var(--du-measure-wide);
  --du-mode-title-size: var(--du-type-3xl);
  --du-mode-meta-size: var(--du-type-xs);
  --du-mode-section-y: var(--du-section-atlas-y);
  --du-mode-stack: var(--du-stack-default);
  --du-mode-card-gap: var(--du-grid-gap-sm);
}

body,
body.du-mode-default,
body.du-mode-journal,
body[data-mode=journal],
body[data-mode=default] {
  --du-body-size: var(--du-type-lg);
  --du-body-leading: var(--du-leading-reading);
  --du-heading-font: var(--du-font-ui);
  --du-body-font: var(--du-font-body);
  --du-accent-current: var(--du-color-brand-accent);
  --du-accent-soft-current: var(--du-color-bg-surface-alt);
  --du-reading-current: var(--du-measure-reading);
  --du-entry-space: var(--du-section-research-y);
  --du-color-bg: var(--du-color-bg-page);
  --du-color-surface: var(--du-color-bg-surface);
  --du-color-surface-strong: var(--du-color-bg-surface-alt);
  --du-color-paper: var(--du-color-bg-surface);
  --du-color-text: var(--du-color-text-primary);
  --du-color-muted: var(--du-color-text-secondary);
  --du-color-line: var(--du-color-border-default);
}

body.du-mode-data,
body[data-mode=data] {
  --du-body-size: var(--du-type-md);
  --du-body-leading: var(--du-leading-normal);
  --du-accent-current: var(--du-color-brand-accent-cool);
  --du-accent-soft-current: var(--du-color-bg-map-water);
  --du-reading-current: var(--du-measure-wide);
  --du-entry-space: var(--du-section-atlas-y);
  --du-color-bg: #ffffff;
  --du-color-surface: var(--du-color-bg-surface);
  --du-color-surface-strong: var(--du-color-bg-map-urban);
  --du-color-paper: var(--du-color-bg-surface);
  --du-color-text: var(--du-color-text-primary);
  --du-color-muted: var(--du-color-text-secondary);
  --du-color-line: var(--du-color-border-default);
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--du-mode-page);
  color: var(--du-mode-text);
  font-family: var(--du-font-body);
  font-size: var(--du-mode-body-size);
  line-height: var(--du-mode-body-leading);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-optical-sizing: auto;
}

img,
svg,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--du-mode-link);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.12em;
}

a:hover {
  color: var(--du-mode-link-hover);
}

a:focus-visible {
  outline: 2px solid var(--du-color-link-focus);
  outline-offset: 2px;
}

hr {
  border: 0;
  border-top: var(--du-stroke-thin) solid var(--du-mode-border);
  margin: var(--du-space-xl) 0;
}

::selection {
  background: var(--du-color-gis-water);
  color: var(--du-color-text-primary);
}

.du-container-sm {
  width: min(100% - 2 * var(--du-gutter-mobile), var(--du-container-sm));
  margin-inline: auto;
}

.du-container-md {
  width: min(100% - 2 * var(--du-gutter-mobile), var(--du-container-md));
  margin-inline: auto;
}

.du-container-lg {
  width: min(100% - 2 * var(--du-gutter-mobile), var(--du-container-lg));
  margin-inline: auto;
}

.du-container-xl {
  width: min(100% - 2 * var(--du-gutter-mobile), var(--du-container-xl));
  margin-inline: auto;
}

@media (min-width: 48rem) {
  .du-container-sm,
  .du-container-md,
  .du-container-lg,
  .du-container-xl {
    width: min(100% - 2 * var(--du-gutter-tablet), 100%);
  }
  .du-container-sm {
    max-width: var(--du-container-sm);
  }
  .du-container-md {
    max-width: var(--du-container-md);
  }
  .du-container-lg {
    max-width: var(--du-container-lg);
  }
  .du-container-xl {
    max-width: var(--du-container-xl);
  }
}
@media (min-width: 75rem) {
  .du-container-sm,
  .du-container-md,
  .du-container-lg,
  .du-container-xl {
    width: min(100% - 2 * var(--du-gutter-desktop), 100%);
  }
}
.du-section {
  padding-block: var(--du-mode-section-y);
}

.du-stack > * + * {
  margin-top: var(--du-mode-stack);
}

.du-rule {
  border-top: var(--du-stroke-thin) solid var(--du-mode-border);
}

.du-card {
  background: var(--du-mode-surface);
  border: var(--du-stroke-thin) solid var(--du-mode-border);
  border-radius: var(--du-radius-none);
}

.du-surface-alt {
  background: var(--du-mode-surface-alt);
}

.du-grid {
  display: grid;
  gap: var(--du-mode-card-gap);
}

.du-grid--2 {
  grid-template-columns: 1fr;
}

.du-grid--3 {
  grid-template-columns: 1fr;
}

@media (min-width: 48rem) {
  .du-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .du-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.du-wordmark {
  font-family: var(--du-font-brand);
  font-size: var(--du-type-xl);
  font-weight: var(--du-font-weight-medium);
  line-height: var(--du-leading-tight);
  letter-spacing: var(--du-tracking-wide);
  text-transform: uppercase;
}

.du-kicker {
  font-family: var(--du-font-ui);
  font-size: var(--du-type-xs);
  font-weight: var(--du-font-weight-semibold);
  line-height: var(--du-leading-normal);
  letter-spacing: var(--du-tracking-wider);
  text-transform: uppercase;
  color: var(--du-mode-text-muted);
}

.du-meta {
  font-family: var(--du-font-ui);
  font-size: var(--du-mode-meta-size);
  font-weight: var(--du-font-weight-regular);
  line-height: var(--du-leading-normal);
  color: var(--du-mode-text-muted);
}

.du-title {
  font-family: var(--du-font-ui);
  font-size: clamp(var(--du-type-2xl), 2vw + 1rem, var(--du-mode-title-size));
  font-weight: var(--du-font-weight-semibold);
  line-height: var(--du-leading-snug);
  letter-spacing: var(--du-tracking-tight);
}

.du-display {
  font-family: var(--du-font-ui);
  font-size: clamp(var(--du-type-3xl), 4vw + 1rem, var(--du-type-5xl));
  font-weight: var(--du-font-weight-semibold);
  line-height: var(--du-leading-tight);
  letter-spacing: var(--du-tracking-tight);
}

.du-prose {
  max-width: var(--du-mode-measure);
  font-family: var(--du-font-body);
  font-size: var(--du-mode-body-size);
  line-height: var(--du-mode-body-leading);
}

.du-prose > * + * {
  margin-top: 1em;
}

.du-prose h1,
.du-prose h2,
.du-prose h3,
.du-prose h4 {
  font-family: var(--du-font-ui);
  font-weight: var(--du-font-weight-semibold);
  line-height: var(--du-leading-snug);
  letter-spacing: var(--du-tracking-tight);
  margin-top: 1.6em;
  margin-bottom: 0.5em;
}

.du-prose h1 {
  font-size: clamp(var(--du-type-3xl), 3vw + 1rem, var(--du-type-5xl));
}

.du-prose h2 {
  font-size: clamp(var(--du-type-2xl), 2vw + 1rem, var(--du-type-4xl));
}

.du-prose h3 {
  font-size: clamp(var(--du-type-xl), 1.2vw + 1rem, var(--du-type-2xl));
}

.du-prose p,
.du-prose ul,
.du-prose ol,
.du-prose blockquote {
  max-width: var(--du-mode-measure);
}

.du-prose small,
.du-prose figcaption,
.du-prose .kg-image-card figcaption {
  font-size: var(--du-type-sm);
  line-height: var(--du-leading-normal);
  color: var(--du-mode-text-muted);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
}

main {
  display: block;
}

img,
svg,
video,
canvas,
iframe {
  display: block;
  max-width: 100%;
}

img,
video,
canvas,
iframe {
  height: auto;
}

figure,
blockquote,
pre {
  margin: 0;
}

button,
input,
textarea,
select {
  color: inherit;
  font: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

body {
  background: var(--du-color-bg);
  color: var(--du-color-text);
  font-family: var(--du-body-font);
  font-size: var(--du-body-size);
  line-height: var(--du-body-leading);
  min-height: 100vh;
  text-rendering: optimizeLegibility;
}

a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
  transition: color var(--du-transition), text-decoration-thickness var(--du-transition);
}

a:hover {
  color: var(--du-accent-current);
  text-decoration-thickness: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--du-color-focus);
  outline-offset: 2px;
}

::selection {
  background: var(--du-accent-soft-current);
}

.du-site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.du-shell {
  width: min(100% - 2 * var(--du-gutter-mobile), var(--du-shell));
  margin-inline: auto;
}
@media (min-width: 48rem) {
  .du-shell {
    width: min(100% - 2 * var(--du-gutter-tablet), var(--du-shell));
  }
}
@media (min-width: 75rem) {
  .du-shell {
    width: min(100% - 2 * var(--du-gutter-desktop), var(--du-shell));
  }
}

.du-main {
  flex: 1 0 auto;
  padding-block: var(--du-entry-space);
}

.du-section-label,
.du-panel-label,
.du-entry-mode,
.du-card__mode {
  font-family: var(--du-font-ui);
  font-size: var(--du-type-xs);
  font-weight: var(--du-font-weight-semibold);
  line-height: var(--du-leading-normal);
  letter-spacing: var(--du-tracking-wider);
  text-transform: uppercase;
  color: var(--du-color-muted);
  margin: 0;
}

.du-section-heading {
  align-items: start;
  border-top: var(--du-border-width) solid var(--du-color-line);
  display: grid;
  gap: var(--du-space-4);
  margin-bottom: var(--du-space-6);
  padding-top: var(--du-space-4);
}

.du-section-heading h1,
.du-section-heading h2 {
  margin: 0;
}

.du-section-heading--plain {
  border-top: 0;
  gap: var(--du-space-2);
  margin-bottom: var(--du-space-5);
  padding-top: 0;
}

.du-section-heading--plain .du-section-summary {
  margin-top: var(--du-space-2);
}

.du-section-summary,
.du-home-hero__lede,
.du-entry-dek,
.du-listing-header p:last-child {
  color: var(--du-color-muted);
  font-size: clamp(1rem, 1rem + 0.3vw, 1.25rem);
  margin: 0;
  max-width: 48rem;
}

.du-entry-dek {
  line-height: 1.55;
}

.du-empty {
  border-top: var(--du-border-width) solid var(--du-color-line);
  color: var(--du-color-muted);
  margin: 0;
  padding-top: var(--du-space-4);
}

.du-listing-header,
.du-author-meta {
  display: grid;
  gap: var(--du-space-3);
}

.du-author-meta {
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.95rem;
}

.du-media-frame {
  background: var(--du-color-paper);
  border: var(--du-border-width) solid var(--du-color-line);
  margin-block: var(--du-space-6);
  padding: var(--du-space-3);
}

.du-media-frame figcaption {
  border-top: var(--du-border-width) solid var(--du-color-line);
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.85rem;
  line-height: 1.45;
  margin-top: var(--du-space-3);
  padding-top: var(--du-space-3);
}

.du-pagination {
  margin-top: var(--du-space-7);
}

.pagination {
  align-items: center;
  border-top: var(--du-border-width) solid var(--du-color-line);
  display: flex;
  flex-wrap: wrap;
  gap: var(--du-space-3);
  justify-content: space-between;
  padding-top: var(--du-space-4);
}

.pagination a {
  font-family: var(--du-font-sans);
  font-size: 0.92rem;
  font-weight: 600;
}

.page-number {
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
}

@media (min-width: 64rem) {
  .du-section-heading {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 28rem);
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--du-heading-font);
  font-weight: 700;
  letter-spacing: var(--du-title-tracking);
  line-height: 1.05;
}

h1 {
  font-size: clamp(2.25rem, 4vw, 4.5rem);
  margin: 0;
}

h2 {
  font-size: clamp(1.6rem, 2vw, 2.4rem);
}

h3 {
  font-size: clamp(1.2rem, 1.4vw, 1.55rem);
}

p,
li {
  max-width: 70ch;
}

.du-content {
  display: grid;
  gap: var(--du-space-4);
}

.du-content > * {
  margin-inline: auto;
  width: 100%;
}

.du-content > * + * {
  margin-top: 0;
}

.du-content > p,
.du-content > ul,
.du-content > ol,
.du-content > blockquote,
.du-content > pre,
.du-content > h2,
.du-content > h3,
.du-content > h4,
.du-content > h5,
.du-content > h6 {
  max-width: var(--du-reading-current);
}

.du-content > h2,
.du-content > h3,
.du-content > h4 {
  margin-top: var(--du-space-6);
}

.du-content > ul,
.du-content > ol {
  padding-left: 1.2em;
}

.du-content--journal > h1,
.du-content--journal > h2,
.du-content--journal > h3 {
  line-height: 1.225;
}

.du-content--journal > h1 {
  margin-bottom: 1.85rem;
  margin-top: 2.25rem;
}

.du-content--journal > h1 strong {
  display: inline-block;
  margin-bottom: 2rem;
  margin-top: 2.5rem;
}

.du-content--journal > h2 {
  margin-bottom: 1rem;
  margin-top: 2rem;
}

.du-content--journal > h2 strong {
  display: inline-block;
  margin-bottom: 1.15rem;
  margin-top: 2rem;
}

.du-content--journal > h3 {
  margin-bottom: 0.35rem;
  margin-top: 0.75rem;
}

.du-content--journal > h3 strong {
  display: inline-block;
  margin-bottom: 0.35rem;
  margin-top: 0.75rem;
}

.du-content--journal > p {
  line-height: 1.325;
  margin-bottom: 0.75rem;
  margin-top: 0;
}

.du-content--journal > ul,
.du-content--journal > ol {
  margin-bottom: 1rem;
  margin-top: 0.95rem;
}

.du-content--journal li {
  line-height: 1.175;
}

.du-content li + li {
  margin-top: var(--du-space-2);
}

.du-content blockquote {
  border-left: 2px solid var(--du-accent-current);
  color: var(--du-color-muted);
  padding-left: var(--du-space-4);
}

.du-content hr {
  border: 0;
  border-top: var(--du-border-width) solid var(--du-color-line);
  margin-block: var(--du-space-6);
  max-width: var(--du-reading-current);
}

.du-content code,
.du-content pre {
  font-family: var(--du-font-mono);
  font-size: 0.92em;
}

.du-content :not(pre) > code {
  background: var(--du-color-surface-strong);
  padding: 0.1em 0.3em;
}

.du-content pre {
  background: var(--du-color-paper);
  border: var(--du-border-width) solid var(--du-color-line);
  max-width: min(100%, var(--du-wide-measure));
  overflow-x: auto;
  padding: var(--du-space-4);
}

.du-content figure,
.du-content .kg-card,
.du-content .kg-width-wide,
.du-content .kg-width-full {
  max-width: min(100%, var(--du-wide-measure));
}

.du-content figure figcaption {
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.86rem;
  margin-top: var(--du-space-2);
}

.du-header {
  background: rgba(244, 241, 232, 0.97);
  border-bottom: var(--du-border-width) solid var(--du-color-line);
  position: sticky;
  top: 0;
  z-index: 50;
}

.du-header__inner {
  align-items: center;
  display: grid;
  gap: var(--du-space-4);
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: var(--du-header-height);
  padding-block: var(--du-space-3);
}

.du-brand-lockup {
  align-items: baseline;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.du-brand,
.du-brand__aux {
  align-items: baseline;
  color: inherit;
  display: inline-flex;
  gap: var(--du-space-2);
  text-decoration: none;
}

.du-brand__title,
.du-brand__mode,
.du-brand__aux,
.du-brand__divider {
  font-family: var(--du-font-sans);
  letter-spacing: -0.01em;
}

.du-brand__title {
  font-size: 1.05rem;
  font-weight: 700;
}

.du-brand__mode,
.du-brand__aux,
.du-brand__divider {
  color: var(--du-color-muted);
  font-size: 0.92rem;
  font-weight: 500;
}

.du-brand[aria-current=page] .du-brand__mode,
.du-brand__aux[aria-current=page] {
  color: var(--du-accent-current);
}

.du-brand[aria-current=page] {
  color: var(--du-accent-current);
}

.du-brand[aria-current=page] .du-brand__title,
.du-brand[aria-current=page] .du-brand__mode {
  color: inherit;
}

.du-brand[aria-current=page][aria-disabled=true],
.du-brand__aux[aria-current=page][aria-disabled=true] {
  cursor: default;
  pointer-events: none;
}

.du-nav-toggle {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-grid;
  gap: 0.22rem;
  padding: 0;
}

.du-nav-toggle__line {
  background: currentColor;
  display: block;
  height: 1px;
  width: 1.6rem;
}

.du-nav {
  grid-column: 1/-1;
}

.du-nav-close {
  background: transparent;
  border: 0;
  color: #f4f1e8;
  cursor: pointer;
  display: none;
  font-family: var(--du-font-sans);
  font-size: 2rem;
  line-height: 1;
  padding: 0;
}

.du-nav .nav {
  display: none;
  list-style: none;
  margin: 0;
}

.du-nav.is-open .nav {
  display: grid;
  gap: var(--du-space-3);
  padding-top: var(--du-space-3);
}

.du-nav .nav a {
  font-family: var(--du-font-sans);
  font-size: 0.92rem;
  font-weight: 500;
  text-decoration: none;
}

.du-nav .nav-current a {
  color: var(--du-accent-current);
  cursor: default;
  pointer-events: none;
}

@media (max-width: 59.9375rem) {
  body.du-nav-open {
    overflow: hidden;
  }
  .du-nav {
    background: #000;
    inset: 0;
    opacity: 0;
    padding: max(1.5rem, env(safe-area-inset-top)) 1.5rem 1.5rem;
    pointer-events: none;
    position: fixed;
    transition: opacity 140ms ease;
    z-index: 120;
  }
  .du-nav.is-open {
    display: flex;
    flex-direction: column;
    opacity: 1;
    pointer-events: auto;
  }
  .du-nav-close {
    align-self: end;
    display: block;
    margin-bottom: auto;
  }
  .du-nav .nav {
    align-content: center;
    align-items: center;
    display: grid;
    flex: 1 1 auto;
    gap: clamp(1.5rem, 4vh, 3rem);
    justify-items: center;
    padding: 0;
    place-content: center;
  }
  .du-nav.is-open .nav {
    padding-top: 0;
  }
  .du-nav .nav li {
    width: 100%;
  }
  .du-nav .nav a {
    color: #f4f1e8;
    display: block;
    font-size: clamp(1.25rem, 5vw, 1.75rem);
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 60rem) {
  .du-header__inner {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .du-nav-toggle {
    display: none;
  }
  .du-nav {
    border-left: var(--du-border-width) solid var(--du-color-line);
    grid-column: auto;
    margin-left: auto;
    padding-left: var(--du-space-5);
  }
  .du-nav-close {
    display: none;
  }
  .du-nav .nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--du-space-4);
    justify-content: end;
  }
}
.du-footer {
  border-top: var(--du-border-width) solid var(--du-color-line);
  margin-top: var(--du-space-9);
  padding-block: var(--du-space-6);
}

.du-footer__inner {
  align-items: start;
  color: var(--du-color-muted);
  display: grid;
  gap: var(--du-space-5);
}

.du-footer__section {
  display: grid;
  gap: var(--du-space-2);
}

.du-footer__label {
  color: var(--du-color-text);
  font-family: var(--du-font-sans);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  margin: 0;
  text-transform: uppercase;
}

.du-footer__inner p {
  line-height: 1.05;
  margin: 0;
}

@media (min-width: 48rem) {
  .du-footer__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
  }
}
.du-card-grid {
  display: grid;
  gap: var(--du-space-5);
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.du-card-grid--feature {
  grid-template-columns: minmax(0, 1fr);
}

.du-card {
  background: var(--du-color-paper);
  border: var(--du-border-width) solid var(--du-color-line);
}

.du-card__link {
  display: grid;
  height: 100%;
  text-decoration: none;
}

.du-card__media {
  border-bottom: var(--du-border-width) solid var(--du-color-line);
  overflow: hidden;
}

.du-card__media img {
  aspect-ratio: 16/10;
  object-fit: cover;
  width: 100%;
}

.du-card__body {
  align-content: start;
  display: grid;
  gap: var(--du-space-3);
  padding: var(--du-space-4);
}

.du-card__title {
  line-height: 1.025;
  margin: 0;
}

.du-card__excerpt {
  color: var(--du-color-muted);
  line-height: 1.025;
  margin: 0;
}

.du-card__meta,
.du-card__strip {
  color: var(--du-color-muted);
  display: flex;
  flex-wrap: wrap;
  gap: var(--du-space-2) var(--du-space-3);
  font-family: var(--du-font-sans);
  font-size: 0.84rem;
}

.du-card--journal .du-card__body {
  gap: 0;
  padding-block: var(--du-space-5);
}

.du-card--journal .du-card__media {
  border-bottom: 0;
}

.du-card__placeholder {
  align-items: end;
  aspect-ratio: 16/10;
  background: #000;
  color: #5f6a72;
  display: grid;
  font-family: var(--du-font-sans);
  font-size: clamp(2rem, 10vw, 4.5rem);
  font-weight: 700;
  line-height: 1;
  padding: 0.5rem;
  place-items: end;
  width: 100%;
}

.du-card--journal .du-card__excerpt {
  margin-top: 0.5rem;
}

.du-card__date {
  color: #8b5738;
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  margin: 0 0 0.5rem;
}

.du-card__divider {
  border-top: var(--du-border-width) solid var(--du-color-line);
  margin-top: 0.85rem;
}

.du-card__tags {
  margin-top: 0.75rem;
  line-height: 1;
  width: 100%;
}

.du-card--data {
  background: var(--du-color-paper);
}

.du-card--data .du-card__body {
  gap: var(--du-space-2);
}

.du-card--data .du-card__strip {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0;
}

.du-card--data .du-card__mode {
  color: var(--du-color-text);
}

.du-card--data .du-card__excerpt {
  margin-top: var(--du-space-1);
}

.du-card--related .du-card__media {
  border-bottom: 0;
}

.du-card--related .du-card__body {
  gap: 0;
  padding-top: var(--du-space-3);
}

.du-card--related .du-card__date {
  color: #8b5738;
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  margin: 0 0 0.5rem;
}

.du-card--related .du-card__excerpt {
  margin-top: 0.5rem;
}

.du-post-meta {
  display: grid;
  gap: var(--du-space-2);
}

.du-post-meta__line {
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  line-height: 1.15;
  margin: 0;
}

.du-post-meta__tags {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.45rem;
  width: 100%;
}

.du-post-meta__separator,
.du-post-meta__reading {
  white-space: nowrap;
}

.du-post-meta__reading {
  color: #8b5738;
}

.du-post-meta__reading-group {
  white-space: nowrap;
}

.du-tag-list {
  align-items: baseline;
  color: var(--du-color-muted);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  gap: 0.2rem 0.45rem;
  margin: 0;
  width: 100%;
}

.du-tag-list__item,
.du-tag-list__reading-group,
.du-tag-list__reading {
  white-space: nowrap;
}

.du-tag-list__item + .du-tag-list__item::before {
  color: #5f6a72;
  content: "/";
  margin-right: 0.45rem;
}

.du-tag-list--comma {
  padding-top: 0.075rem;
}

.du-tag-list--comma .du-tag-list__item + .du-tag-list__item::before {
  color: #5f6a72;
  content: ",";
  margin-right: 0.35rem;
}

.du-tag-list__reading-group {
  margin-left: 0.25rem;
}

.du-tag-list__separator {
  margin-right: 0.25rem;
}

.du-tag-list__reading {
  color: #8b5738;
}

.du-post-meta__tags > span:not(.du-post-meta__reading-group) {
  color: #5f6a72;
}

.du-post-meta--compact .du-post-meta__line {
  font-size: 0.82rem;
}

.du-entry-header {
  display: grid;
  gap: var(--du-space-4);
}

.du-entry .du-post-meta {
  gap: 0.35rem;
}

.du-entry .du-post-meta__date {
  font-size: 1.8rem;
  line-height: 1;
}

.du-entry-header--journal .du-post-meta {
  border-block: var(--du-border-width) solid var(--du-color-line);
  padding-block: var(--du-space-3);
}

.du-journal-sidebar {
  display: grid;
  gap: var(--du-space-3);
}

.du-toc {
  border-top: 0;
  gap: var(--du-space-3);
  padding-bottom: 2rem;
  padding-top: 0;
}

.du-toc .du-panel-label {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.075rem;
  margin: 0;
  padding-bottom: 1rem;
}

.du-toc__list {
  display: grid;
  gap: 0.35rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.du-toc__item {
  margin: 0;
  padding: 0;
}

.du-toc__item--h3 {
  margin-left: 0.6rem;
}

.du-toc__link {
  border-left: 2px solid transparent;
  color: var(--du-color-muted);
  display: block;
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  line-height: 1.25;
  padding: 0.2rem 0 0.2rem 0.75rem;
  text-decoration: none;
  transition: color var(--du-transition), border-color var(--du-transition), background-color var(--du-transition);
}

.du-toc__item--h2.du-toc__item--strong .du-toc__link {
  color: var(--du-color-text);
  font-size: 0.98rem;
  font-weight: 700;
}

.du-toc__item--h2.du-toc__item--plain .du-toc__link {
  color: var(--du-color-text);
  font-size: 0.94rem;
  font-weight: 500;
}

.du-toc__item--h3.du-toc__item--strong .du-toc__link {
  color: var(--du-color-muted);
  font-size: 0.84rem;
  font-weight: 600;
  padding-left: 0.9rem;
}

.du-toc__item--h3.du-toc__item--plain .du-toc__link {
  color: var(--du-color-muted);
  font-size: 0.8rem;
  font-weight: 400;
  padding-left: 0.9rem;
}

.du-toc__link:hover {
  color: var(--du-color-text);
}

.du-toc__link.is-active {
  background: color-mix(in srgb, var(--du-color-accent-soft) 60%, white 40%);
  border-left-color: var(--du-color-accent);
  color: var(--du-color-text);
}

.du-toc__item--strong .du-toc__link.is-active {
  border-left-color: var(--du-color-focus);
}

.du-toc__item--h3 .du-toc__link.is-active {
  color: var(--du-color-accent);
}

.du-content--data > p,
.du-content--data > ul,
.du-content--data > ol,
.du-content--data > blockquote,
.du-content--data > h2,
.du-content--data > h3,
.du-content--data > h4 {
  max-width: var(--du-reading-measure-data);
}

.du-content--data > .kg-table-card,
.du-content--data > .kg-embed-card,
.du-content--data > .kg-image-card,
.du-content--data > .kg-gallery-card,
.du-content--data > .kg-width-wide,
.du-content--data > .kg-width-full,
.du-content--data > .du-chart-frame,
.du-content--data > .du-map-frame,
.du-content--data > .du-source-block,
.du-content--data > .du-methodology {
  max-width: min(100%, var(--du-wide-measure));
}

.du-content--data .kg-callout-card,
.du-content--data .du-definition,
.du-content--data .du-caveat,
.du-chart-frame,
.du-map-frame,
.du-source-block,
.du-methodology {
  background: var(--du-color-paper);
  border: var(--du-border-width) solid var(--du-color-line);
  border-top-width: 2px;
  padding: var(--du-space-4);
}

.du-content--data .kg-callout-card,
.du-definition,
.du-caveat {
  font-family: var(--du-font-sans);
}

.du-source-block,
.du-methodology {
  display: grid;
  gap: var(--du-space-3);
}

.du-content--data .kg-table-card {
  border-top: 2px solid var(--du-color-line);
  overflow-x: auto;
  padding-top: var(--du-space-3);
}

.du-content--journal .du-source-block,
.du-content--journal .du-methodology {
  background: var(--du-color-surface);
}

.du-content .kg-bookmark-card,
.du-content .kg-callout-card {
  max-width: min(100%, var(--du-wide-measure));
}

.du-content iframe {
  border: 0;
  min-height: 18rem;
  width: 100%;
}

.du-entry-tags {
  border-top: var(--du-border-width) solid var(--du-color-line);
  margin-top: var(--du-space-7);
  margin-left: auto;
  max-width: 100%;
  padding-top: var(--du-space-4);
  text-align: right;
  width: fit-content;
}

.du-entry-tags .du-tag-list {
  align-items: baseline;
  justify-content: flex-end;
  width: auto;
}

.du-entry-tags .du-tag-list__item {
  text-decoration: none;
}

.du-entry-tags .du-tag-list__item:hover {
  color: var(--du-color-accent);
}

.du-content .kg-image-card img,
.du-content .kg-gallery-card img,
.du-content figure img,
.du-media-frame img,
.du-entry-header__media img {
  height: auto;
  max-width: 100%;
  width: 100%;
}

.du-content .kg-gallery-card,
.du-content .kg-gallery-container,
.du-content .kg-gallery-row,
.du-content .kg-gallery-image {
  max-width: 100%;
}

.du-content .kg-table-card,
.kg-table-card {
  overflow-x: auto;
}

.du-content table,
.kg-table-card table {
  border-collapse: collapse;
  max-width: 100%;
  table-layout: fixed;
  width: 100%;
}

.du-content th,
.du-content td,
.kg-table-card th,
.kg-table-card td {
  border-bottom: var(--du-border-width) solid var(--du-color-line);
  font-size: 0.94rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
  padding: var(--du-space-3);
  text-align: left;
  vertical-align: top;
  white-space: normal;
}

.du-content th,
.kg-table-card th {
  font-family: var(--du-font-sans);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 63.9375rem) {
  .du-content .kg-table-card,
  .kg-table-card {
    overflow-x: visible;
  }
  .du-content table[data-stackable=true],
  .kg-table-card table[data-stackable=true] {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
  }
  .du-content table[data-stackable=true] thead,
  .kg-table-card table[data-stackable=true] thead {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .du-content table[data-stackable=true] tbody,
  .du-content table[data-stackable=true] tr,
  .du-content table[data-stackable=true] td,
  .kg-table-card table[data-stackable=true] tbody,
  .kg-table-card table[data-stackable=true] tr,
  .kg-table-card table[data-stackable=true] td {
    display: block;
    width: 100%;
  }
  .du-content table[data-stackable=true] tr,
  .kg-table-card table[data-stackable=true] tr {
    background: var(--du-color-paper);
    border: var(--du-border-width) solid var(--du-color-line);
    border-top-width: 2px;
    margin-top: var(--du-space-4);
  }
  .du-content table[data-stackable=true] tbody tr:first-child,
  .kg-table-card table[data-stackable=true] tbody tr:first-child {
    margin-top: 0;
  }
  .du-content table[data-stackable=true] td,
  .kg-table-card table[data-stackable=true] td {
    align-items: start;
    border-bottom: var(--du-border-width) solid var(--du-color-line);
    display: grid;
    gap: 0.35rem 1rem;
    grid-template-columns: minmax(0, 8.5rem) minmax(0, 1fr);
    padding: var(--du-space-3);
  }
  .du-content table[data-stackable=true] td:last-child,
  .kg-table-card table[data-stackable=true] td:last-child {
    border-bottom: 0;
  }
  .du-content table[data-stackable=true] td::before,
  .kg-table-card table[data-stackable=true] td::before {
    color: var(--du-color-muted);
    content: attr(data-label);
    font-family: var(--du-font-sans);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .du-content table[data-stackable=true] td[data-label=""]::before,
  .kg-table-card table[data-stackable=true] td[data-label=""]::before {
    content: none;
  }
  .du-content table[data-stackable=true] td > :first-child,
  .kg-table-card table[data-stackable=true] td > :first-child {
    margin-top: 0;
  }
}
.du-content td ul,
.du-content td ol,
.du-content th ul,
.du-content th ol,
.kg-table-card td ul,
.kg-table-card td ol,
.kg-table-card th ul,
.kg-table-card th ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.du-content td li,
.du-content th li,
.kg-table-card td li,
.kg-table-card th li {
  margin: 0;
}

.du-content td li + li,
.du-content th li + li,
.kg-table-card td li + li,
.kg-table-card th li + li {
  margin-top: 0.6rem;
}

.du-content td li p,
.du-content td > p,
.du-content th li p,
.du-content th > p,
.kg-table-card td li p,
.kg-table-card td > p,
.kg-table-card th li p,
.kg-table-card th > p {
  margin: 0;
}

.du-content td li p + p,
.du-content td > p + p,
.du-content th li p + p,
.du-content th > p + p,
.kg-table-card td li p + p,
.kg-table-card td > p + p,
.kg-table-card th li p + p,
.kg-table-card th > p + p {
  margin-top: 0.45rem;
}

.du-home {
  display: block;
}

.du-home-hero {
  border-bottom: var(--du-border-width) solid var(--du-color-line);
  margin-bottom: var(--du-space-7);
  padding-bottom: var(--du-space-7);
}

.du-home-hero__grid {
  display: grid;
  gap: var(--du-space-6);
}

.du-home-hero__intro {
  display: grid;
  gap: var(--du-space-3);
}

.du-home-hero__title {
  color: #5f6a72;
  font-size: clamp(2.4rem, 4vw, 4.9rem);
  line-height: 0.96;
  margin: 0;
  max-width: 60vw;
}

.du-home-section + .du-home-section {
  margin-top: var(--du-space-8);
}

.du-home-listing {
  display: block;
}

.du-home-listing__header {
  margin-bottom: var(--du-space-6);
}

.du-home-listing__lede {
  color: var(--du-color-muted);
  margin: 0;
  max-width: 44rem;
}

.du-reference-header .du-page-title {
  margin-bottom: 0;
}

.du-reference-header .du-home-listing__lede,
.du-reference-header .du-reference-header__intro {
  margin-top: 0;
}

.du-home-listing__disclaimer {
  color: var(--du-color-muted);
  font-size: 0.95rem;
  line-height: 1.3;
  margin-top: var(--du-space-5);
  max-width: 52rem;
  padding-top: 0;
}

.du-home-listing__disclaimer-title {
  color: var(--du-color-text);
  font-family: var(--du-font-sans);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 0.75rem;
}

.du-home-listing__disclaimer p {
  margin: 0;
}

.du-home-listing__disclaimer p + p {
  margin-top: 0.75rem;
}

.du-home-section .du-section-summary {
  max-width: 42rem;
}

.du-issue-grid {
  display: grid;
  column-gap: var(--du-space-5);
  row-gap: 2.5rem;
}

.du-issue-card__link {
  display: grid;
  gap: var(--du-space-4);
  text-decoration: none;
}

.du-issue-card__cover {
  background: var(--du-color-surface);
  border-top: var(--du-border-width) solid var(--du-color-line);
  border-bottom: var(--du-border-width) solid var(--du-color-line);
  container-type: inline-size;
  overflow: hidden;
}

.du-issue-card__cover img,
.du-issue-card__placeholder {
  aspect-ratio: 4/5;
  display: block;
  width: 100%;
}

.du-issue-card__cover img {
  object-fit: cover;
}

.du-issue-card__placeholder {
  align-items: end;
  background: #000;
  color: #5f6a72;
  display: grid;
  font-family: var(--du-font-sans);
  font-weight: 700;
  font-size: clamp(3rem, 20vw, 8rem);
  font-size: 20cqw;
  letter-spacing: 0;
  line-height: 1;
  padding: 0.5rem;
  place-items: end;
}

.du-issue-card__body {
  display: grid;
  row-gap: 0;
}

.du-issue-card__title,
.du-directory-row__title {
  line-height: 1.025;
  margin: 0;
}

.du-issue-card__date {
  color: #8b5738;
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  margin: 0 0 1rem;
}

.du-issue-card__excerpt {
  margin-top: 0.75rem;
}

.du-issue-card__excerpt,
.du-directory-row__excerpt {
  color: var(--du-color-muted);
  line-height: 1.025;
  margin: 0;
}

.du-directory {
  border-top: 0;
}

.du-directory__head {
  color: #1f2328;
  display: none;
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  gap: var(--du-space-4);
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
  padding: var(--du-space-3) 0;
  text-transform: none;
}

.du-directory__head p {
  margin: 0;
}

.du-directory__body {
  display: grid;
}

.du-directory-row {
  border-top: var(--du-border-width) solid var(--du-color-line);
  display: grid;
  gap: var(--du-space-3);
  padding: var(--du-space-4) 0;
}

.du-directory-row__date,
.du-directory-row__tags {
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  margin: 0;
}

.du-directory-row__title {
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.1;
}

.du-directory-row__kicker {
  color: #8b5738;
  font-family: var(--du-font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin: 0 0 0.45rem;
  text-transform: uppercase;
}

.du-directory-row__title a {
  text-decoration: none;
}

.du-home--data .du-directory-row__title,
.du-home--data .du-directory-row__date {
  font-size: 1.035rem;
}

.du-home--data .du-directory-row__title {
  font-weight: 500;
}

.du-home-section--data-latest .du-directory-row__title,
.du-home-section--data-latest .du-directory-row__date {
  font-size: 1.035rem;
}

.du-home-section--data-latest .du-directory-row__title {
  font-weight: 500;
}

.du-home-section--data-latest .du-section-summary {
  max-width: none;
  width: 100%;
}

.du-directory-row__tags {
  display: block;
  line-height: 1.1;
  min-width: 0;
}

.du-directory-row__tags span {
  display: inline;
  font-size: 0.9rem;
  padding: 0;
  text-transform: none;
}

.du-directory-row__tags span + span::before {
  color: #5f6a72;
  content: " / ";
}

.du-directory-row--link .du-directory-row__main {
  align-self: center;
}

@media (min-width: 48rem) {
  .du-home-hero__title {
    width: 60vw;
  }
  .du-card-grid--feature.du-card-grid--journal,
  .du-card-grid--feature.du-card-grid--mixed,
  .du-issue-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 47.9375rem) {
  .du-home-hero__title {
    max-width: 100%;
  }
}
@media (min-width: 72rem) {
  .du-card-grid--feature.du-card-grid--journal,
  .du-card-grid--feature.du-card-grid--mixed,
  .du-issue-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .du-directory__head,
  .du-directory-row {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(0, 1.4fr) minmax(12rem, 1fr) minmax(7rem, 8rem);
  }
  .du-directory__head {
    display: grid;
  }
  .du-directory-row__tags {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.du-listing {
  display: block;
}

.du-listing-header {
  margin-bottom: var(--du-space-6);
}

.du-reference-header {
  display: grid;
  gap: 0;
  margin-bottom: var(--du-space-7);
  padding-top: 0;
}

.du-archive.du-main,
.du-az-page.du-main {
  padding-top: calc(var(--du-entry-space) - 2.25rem);
}

.du-archive .du-home-listing__header,
.du-az-page .du-home-listing__header {
  margin-top: 0;
  max-width: none;
  width: calc(100vw - (100vw - min(var(--du-shell), 100vw - 2 * var(--du-gutter-mobile))) / 2 - var(--du-gutter-mobile));
}

.du-listing-header .du-reference-header__intro {
  color: var(--du-color-muted);
  line-height: 1.4;
  margin: 0;
  max-width: none;
  width: 100%;
}

.du-page {
  display: block;
}

.du-page .du-container {
  margin-inline: auto;
  padding: var(--du-space-6) var(--du-gutter-mobile) var(--du-space-8);
}

.du-page-title,
.du-az-index-header {
  margin: 0 0 var(--du-space-6);
}

.gh-postfeed {
  display: grid;
  gap: var(--du-space-6);
}

.du-post-layout {
  display: grid;
  gap: var(--du-space-7);
}

.du-related-section {
  border-top: var(--du-border-width) solid var(--du-color-line);
  padding-top: var(--du-space-3);
}

.du-related-title {
  font-family: var(--du-font-sans);
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0 0 var(--du-space-3);
}

.du-related-posts {
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.95rem;
  line-height: 1.35;
}

.du-tag {
  color: inherit;
}

.du-separator {
  color: var(--du-color-muted);
}

.du-az-index-nav {
  align-items: start;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-bottom: calc(var(--du-space-6) + 1rem);
  padding-block: 0;
}

.du-az-index-nav__control {
  background: transparent;
  border: 0;
  color: var(--du-color-text);
  cursor: pointer;
  font-family: var(--du-font-sans);
  font-size: 1.04rem;
  font-weight: 500;
  line-height: 1.025;
  padding: 0;
}

.du-az-index-nav__control[hidden] {
  display: none;
}

.du-az-index-nav__viewport {
  min-width: 0;
  overflow: hidden;
}

.du-az-index-nav__page {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0;
  opacity: 1;
  transition: opacity 140ms ease;
}

.du-az-index-nav__page.is-fading {
  opacity: 0;
}

.du-az-index-nav__link {
  color: #1f2328;
  font-family: var(--du-font-sans);
  font-size: 1.04rem;
  font-weight: 500;
  line-height: 1.025;
  text-decoration: none;
}

.du-az-index-nav__link + .du-az-index-nav__link::before {
  color: #5f6a72;
  content: "/";
  margin-inline: 0.35rem;
}

.du-az-directory {
  display: grid;
  gap: var(--du-space-7);
}

.du-az-group__title {
  color: #8b5738;
  font-family: var(--du-font-sans);
  font-size: 1.44rem;
  font-weight: 400;
  line-height: 1.025;
  margin: 0;
  padding-bottom: 0.75rem;
}

.du-az-group__header {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--du-space-2) var(--du-space-4);
  margin-bottom: 0;
  padding-top: 0;
}

.du-directory__body--az {
  display: grid;
}

.du-directory-row--az {
  gap: 0;
  padding-block: var(--du-space-2);
}

.du-directory-row--az .du-directory-row__title,
.du-directory-row--az .du-directory-row__date {
  font-size: 1.035rem;
  line-height: 1;
}

.du-directory__body--az {
  opacity: 1;
  transition: opacity 140ms ease;
}

.du-directory__body--az.is-fading {
  opacity: 0;
}

.du-az-group__pagination {
  display: flex;
  gap: 0.4rem;
  justify-content: flex-end;
  margin-top: var(--du-space-3);
}

.du-az-group__pagination[hidden] {
  display: none;
}

.du-az-group__pagination-link {
  background: transparent;
  border: 0;
  color: var(--du-color-text);
  cursor: pointer;
  font-family: var(--du-font-sans);
  font-size: 0.92rem;
  line-height: 1;
  padding: 0;
}

.du-az-group__pagination-link[hidden] {
  display: none;
}

.du-az-group__pagination-separator {
  color: #5f6a72;
  font-family: var(--du-font-sans);
  font-size: 0.92rem;
  line-height: 1;
}

.du-directory-row--az .du-directory-row__title {
  font-weight: 500;
}

@media (min-width: 48rem) {
  .du-archive .du-home-listing__header,
  .du-az-page .du-home-listing__header {
    width: calc(100vw - (100vw - min(var(--du-shell), 100vw - 2 * var(--du-gutter-tablet))) / 2 - var(--du-gutter-tablet));
  }
  .gh-postfeed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 72rem) {
  .du-archive .du-home-listing__header,
  .du-az-page .du-home-listing__header {
    width: calc(100vw - (100vw - min(var(--du-shell), 100vw - 2 * var(--du-gutter-desktop))) / 2 - var(--du-gutter-desktop));
  }
  .gh-postfeed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .du-post-layout {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 18rem);
  }
  .du-directory-row--az {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(7rem, 8rem);
  }
}
.du-entry {
  display: block;
}

.du-article--default {
  margin-inline: auto;
  width: min(100% - 2rem, 56rem);
}

.du-article--journal {
  margin-inline: auto;
  width: min(100% - 2rem, var(--du-shell));
}

.du-journal-rail,
.du-journal-main {
  min-height: 0;
  min-width: 0;
}

.du-entry-header--journal,
.du-journal-layout {
  margin-inline: auto;
  width: min(100%, var(--du-reading-measure) + 20rem);
}

.du-entry-header--journal {
  gap: 0;
}

.du-entry-dek--journal {
  line-height: 1.125;
  margin-top: 1rem;
  max-width: min(100%, 40rem);
}

.du-entry-header__media {
  margin: 0 0 var(--du-space-6);
}

.du-entry-header__meta {
  align-items: baseline;
  color: #8b5738;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--du-font-sans);
  font-size: 0.8132142857rem;
  gap: 0.2rem 0.35rem;
  line-height: 1;
  margin: 1rem 0 0;
  padding: 0;
}

.du-entry-header__date,
.du-entry-header__reading,
.du-entry-header__meta-separator {
  font-size: inherit;
  line-height: inherit;
}

.du-entry-header__date {
  color: #8b5738;
}

.du-entry-header__reading,
.du-entry-header__meta-separator {
  color: var(--du-color-text);
}

.du-related {
  margin-top: 7.5rem;
}

.post-template .du-entry-header .du-title {
  font-size: clamp(3rem, 5.2vw, 5.4rem);
  line-height: 0.96;
  margin: 0;
  padding: 0;
}

.post-template .du-entry-header {
  gap: 0;
}

.post-template .du-entry-header--journal {
  gap: 0;
}

.du-media-frame--journal {
  margin-bottom: var(--du-space-7);
}

.du-journal-layout {
  display: grid;
  gap: var(--du-space-5);
}

.du-journal-rail {
  margin-top: 1.5rem;
  order: 1;
}

.du-journal-main {
  order: 2;
}

.post-template .du-journal-main {
  margin-top: 0;
}

.du-content--journal h2,
.du-content--journal h3,
.du-content--journal h4 {
  scroll-margin-top: calc(var(--du-header-height) + 1.5rem);
}

.du-content--journal > p,
.du-content--journal > ul,
.du-content--journal > ol,
.du-content--journal > blockquote,
.du-content--journal > h2,
.du-content--journal > h3,
.du-content--journal > h4 {
  max-width: var(--du-reading-measure);
}

.du-content--journal > .kg-width-wide,
.du-content--journal > .kg-width-full,
.du-content--journal > .kg-image-card,
.du-content--journal > .kg-gallery-card,
.du-content--journal > .kg-embed-card {
  max-width: min(100%, 64rem);
}

@media (min-width: 60rem) {
  .du-journal-layout {
    align-items: start;
    column-gap: clamp(var(--du-space-6), 4vw, var(--du-space-8));
    grid-template-columns: minmax(12rem, 16rem) minmax(0, var(--du-reading-measure));
    justify-content: center;
  }
  .du-journal-rail {
    align-self: start;
    margin-top: 5rem;
    order: 1;
    position: relative;
  }
  .du-journal-sidebar {
    max-height: calc(100vh - var(--du-header-height) - var(--du-space-6));
    overflow-y: auto;
    position: sticky;
    scrollbar-gutter: stable;
    top: calc(var(--du-header-height) + var(--du-space-5));
  }
  .du-journal-sidebar.is-fixed {
    left: var(--du-journal-sidebar-left, auto);
    position: fixed;
    top: var(--du-journal-sidebar-top, calc(var(--du-header-height) + var(--du-space-5)));
    width: var(--du-journal-sidebar-width, auto);
    z-index: 20;
  }
  .du-journal-main {
    margin-top: 5rem;
    order: 2;
    max-height: none;
    overflow: visible;
  }
}
.du-article--data {
  margin-inline: auto;
  width: min(100% - 2rem, var(--du-shell));
}

.du-data-header {
  display: grid;
  gap: var(--du-space-5);
  margin-bottom: var(--du-space-6);
}

.du-data-header__band {
  align-items: start;
  border-top: 2px solid var(--du-color-line);
  border-bottom: var(--du-border-width) solid var(--du-color-line);
  display: grid;
  gap: var(--du-space-3);
  padding-block: var(--du-space-3);
}

.du-data-layout {
  display: grid;
  gap: var(--du-space-5);
}

.du-data-main {
  min-width: 0;
}

.du-data-header__intro,
.du-data-header__support {
  display: grid;
  gap: var(--du-space-4);
}

.du-data-header__eyebrow {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--du-space-2);
}

.du-data-header__eyebrow a {
  font-family: var(--du-font-sans);
  text-decoration: none;
}

.du-fact-grid {
  background: var(--du-color-surface);
  border-top: 2px solid var(--du-color-line);
  border-inline: var(--du-border-width) solid var(--du-color-line);
  border-bottom: var(--du-border-width) solid var(--du-color-line);
  padding: var(--du-space-4);
}

.du-fact-grid dl {
  display: grid;
  gap: var(--du-space-3);
  margin: 0;
}

.du-fact-grid dt {
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  margin-bottom: var(--du-space-1);
  text-transform: uppercase;
}

.du-fact-grid dd {
  font-family: var(--du-font-sans);
  margin: 0;
}

.du-entry--data .du-content {
  font-size: 0.98rem;
}

.du-data-header .du-post-meta {
  gap: var(--du-space-1);
}

.du-data-header .du-post-meta__date {
  font-size: 0.82rem;
}

.du-content--data > h2 {
  border-top: var(--du-border-width) solid var(--du-color-line);
  padding-top: var(--du-space-5);
}

@media (min-width: 64rem) {
  .du-data-header {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.72fr);
  }
  .du-data-header__band {
    grid-column: 1/-1;
    grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
  }
  .du-data-header__intro {
    grid-column: 1;
  }
  .du-data-header__support {
    grid-column: 2;
  }
}
.du-skip-link {
  background: var(--du-color-paper);
  border: var(--du-border-width) solid var(--du-color-line);
  left: var(--du-space-4);
  padding: var(--du-space-2) var(--du-space-3);
  position: absolute;
  text-decoration: none;
  top: var(--du-space-4);
  transform: translateY(-140%);
  z-index: 200;
}

.du-skip-link:focus {
  transform: translateY(0);
}