/*
 * Shared styles for legal and company pages (static_pages).
 * Theme-neutral on purpose: type and text color are inherited from each theme's layout.
 */
.static-page {
    --static-line: rgba(127, 127, 127, .28);

    max-width: 680px;
    margin: 0 auto;
    min-height: 60vh;
    padding: 1.5rem 1rem 3rem;
    line-height: 1.75;
    /* Legal copy contains long bare URLs; let them wrap instead of forcing a horizontal scroll */
    overflow-wrap: anywhere;
}

.static-page__crumb {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    font-size: .8rem;
    opacity: .7;
}

.static-page a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: .2em;
}

.static-page__crumb a {
    text-decoration: none;
}

.static-page h1 {
    margin: 1.25rem 0 1rem;
    font-size: 2rem;
    line-height: 1.2;
}

.static-page h2 {
    margin: 2rem 0 .5rem;
    font-size: 1.3rem;
    line-height: 1.3;
}

.static-page h3,
.static-page h4 {
    margin: 1.5rem 0 .4rem;
    font-size: 1.05rem;
}

.static-page p,
.static-page ul,
.static-page ol {
    margin: 0 0 1rem;
}

.static-page ul,
.static-page ol {
    padding-left: 1.4rem;
}

.static-page__sources {
    columns: 2;
    column-gap: 2rem;
}

.static-page__updated {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--static-line);
    font-size: .8rem;
    opacity: .65;
}

@media (max-width: 480px) {
    .static-page h1 {
        font-size: 1.6rem;
    }

    .static-page__sources {
        columns: 1;
    }
}