/* Datamine Shell Layout & Typography Primitives */

:root {
  --dm-shell-max: 1440px;
  --dm-editorial-max: 1220px;
  --dm-prose-max: 74ch;
  --dm-reading-max: 820px;
  --dm-directory-max: 960px;
}

/* Skip to Content Accessibility Link */
.skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  z-index: 1000;
  padding: 8px 14px;
  background: var(--dm-gold, #f5d97a);
  color: #0c0812;
  font-family: var(--dm-font-ui, "Barlow", sans-serif);
  font-size: 13px;
  font-weight: 700;
  border-radius: var(--dm-radius-sm, 6px);
  text-decoration: none;
  transition: top 0.15s ease;
}

.skip-link:focus,
.skip-link:focus-visible {
  top: 16px;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .skip-link { transition: none; }
}

/* Shell & Reading Layout Containers */
.shell-layout {
  max-width: var(--dm-shell-max);
  margin: 0 auto;
  padding: 24px 20px 64px;
  width: 100%;
}

.editorial-layout {
  max-width: var(--dm-editorial-max);
  margin: 0 auto;
  padding: 24px 20px 64px;
  width: 100%;
}

.reading-layout {
  max-width: var(--dm-reading-max);
  margin: 0 auto;
  padding: 24px 20px 64px;
  width: 100%;
}

.directory-layout {
  max-width: var(--dm-directory-max);
  margin: 0 auto;
  padding: 24px 20px 64px;
  width: 100%;
}

/* Technical Typography Helper Tokens */
.dm-tech {
  font-family: var(--dm-font-mono, "JetBrains Mono", monospace);
}

.dm-path,
.dm-id {
  font-family: var(--dm-font-mono, "JetBrains Mono", monospace);
  font-size: 12px;
  letter-spacing: 0.02em;
}

.dm-version {
  font-family: var(--dm-font-mono, "JetBrains Mono", monospace);
  font-weight: 700;
}

.dm-tabular {
  font-variant-numeric: tabular-nums;
}

/* Page Heading Primitives */
.dm-page-eyebrow {
  margin: 0 0 6px;
  color: var(--dm-gold, #f5d97a);
  font: 700 11px/1 var(--font-sans);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dm-page-title {
  margin: 0;
  color: var(--dm-text-strong, #f4f0f6);
  font-family: var(--font-sans);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.dm-page-subtitle {
  margin: 6px 0 0;
  color: var(--dm-muted, #918899);
  font-family: var(--font-sans);
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.5;
}