:root {
  --screen-width: 76rem;
  --page-height: 100vh;
  --measure: 31rem;
  --page-inline: clamp(2rem, 7vw, 6rem);
  --cover-padding: var(--space-12) 0;
  --cover-measure: 34rem;
  --cover-title-size: clamp(3.4rem, 7vw, 5.2rem);
  --chapter-title-size: 2rem;
  --body-size: 1rem;
  --statement-size: 1.42rem;
}

@page {
  size: A4 landscape;
  margin: 22mm 26mm;
}

.landscape-editorial .cover {
  grid-template-columns: 0.95fr 1.05fr;
  grid-template-rows: auto 1fr auto;
  column-gap: var(--space-16);
}

.landscape-editorial .brand,
.landscape-editorial .cover__meta {
  grid-column: 1 / -1;
}

.landscape-editorial .cover__title {
  grid-column: 2;
  align-self: center;
}

.landscape-editorial .chapter,
.landscape-editorial .practice {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(10rem, 0.7fr) minmax(28rem, 1fr);
  column-gap: var(--space-16);
  align-items: start;
}

.landscape-editorial .section-kicker,
.landscape-editorial .chapter h1,
.landscape-editorial .practice h1 {
  grid-column: 1;
}

.landscape-editorial .chapter > p,
.landscape-editorial .chapter > blockquote,
.landscape-editorial .practice > p,
.landscape-editorial .practice-item {
  grid-column: 2;
}

.landscape-editorial .statement {
  grid-column: 2;
  justify-self: end;
  margin-right: 8%;
}

.landscape-editorial .practice-structure div {
  grid-template-columns: 8rem minmax(22rem, 1fr);
}

@media print {
  html {
    font-size: 10.7pt;
  }

  .cover {
    min-height: calc(210mm - 44mm);
    padding: 0;
    break-after: page;
  }

  .chapter,
  .practice {
    padding-top: 0;
    padding-bottom: 0;
  }
}