/* Legal pages: readable long text on the brand background */
.legal { max-width: 46rem; padding-block: clamp(2rem, 5vw, 3.5rem) clamp(3rem, 6vw, 4.5rem); }
.legal article { padding: clamp(1.5rem, 4vw, 2.75rem); border: 1px solid var(--line); border-radius: 1.25rem; background: #fff; box-shadow: var(--shadow); }
.legal .h2 { font-size: clamp(1.9rem, 3.4vw, 2.5rem); }
.legal-updated { margin-top: .6rem; color: var(--muted); font-size: .9rem; }
.legal h2 { margin: 2rem 0 .6rem; color: var(--plum-900); font: 600 1.3rem/1.3 var(--serif); }
.legal p, .legal li { color: var(--text); line-height: 1.7; }
.legal p + p { margin-top: .8rem; }
.legal a { color: var(--berry); }
.legal-list { padding-left: 1.25rem; list-style: disc; }
ol.legal-list { list-style: decimal; }
.legal-list li + li { margin-top: .45rem; }
.legal-back { color: var(--plum-800); font-size: .9rem; font-weight: 650; text-decoration: none; }
.legal-back:hover { text-decoration: underline; }
.site-footer nav a[aria-current="page"] { color: var(--plum-900); font-weight: 700; }