/* rally/templates/portal/sms_terms.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);
}
.consent-box {
    background: var(--color-gray-50);
    border: 1px solid var(--color-gray-200);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--radius-md);
    padding: var(--spacing-3) var(--spacing-4);
    margin: var(--spacing-4) 0;
    font-size: var(--font-size-sm);
}
.consent-box strong { display: block; margin-bottom: var(--spacing-1); }
.consent-checkbox-demo {
    font-family: var(--font-family-mono, monospace);
    background: white;
    border: 1px solid var(--color-gray-300);
    border-radius: var(--radius-sm);
    padding: var(--spacing-2) var(--spacing-3);
    margin-top: var(--spacing-2);
    display: inline-block;
}
}