/* .privacy-content { */

.title-wrapper {
    padding-block: clamp(2.25rem, 7vw, 5rem);
    /* padding-bottom: clamp(2.25rem, 7vw, 5rem); */
    background-image: url("../images/time-pattern.svg");
    border-image: fill 1 linear-gradient(hsla(223, 88%, 97%, 0.3), hsla(223, 88%, 97%, 0.3));
}

h1 {
    color: var(--tertiary-clr);
    max-width: 25ch;
    font-size: var(--fs-800);
}

article {
    counter-reset: privacy-counter;

    &:first-child {
        padding-top: 2.5rem;
        /* padding-top: clamp(2.25rem, 7vw, 5rem); */
    }

    padding-bottom: 2.5rem;

    &:last-child {
        padding-bottom: clamp(2.25rem, 7vw, 5rem);
    }

    p:not(:last-child),
    ul,
    dl {
        padding-bottom: 1rem;
    }


    h2 {
        font-size: var(--fs-700);
        font-weight: var(--fw-600);
        color: var(--tertiary-clr);
        border-bottom: 2px solid var(--secondary-clr-10);
        padding-bottom: 0.5rem;

    }

    h3 {


        margin-bottom: 0.75rem;
        font-size: var(--fs-600);
        font-weight: var(--fw-900);
        line-height: 1.25;
        color: var(--tertiary-clr);

        &::before {
            counter-increment: privacy-counter;
            content: counter(privacy-counter)".";
            padding-right: 0.5ch;
        }
    }

    h4 {
        color: var(--black-clr);
        font-size: var(--fs-500);
        font-weight: var(--fw-600);
    }

    p,
    ul,
    dl {
        font-size: var(--fs-400);
        line-height: 1.7;
    }

    dl {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 1ch;
    }

    dt {
        color: var(--black-clr);
        font-weight: var(--fw-600);
    }

    ul {
        margin-left: 2rem;
    }

    a {
        color: var(--secondary-clr);

        &:hover {
            text-decoration: underline;
        }
    }
}

.italic {
    font-style: italic;
}