body > main.site-main > section.page-content > section.page-wrapper {
  &.sessions-page-wrapper, turbo-frame#account_actions {
    display: flex;
    gap: var(--spacing);
    justify-content: center;
    align-content: center;
  }
  &.registration-page-wrapper, turbo-frame#account_actions { select, input { max-width: var(--default-field-max-width); } }
  &.registration-page-wrapper,
  &.panels-page-wrapper,
  &.detail-lists-page-wrapper > div.detail-list-group-container,
  &.forms-page-wrapper,
  &.record-block-page-wrapper > article.record-block {
    max-width: var(--description-paragraph-max-width);
    margin: var(--margin-auto-center);
  }
  &.panels-page-wrapper {
    &> div.panels-container {
      &+ div.panels-container { margin-top: var(--spacing); }
      &> header.content-group-header + div.content-group-grid { margin-top: var(--spacing); }
    }
  }
  &.detail-lists-page-wrapper {
    &> div.detail-list-group-container {
      margin: var(--margin-auto-center);
      &> header.content-group-header + div.content-group-detail-list {
        margin-top: var(--spacing);
      }
      &> div.content-group-detail-list {
        &> article.list {
          &> header {
            margin: var(--margin-auto-center);
          }
          &> div.detail-list-items {
            &> ul.detail-list-items {
              border: var(--spacing-fourth) solid hsl(var(--color-border) / 0.25);
              &> li.row {
                &> div.image {
                  transition: opacity var(--transition-base);
                  opacity: 0.925;
                }
                &> div.text {
                  div.links {
                    display: flex;
                    gap: var(--spacing-half);
                  }
                }
                &:hover { &> div.image { opacity: 1; } }
                display: flex;
                gap: var(--spacing);
                padding: var(--spacing-half);
                transition: background-color var(--transition-base);
                &:nth-of-type(odd) {
                  background-color: hsl(var(--color-surface) / 0.125);
                }
                &:nth-of-type(even) {
                  background-color: hsl(var(--color-surface-dark) / 0.125);
                }
                &:not(:first-of-type) { border-top: var(--spacing-fourth) solid hsl(var(--color-border) / 0.25); }
              }
            }
          }
        }
      }
    }
  }
  &.forms-page-wrapper {
    &> form {
      legend {
        font-size-adjust: 0.45;
        color: hsl(var(--color-text-faded) / 0.75);
      }
      fieldset {
        border: var(--border-width) solid hsl(var(--color-border) / 0.75);
        border-radius: var(--radius-sm);
        background-color: hsl(var(--color-surface-dark) / 0.125);
      }
      fieldset + fieldset {
        margin-top: var(--spacing)
      }
      &> div.form-blocks {
        &> fieldset {
          padding: var(--spacing-half);
        }
        .vertical-subgrid {
          display: grid;
          grid-template-columns: max-content 1fr;
          gap: var(--spacing-half);
          &> .field {
            display: contents;
          }
        }
        &> fieldset > div.fields {
          &::before {
            content: "";
            display: block;
            width: 100%;
            height: calc(var(--spacing) * 2);
            background-color: hsl(var(--color-surface-dark) / 0.5);
            margin-top: var(--spacing);
            margin-bottom: var(--spacing);
          }
          margin-top: var(--spacing-half);
          margin-bottom: var(--spacing-half);
          .inline-icon {
            display: inline;
            width: var(--page-font-size);
            vertical-align: text-top;
          }
          div.field {
            &:not(:first-child) { margin-top: var(--spacing-half); }
            display: grid;
            grid-template-columns: minmax(max-content, var(--image-thumbnail-size)) 1fr;
            gap: var(--spacing-half);
            &> div.nested-form-left {
              justify-content: center;
              justify-self: center;
              align-content: center;
              align-self: center;
            }
          }
          div.nested-fields {
            &> div.field {
              border-top: calc(var(--border-width) * 4) solid hsl(var(--color-border) / 0.5);
              margin-top: var(--spacing-half);
              padding-top: var(--spacing-half);
            }
          }
        }
      }
    }
  }
}