/*==================================================
MAISON CINNAMONN
LEGAL PAGES
==================================================*/

.legal-page {

    padding: calc(var(--header-height) + var(--space-md)) 0 var(--space-lg);

    background: var(--color-background);

}


.legal-page .container-sm {

    width: min(var(--container-sm), 90%);

    margin: 0 auto;

}


.legal-page h1 {

    margin: 20px 0 14px;

    font-family: var(--font-serif);

    font-weight: 400;

    font-size: clamp(2.6rem, 5vw, 4rem);

    line-height: 1.1;

    color: var(--color-text);

}


.legal-updated {

    margin: 0 0 56px;

    font-family: var(--font-sans);

    font-size: .72rem;

    letter-spacing: .2em;

    text-transform: uppercase;

    color: var(--color-text-light);

}


.legal-page h2 {

    margin: 52px 0 16px;

    font-family: var(--font-serif);

    font-weight: 400;

    font-size: 1.9rem;

    line-height: 1.25;

    color: var(--color-text);

}


.legal-page p,
.legal-page li {

    font-family: var(--font-sans);

    font-size: 1rem;

    font-weight: 300;

    line-height: 1.85;

    color: var(--color-text-light);

}


.legal-page p {

    margin: 0 0 16px;

}


.legal-page ul {

    margin: 12px 0 16px;

    padding-left: 1.2em;

}


.legal-page li {

    margin-bottom: 10px;

}


.legal-page strong {

    font-weight: 500;

    color: var(--color-text);

}


.legal-page a {

    color: var(--color-text);

    border-bottom: 1px solid var(--color-accent);

    transition: opacity var(--transition);

}


.legal-page a:hover {

    opacity: .6;

}


/* Items the owner still has to fill in before publishing */

mark.todo {

    padding: 0 .3em;

    background: #FFF1B8;

    color: #1B1B1B;

}


@media (max-width: 700px) {

    .legal-page h2 {

        font-size: 1.6rem;

    }

}