: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;
  scroll-behavior: smooth;
}

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

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-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;
}

.post-template .du-content > h2,
.post-template .du-content > h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.post-template .du-content > h2 strong,
.post-template .du-content > h3 strong {
  display: inline-block;
  margin-top: 2rem;
}

.post-template .du-content > ul,
.post-template .du-content > ol {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

.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.94);
  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: var(--du-space-2);
}

.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);
  font-size: 1rem;
  letter-spacing: -0.01em;
}

.du-brand__title {
  font-weight: 700;
}

.du-brand__mode,
.du-brand__aux,
.du-brand__divider {
  color: var(--du-color-muted);
  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.95rem;
  font-weight: 600;
  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 {
    grid-column: auto;
  }
  .du-nav-close {
    display: none;
  }
  .du-nav .nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--du-space-5);
    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 {
  color: var(--du-color-muted);
  display: grid;
  gap: var(--du-space-2);
}

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

.du-card-grid {
  display: grid;
  gap: var(--du-space-5);
  grid-template-columns: repeat(auto-fit, minmax(16rem, 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 {
  display: grid;
  gap: var(--du-space-3);
  padding: var(--du-space-4);
}

.du-card__title {
  margin: 0;
}

.du-card__excerpt {
  color: var(--du-color-muted);
  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 {
  padding-block: var(--du-space-5);
}

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

.du-card--data .du-card__strip {
  align-items: center;
  border-bottom: var(--du-border-width) solid var(--du-color-line);
  justify-content: space-between;
  padding-bottom: var(--du-space-2);
}

.du-card--related .du-card__body {
  gap: 0;
}

.du-card--related .du-card__title,
.du-card--related .du-card__excerpt {
  line-height: 1.025;
}

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

.du-card--related .du-card__excerpt {
  margin: 0;
}

.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;
}

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

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

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

.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-journal-sidebar {
  display: grid;
}

.du-journal-panel {
  border-left: var(--du-border-width) solid var(--du-color-line);
  display: grid;
  gap: var(--du-space-4);
  padding-left: var(--du-space-4);
}

.du-side-note-rail {
  position: relative;
}

.du-side-note-card {
  background: var(--du-color-surface);
  border-top: var(--du-border-width) solid var(--du-color-line);
  color: var(--du-color-muted);
  display: grid;
  gap: var(--du-space-3);
  left: 0;
  padding-top: var(--du-space-3);
  position: absolute;
  right: 0;
}

.du-side-note-card.is-targeted {
  border-top-color: var(--du-accent-current);
}

.du-side-note-card__label {
  color: var(--du-accent-current);
  font-family: var(--du-font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  justify-self: start;
  text-decoration: none;
}

.du-side-note-card__body {
  display: grid;
  gap: var(--du-space-2);
  font-family: var(--du-font-sans);
  font-size: 0.94rem;
  line-height: 1.5;
}

.du-side-note-card__body > * {
  margin: 0;
}

.du-side-note-card__body a {
  text-decoration-thickness: 1px;
}

.du-note-ref,
.footnote-ref {
  font-family: var(--du-font-sans);
  font-size: 0.7em;
  letter-spacing: 0.02em;
  vertical-align: super;
}

.du-note-ref a,
.footnote-ref a {
  color: var(--du-accent-current);
  text-decoration: none;
}

.du-note-ref a:hover,
.footnote-ref a:hover {
  text-decoration: underline;
}

.du-side-note {
  background: var(--du-color-surface);
  border-left: 2px solid var(--du-accent-current);
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.94rem;
  line-height: 1.55;
  padding: var(--du-space-3) var(--du-space-4);
}

.du-note-ref + .du-side-note {
  margin-top: var(--du-space-2);
}

.du-side-note p:first-child {
  margin-top: 0;
}

.du-side-note p:last-child {
  margin-bottom: 0;
}

@media (min-width: 80rem) {
  .is-side-note-source-hidden {
    display: none;
  }
}
.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);
  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 .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-content--journal .footnotes-sep {
  margin-top: var(--du-space-7);
}

.du-content--journal .footnotes {
  border-top: var(--du-border-width) solid var(--du-color-line);
  margin-top: var(--du-space-4);
  padding-top: var(--du-space-4);
}

.du-content--journal .footnotes-list {
  display: grid;
  gap: var(--du-space-3);
  list-style: decimal;
  margin: 0;
  padding-left: 1.4rem;
}

.du-content--journal .footnote-item {
  color: var(--du-color-muted);
  font-family: var(--du-font-sans);
  font-size: 0.96rem;
  line-height: 1.55;
  max-width: var(--du-reading-measure);
}

.du-content--journal .footnote-item p {
  margin: 0;
}

.du-content--journal .footnote-backref {
  font-size: 0.9em;
  margin-left: 0.3rem;
}

.du-content table,
.kg-table-card table {
  border-collapse: collapse;
  display: block;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  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);
  padding: var(--du-space-3);
  text-align: left;
  vertical-align: top;
}

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

.du-home {
  display: block;
}

.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-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;
}

.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-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: 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__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-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 {
  content: " / ";
}

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

@media (min-width: 48rem) {
  .du-issue-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 72rem) {
  .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-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 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0;
  margin-bottom: var(--du-space-6);
}

.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: #1f2328;
  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 0 var(--du-space-3);
}

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

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

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

