/* Shared type scale for the landing page and all editorial pages. */
:root {
    --site-font: futura-pt, sans-serif;
    --type-body: 1.125rem;
    --type-meta: 1rem;
    --type-title: clamp(1.75rem, 7vw, 3rem);
    --type-subtitle: clamp(1.375rem, 4vw, 1.75rem);
    --leading-body: 1.6;
}
body { font-family: var(--site-font); }

/* The hero and the subordinate survey heading retain their own hierarchy. */
.content-section h2.text-5xl,
.legal-main > h1,
.survey-page > h1 {
    font-size: var(--type-title);
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: normal;
    hyphens: auto;
}
.content-section .text-lg,
.legal-main article,
.survey-intro,
.survey-responses {
    font-size: var(--type-body);
    line-height: var(--leading-body);
}
.legal-main article h2,
.survey-page .survey-responses h2 {
    font-size: var(--type-subtitle);
    font-weight: 700;
    line-height: 1.35;
}
.legal-header { font-size: var(--type-body); line-height: 1.5; }
.legal-footer { font-size: .875rem; line-height: 1.5; }

/* Identical survey markup must not inherit different page-level defaults. */
.survey-results,
.survey-scale { font-size: var(--type-meta); line-height: 1.5; }