main > section:nth-child(-n + 2)  {
  padding: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

main > section:nth-child(2)  {
  padding: max(var(--default-padding), calc(calc(100vw - var(--max-width)) / 2));
}

h1 {
  background-color: var(--sand-100);
  padding: var(--default-padding) max(var(--default-padding), calc(calc(100vw - var(--max-width)) / 2));
}

main ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--default-padding);
}

main ul li {
  padding: var(--default-padding);
}

main ul h2 {
  margin-bottom: var(--half-padding);
}

main > section:last-child figure figcaption {
  margin-top: 1em;
}
  
@media (max-width: 600px) {
  main ul li:nth-child(2n) {
    background-color: var(--sand-50);
  }
}

@media (min-width: 600px) {
  main ul li {
    flex: calc(50% - var(--default-padding));
  }

  main q {
    margin: var(--double-paddingq) 0px;
  }
  main > section:last-child figure {
    display: flex;
    gap: var(--double-padding);
    margin: 0px var(--double-padding);
  }

  main > section:last-child figure img {
    width: 40%;
  }
}