body:has(.grid-header) main {
    padding-top: var(--grid-gutter);
}

header:has(.grid-header) {
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter);
    width: 100%;
}

.page-header {
    border-bottom: 1px solid var(--color-lighter-brown);
    padding-bottom: var(--grid-gutter);

    display: flex;
    flex-direction: column;
    gap: var(--grid-gutter);
}

.grid-header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.grid-header__title {
    padding-bottom: 0;
}

.grid-header__title,
.grid-header__description {
    text-align: center;
    max-width: var(--max-tablet-width);
}