@media (min-width: 48rem) {
  .gh-postfeed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 72rem) {
  .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-main {
  min-width: 0;
}

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

.du-entry-header--journal {
  gap: var(--du-space-3);
}

.du-entry-header--journal .du-post-meta {
  gap: 0.15rem;
}

.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;
}

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

.post-template .du-entry-header .du-post-meta__date {
  font-size: 1.44rem;
  line-height: 1;
  margin: 0;
  margin-top: 0.75rem;
  padding: 0;
}

.post-template .du-entry-header .du-post-meta__date:not(:last-child),
.post-template .du-entry-header--journal .du-post-meta__date:not(:last-child) {
  margin-bottom: 1.75rem;
}

.post-template .du-post-meta__tags {
  display: block;
  max-width: min(100%, var(--du-reading-measure));
  width: 100%;
}

.post-template .du-post-meta__tags a {
  text-decoration: none;
}

.post-template .du-post-meta__tags > span {
  margin-inline: 0.25rem;
}

.post-template .du-post-meta__tags .du-post-meta__reading-group {
  margin-inline: 0 0 0 0.25rem;
}

.post-template .du-post-meta__tags .du-post-meta__separator,
.post-template .du-post-meta__tags .du-post-meta__reading {
  margin: 0;
}

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

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

.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: 80rem) {
  .du-journal-rail {
    display: none;
  }
  .du-journal-layout.has-side-notes {
    align-items: start;
    column-gap: clamp(var(--du-space-5), 4vw, var(--du-space-8));
    grid-template-columns: minmax(0, var(--du-reading-measure)) minmax(16rem, 20rem);
    justify-content: center;
  }
  .du-journal-layout.has-side-notes .du-journal-rail {
    display: block;
  }
  .du-journal-layout.has-side-notes .du-content--journal > p,
  .du-journal-layout.has-side-notes .du-content--journal > ul,
  .du-journal-layout.has-side-notes .du-content--journal > ol,
  .du-journal-layout.has-side-notes .du-content--journal > blockquote,
  .du-journal-layout.has-side-notes .du-content--journal > h2,
  .du-journal-layout.has-side-notes .du-content--journal > h3,
  .du-journal-layout.has-side-notes .du-content--journal > h4 {
    max-width: 100%;
  }
}
.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__intro,
.du-data-header__meta {
  display: grid;
  gap: var(--du-space-4);
}

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

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

.du-fact-grid {
  background: var(--du-color-surface);
  border: 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 {
  margin: 0;
}

@media (min-width: 64rem) {
  .du-data-header {
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
  }
}
.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);
}