@layer pages {
  .pages__rules {
    --row-gap: var(--block-space-double);
    --panel-border-color: transparent;
    --panel-border-size: 0;

    .main {
      margin-bottom: calc(var(--block-space) * 4);
    }

    h1 {
      color: var(--color-theme-cinnamon-darker);
      text-align: center;
      margin-bottom: var(--block-space);
    }

    .panel {
      h2 {
          color: var(--color-theme-cinnamon-dark)
      }

      a {
        color: var(--color-theme-moss-dark);
        text-decoration: none;

        @media (any-hover: hover) {
          &:hover {
              color: var(--color-theme-rose-darker);
          }
        }
      }
    }
  }
}