/**
 * ==========================================================================
 * StabilityTest Theme - Page Styles
 * ==========================================================================
 *
 * Styles for standard WordPress pages.
 *
 * Responsibilities:
 *
 * - Page layout
 * - Static content pages
 * - About page
 * - Contact page
 * - Privacy Policy
 * - Terms of Use
 *
 * This file should contain styling specific to page.php
 * templates.
 *
 * @package StabilityTest_Theme
 * @since 1.0.0
 * ==========================================================================
 */

.site-page {
    max-width: var(--stabilitytest-content-width);
    margin: 0 auto;
    padding: 72px 24px;
}

.site-page__title {
    margin: 0 0 32px;
    font-size: clamp(2rem, 5vw, 3.8rem);
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.site-page__content {
    color: var(--stabilitytest-color-text-subtle);
}

.site-page__content h1:first-child,
.site-page__content h2:first-child,
.site-page__content h3:first-child {
    margin-top: 0;
}

.site-page__content p,
.site-page__content ul,
.site-page__content ol {
    margin-bottom: 1.25rem;
}

.site-page__content ul,
.site-page__content ol {
    padding-left: 1.5rem;
}

.site-page__content li {
    margin-bottom: 0.5rem;
}

.site-page__content a {
    color: var(--stabilitytest-color-primary);
}

.site-page__content a:hover {
    opacity: 0.9;
}