/* Legal pages — shared layout (uses crest.css design tokens) */
.legal { max-width: 820px; margin: 0 auto; padding: 150px var(--pad) 110px; color: rgba(23,56,44,.9); }
.legal .eyebrow { color: var(--sage); }
.legal h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(34px, 6vw, 54px); color: var(--forest); margin: 6px 0 8px; line-height: 1.04; }
.legal-updated { font-family: var(--mono); font-size: 12px; letter-spacing: .08em; color: var(--sage); text-transform: uppercase; margin-bottom: 34px; }
.legal h2 { font-family: var(--serif); font-weight: 600; font-size: 23px; color: var(--forest); margin: 32px 0 8px; }
.legal p, .legal li { font-size: 15.5px; line-height: 1.72; }
.legal ul, .legal ol { margin: 8px 0 8px 22px; }
.legal li { margin-bottom: 7px; }
.legal a { color: var(--forest); text-decoration: underline; }
.legal-contact { line-height: 2.1; }
.legal-nav { margin-top: 50px; padding-top: 24px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 20px; font-family: var(--mono); font-size: 12.5px; letter-spacing: .04em; }
.legal-nav a { color: rgba(23,56,44,.7); text-decoration: none; }
.legal-nav a:hover { color: var(--forest); }