;
      }

      header nav a:hover {
        text-decoration: none;
        background: var(--gray-1);
      }

      main > .inner {
        display: grid;
        grid-template-columns: 1fr;
      }

      @media (width >= 768px) {
        header,
        main,
        footer {
          padding-inline: 1.5rem;
        }

        main > .inner {
          grid-template-columns: 1fr 3fr;
        }

        section {
          border-left: 1px solid var(--gray-2);
        }
      }

      footer {
        