.secret-container {
  width: 100%;
  max-width: calc(var(--container) + var(--page-gutter) + var(--page-gutter));
  padding-inline: var(--page-gutter);
  margin-inline: auto;
}

.secret-container--wide {
  max-width: calc(var(--container-wide) + var(--page-gutter) + var(--page-gutter));
}

.secret-container--narrow {
  max-width: calc(var(--container-narrow) + var(--page-gutter) + var(--page-gutter));
}

.secret-container--form {
  max-width: calc(var(--container-form) + var(--page-gutter) + var(--page-gutter));
}

.site-main {
  min-height: calc(100vh - var(--header-height));
}

.page-shell {
  padding-block: var(--section-space);
}

.page-shell--centered {
  display: grid;
  align-items: center;
}

.secret-section {
  padding-block: var(--section-space);
}

.secret-grid {
  display: grid;
  gap: var(--space-6);
}

.secret-grid--2,
.secret-grid--3 {
  grid-template-columns: minmax(0, 1fr);
}

.secret-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
}

.page-entry__header,
.archive-header {
  margin-bottom: var(--space-7);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--secret-line);
}

.entry-content > :last-child,
.content-entry__content > :last-child,
.content-entry__summary > :last-child {
  margin-bottom: 0;
}

.entry-content > * + * {
  margin-top: var(--space-5);
}

.content-entry {
  padding-block: var(--space-7);
  border-bottom: 1px solid var(--secret-line);
}

.content-entry:first-of-type {
  padding-top: 0;
}

.content-entry__title {
  margin-bottom: var(--space-4);
}

.content-entry__title a {
  text-decoration: none;
}

.content-none,
.error-404 {
  max-width: 680px;
}

.error-404 .secret-lead {
  margin-bottom: var(--space-6);
}

@media (min-width: 768px) {
  .secret-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .secret-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}