/* Legal pages — Ward Communities */
.legal-top { background: var(--ward-emerald); display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px clamp(16px, 4vw, 40px); }
.legal-top__brand img { height: 42px; width: auto; display: block; filter: brightness(0) invert(1); opacity: 0.97; }
.legal-top__back { font: 600 13px/1 'Open Sans', sans-serif; color: rgba(255,255,255,0.85); text-decoration: none; letter-spacing: 0.02em; transition: color 200ms cubic-bezier(0.16,1,0.3,1); }
.legal-top__back:hover, .legal-top__back:focus-visible { color: #fff; }

.legal { background: var(--ward-cloud); padding: clamp(48px, 8vw, 96px) clamp(16px, 4vw, 40px); }
.legal__container { max-width: 760px; margin-inline: auto; }
.legal__eyebrow { font: 700 12px/1 'Open Sans', sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ward-citrus); margin: 0 0 12px; }
.legal__title { font: 300 clamp(34px, 5vw, 52px)/1.1 'Montserrat', sans-serif; color: var(--ward-emerald); margin: 0 0 8px; }
.legal__updated { font: 400 13px/1.5 'Open Sans', sans-serif; color: var(--ward-pebble); margin: 0 0 40px; }
.legal h2 { font: 500 clamp(20px, 2.6vw, 26px)/1.25 'Montserrat', sans-serif; color: var(--ward-emerald); margin: 40px 0 12px; }
.legal p, .legal li { font: 400 16px/1.75 'Open Sans', sans-serif; color: var(--ward-pebble); }
.legal p { margin: 0 0 16px; }
.legal ul { margin: 0 0 16px; padding-left: 22px; }
.legal li { margin: 0 0 8px; }
.legal a { color: var(--ward-emerald); text-decoration: underline; text-underline-offset: 2px; }
.legal strong { color: var(--ward-emerald); }

.legal-foot { background: var(--ward-emerald); color: rgba(255,255,255,0.7); padding: 28px clamp(16px, 4vw, 40px); }
.legal-foot__inner { max-width: 1000px; margin-inline: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; font: 400 12px/1.5 'Open Sans', sans-serif; }
.legal-foot__inner p { margin: 0; }
.legal-foot__links { display: flex; flex-wrap: wrap; gap: 16px; }
.legal-foot__links a, .legal-foot__credit a { color: rgba(255,255,255,0.7); text-decoration: none; transition: color 200ms cubic-bezier(0.16,1,0.3,1); }
.legal-foot__links a:hover, .legal-foot__links a:focus-visible, .legal-foot__credit a:hover, .legal-foot__credit a:focus-visible { color: var(--ward-citrus); }
@media (max-width: 600px) { .legal-foot__inner { justify-content: center; text-align: center; } }