/* reach/templates/privacy.html — page styles.
 *
 * Moved out of the template. Declarations are as they were;
 * anything here that also exists in a shared stylesheet is a deliberate
 * or accidental override, and `scripts/css-redefinition-report.py`
 * lists them.
 */

@layer app {
.policy-page {
    max-width: 760px;
    margin: var(--spacing-6) auto;
    padding: 0 var(--spacing-4);
    font-size: var(--font-size-sm);
    line-height: 1.7;
    color: var(--color-gray-800);
}
.policy-page h1 { font-size: var(--font-size-xl); margin-bottom: var(--spacing-2); }
.policy-page h2 {
    font-size: var(--font-size-lg);
    margin-top: var(--spacing-5);
    margin-bottom: var(--spacing-2);
    color: var(--color-gray-900);
}
.policy-meta {
    color: var(--color-gray-600);
    font-size: var(--font-size-xs);
    margin-bottom: var(--spacing-5);
}
.policy-page ul { padding-left: var(--spacing-5); }
.policy-page li { margin-bottom: var(--spacing-1); }
.policy-footer {
    margin-top: var(--spacing-6);
    padding-top: var(--spacing-4);
    border-top: 1px solid var(--color-gray-200);
    font-size: var(--font-size-xs);
    color: var(--color-gray-600);
}
}