/*
  Project detail page: one centered <article class="project detail">.
  Side nav (prev / next project) sits below.
*/

.page-project-detail {
  padding-inline: max(var(--space-md), calc((100vw - var(--width-content)) / 2));
  padding-block: var(--space-lg) var(--space-4xl);
  max-inline-size: var(--width-content);
  margin-inline: auto;
}

.page-project-detail > .project.detail {
  max-inline-size: var(--width-narrow);
  margin-inline: auto;
}

/* Prev / next arrow buttons live in assets/siblings.css (shared). */