main > hgroup {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--color-surface-darkest);
    color: var(--color-background);
    padding-block: 3rem;
    line-height: 1.5;

    & .size-container {
        display: flex;

        & > div:first-child {
            flex-grow: 1;
        }

        & > div:last-child {
            display: flex;
            gap: 2rem;
            align-items: center;

            & p {
                width: 35ch;
                text-wrap: balance;

                & > span {
                    color: hsl(from var(--color-brand-orange) h s calc(l * 1.25));
                    font-weight: 700;
                } 
            }

            & hr {
                height: 100%;
                border-width: 2px;
                border-inline-start: 0;
                border-color: var(--color-brand-orange);
            }
        }
    }

    & .size-container > div:first-child p {
        width: 80ch;
        text-wrap: balance;

        &:first-child {
            color: var(--color-brand-orange);
            font-weight: 700;
            letter-spacing: 0.05em;
        }
    }
}


main > p {
    margin-inline: auto;
    width: min(100rem, 90vw);
}

.policies-and-commitment-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;

    & hr {
        border-color: color-mix(in oklch, black 5%, white);
    }
}

h3 {
    font-weight: 600;
}

#policy-viewer {
    display: flex;
    width: min(100rem, 90vw);
    margin-inline: auto;
    align-items: start;
    margin-block: 3rem;

    & nav {
        width: 25%;
        position: sticky;
        top: 1rem;

        & ul {
            list-style-type: none;
            padding: 0;
        }
    }
}