/* Shared opening coordinates for the six pages reached from the main menu. */
@media screen {
  :root {
    --opening-top: 32px;
    --opening-eyebrow-height: 18.6px;
    --opening-title-gap: 23px;
    --opening-title-size: clamp(55px, 5.5vw, 80px);
    --opening-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    --opening-column-gap: clamp(36px, 4vw, 64px);
  }

  .home-page > main { padding-block-start: var(--opening-top); }
  body.home-page:not(.section-page) .book-hero { padding-block-start: 0; }
  .home-page:not(.section-page) #inicio { scroll-margin-block-start: var(--opening-top); }
  .section-page #panorama,
  .section-page #evidencias { padding-block-start: 0; }

  .home-page .book-layout,
  .section-page .page-heading,
  .home-page.section-page .info-intro,
  .section-page #evidencias > .section-intro {
    display: grid;
    grid-template-columns: var(--opening-columns);
    column-gap: var(--opening-column-gap);
    align-items: start;
  }
  .section-page .page-heading { row-gap: 0; padding-block: 0 32px; }
  .page-heading > .book-kicker,
  .page-heading > h1 { grid-column: 1; }
  .section-page main > .page-heading + * { margin-block-start: 0; }
  .home-page .book-intro { align-self: start; }

  .home-page .book-intro > .book-kicker,
  .section-page .page-heading > .book-kicker,
  .section-page .info-intro > div > .book-kicker,
  .section-page #evidencias > .section-label {
    min-block-size: var(--opening-eyebrow-height);
    margin: 0 0 var(--opening-title-gap);
    padding: 0;
    border: 0;
    color: #5c4354;
    background: none;
  }

  .home-page .book-intro h1,
  .section-page .page-heading h1,
  .section-page .info-intro h1,
  .section-page #evidencias .section-intro h1 {
    min-inline-size: 0;
    max-inline-size: 100%;
    margin: 0;
    padding: 0;
    font: 500 var(--opening-title-size)/1.02 Archivo, Arial, sans-serif;
    letter-spacing: -.055em;
    color: var(--wine);
  }
  .home-page .book-intro h1 em,
  .section-page .page-heading h1 em,
  .section-page .info-intro h1 em,
  .section-page #evidencias .section-intro h1 em {
    font-size: 1em;
    line-height: inherit;
    font-weight: 400;
    color: var(--magenta);
  }

  /* Remove the extra inset from openings that formerly used colored panels. */
  .home-page.section-page .info-intro,
  .section-page #evidencias > .section-intro {
    padding: 0;
    margin: 0 0 32px;
    color: var(--wine);
    background: none;
  }
  .section-page .info-intro > p {
    margin: calc(var(--opening-eyebrow-height) + var(--opening-title-gap)) 0 0;
  }
  .section-page #evidencias > .section-label { max-inline-size: 650px; gap: 12px; }
  .section-page #evidencias > .section-label > span:first-child { white-space: nowrap; }
  .section-page #evidencias > .section-label > span:last-child { text-align: end; }
  .section-page #evidencias > .section-intro > div { margin: 0; }
  .home-page .book-description,
  .section-page .info-intro > p,
  .section-page #evidencias .section-intro > div > p:not(.small) {
    font-size: 16px;
    line-height: 1.8;
    color: var(--muted);
  }

  @media (min-width: 701px) and (max-width: 1000px) {
    :root {
      --opening-title-size: clamp(48px, 6.5vw, 68px);
      --opening-columns: minmax(0, 1.15fr) minmax(230px, .85fr);
      --opening-column-gap: 30px;
    }
  }
  @media (max-width: 700px) {
    :root {
      --opening-top: 24px;
      --opening-title-size: clamp(36px, 10.9vw, 65px);
      --opening-columns: minmax(0, 1fr);
      --opening-column-gap: 0px;
    }
    .section-page .info-intro,
    .section-page #evidencias > .section-intro { row-gap: 20px; }
    .section-page .info-intro > p { margin: 0; }
  }
  @media (max-width: 380px) {
    :root { --opening-eyebrow-height: 37.2px; }
  }
}