/*
 * Styles for the generic fixed-page template (page.php) only. Used by any
 * page without a dedicated page-templates/*.php template. Reuses the same
 * spacing scale as the dedicated page templates (about/contact/creator/
 * daily), but keeps the body text left-aligned instead of centered, since
 * it holds free-form prose (e.g. a privacy policy) rather than short
 * centered lines.
 */

.generic-page__article {
    padding-block: clamp(70px, 10vw, 160px);
}

.generic-page__inner {
    max-width: 640px;
    margin-inline: auto;
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
    text-align: left;
}

.generic-page__heading {
    margin: 0 0 24px;
    font-size: clamp(24px, 4vw, 32px);
    text-align: center;
}

.generic-page__content h2 {
    margin: 40px 0 20px;
    font-size: clamp(20px, 3.5vw, 26px);
}

.generic-page__content p {
    margin: 0 0 20px;
}

.generic-page__content p:last-child {
    margin-bottom: 0;
}

.generic-page__content ul,
.generic-page__content ol {
    margin: 0 0 20px;
    padding-left: 1.4em;
}

.generic-page__content li {
    margin-bottom: 8px;
}

.generic-page__content li:last-child {
    margin-bottom: 0;
}

.generic-page__content a {
    padding-bottom: 2px;
    border-bottom: 1px solid currentColor;
}

.generic-page__content a:hover,
.generic-page__content a:focus-visible {
    color: var(--color-pink);
}