/* Shared geometry for every page except the front page. */
:root {
  --digi-inner-max-width: 920px;
  --digi-inner-inline-space: 16px;
  --digi-inner-top-space: 32px;
  --digi-inner-bottom-space: 96px;
  --digi-inner-panel-padding: 24px;
  --digi-inner-panel-gap: 24px;
  --digi-inner-radius: 18px;
  --digi-inner-banner-height: 220px;
}

/* Keep every internal page on the same horizontal and vertical grid. */
.digi-blog,
.digi-single,
.digi-tournament-single,
.digi-tournament-archive,
.digi-ranking-page__inner {
  width: min(calc(100% - (2 * var(--digi-inner-inline-space))), var(--digi-inner-max-width));
  margin-inline: auto;
}

.digi-blog,
.digi-single,
.digi-tournament-single,
.digi-tournament-archive {
  margin-top: var(--digi-inner-top-space);
  margin-bottom: var(--digi-inner-bottom-space);
}

.digi-ranking-page {
  padding: var(--digi-inner-top-space) 0 var(--digi-inner-bottom-space);
}

/* All internal-page banners share one exact height and corner radius. */
.digi-blog-hero,
.digi-single__hero,
.digi-tournament-single__banner,
.digi-tournament-archive__hero,
.digi-ranking-hero {
  height: var(--digi-inner-banner-height);
  min-height: var(--digi-inner-banner-height);
  border-radius: var(--digi-inner-radius);
}

/* Main framed areas use the same inset and separation. */
.digi-single__article,
.digi-single__share,
.digi-comments,
.digi-tournament-single__card,
.digi-ranking-table-wrap {
  padding: var(--digi-inner-panel-padding);
  border-radius: var(--digi-inner-radius);
}

.digi-single__share,
.digi-comments,
.digi-tournament-section + .digi-tournament-section {
  margin-top: var(--digi-inner-panel-gap);
}

.digi-blog-listing,
.digi-tournament-archive__listing,
.digi-ranking-filters {
  margin-top: var(--digi-inner-panel-gap);
}

@media (max-width: 767px) {
  :root {
    --digi-inner-inline-space: 12px;
    --digi-inner-top-space: 18px;
    --digi-inner-bottom-space: 56px;
    --digi-inner-panel-padding: 16px;
    --digi-inner-panel-gap: 16px;
    --digi-inner-radius: 16px;
    --digi-inner-banner-height: 150px;
  }

  .digi-blog,
  .digi-single,
  .digi-tournament-single,
  .digi-tournament-archive {
    width: min(calc(100% - (2 * var(--digi-inner-inline-space))), var(--digi-inner-max-width));
    margin-top: var(--digi-inner-top-space);
    margin-bottom: var(--digi-inner-bottom-space);
  }

  .digi-ranking-page {
    padding: var(--digi-inner-top-space) 0 var(--digi-inner-bottom-space);
  }

  .digi-ranking-page__inner {
    width: min(calc(100% - (2 * var(--digi-inner-inline-space))), var(--digi-inner-max-width));
  }

  .digi-blog-hero,
  .digi-single__hero,
  .digi-tournament-single__banner,
  .digi-tournament-archive__hero,
  .digi-ranking-hero {
    height: var(--digi-inner-banner-height);
    min-height: var(--digi-inner-banner-height);
    border-radius: var(--digi-inner-radius);
  }

  .digi-single__article,
  .digi-single__share,
  .digi-comments,
  .digi-tournament-single__card,
  .digi-ranking-table-wrap {
    padding: var(--digi-inner-panel-padding);
    border-radius: var(--digi-inner-radius);
  }
}