/*
 * PAGE: Static Pages
 */

.static-page-container {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}

/* READABILITY LAW */
.narrow-readable {
    max-width: 70ch;
    /* Optimal line length */
    margin-left: auto;
    margin-right: auto;
}

/* TYPOGRAPHY OVERRIDES */
.page-title {
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.page-content {
    font-size: var(--text-body);
    line-height: 1.6;
    color: var(--color-ink-secondary);
}

.page-content h2 {
    font-size: var(--text-h2);
    margin-top: var(--space-l);
    margin-bottom: var(--space-s);
    color: var(--color-ink-primary);
}

.page-content h3 {
    font-size: var(--text-h3);
    margin-top: var(--space-m);
    margin-bottom: var(--space-s);
}

.page-content p {
    margin-bottom: var(--space-m);
}

.page-content ul,
.page-content ol {
    margin-bottom: var(--space-m);
    padding-left: var(--space-m);
}

.page-content li {
    margin-bottom: var(--space-xs);
}