

.i-inc-sheet,
.i-inc-leaf,
.i-inc-index{
  --inc-ink: var(--color-text);
  --inc-paper: var(--color-bg);
  --inc-card: var(--color-bg-elevated);
  --inc-amber: var(--color-primary);
  --inc-clay: var(--color-secondary);
  --inc-deep: var(--color-accent);
  --inc-muted: var(--color-text-muted);
  
  --inc-amber-ink: color-mix(in oklab, var(--color-primary) 72%, var(--color-text));
  --inc-rule: color-mix(in oklab, var(--color-text) 14%, var(--color-bg));
  --inc-rule-soft: color-mix(in oklab, var(--color-text) 8%, var(--color-bg));
  --inc-track: color-mix(in oklab, var(--color-text) 10%, var(--color-bg));
  --inc-clay-wash: color-mix(in oklab, var(--color-secondary) 14%, var(--color-bg));
  --inc-sans: var(--font-inter, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
  --inc-mono: var(--font-jetbrains, 'JetBrains Mono'), 'SFMono-Regular', Consolas, monospace;
  --inc-latin: var(--font-pt-serif, 'PT Serif'), Georgia, 'Times New Roman', serif;

  background: var(--inc-paper);
  color: var(--inc-ink);
  font-family: var(--inc-sans);
}
.i-inc-sheet a:focus-visible,
.i-inc-leaf a:focus-visible,
.i-inc-index a:focus-visible{
  outline: 2px solid var(--inc-amber);
  outline-offset: 2px;
}
.i-inc-sheet a.hover-title,
.i-inc-leaf a.hover-title,
.i-inc-index a.hover-title{
  background-image: none;
}
.i-inc-sheet time,
.i-inc-leaf time,
.i-inc-index time{
  font-variant-numeric: tabular-nums;
}

.i-inc-indexnav{
  padding-block: 1.1rem 1.4rem;
}


.i-inc-index{
  padding-block: 2rem 3.5rem;
}
.i-inc-index .i-inc-ph{
  margin-top: 1.4rem;
}
.i-inc-index .i-inc-zone{
  margin-top: 2.5rem;
}
.i-inc-index .i-inc-end{
  margin-top: 3rem;
}
.i-inc-index .ad-label{
  color: var(--inc-muted);
}