/* The legal pages, in the homepage's clothes (site.css): one readable column on
   the fridge door, set as a note. */
.legal { max-width: 46rem; margin: 2rem auto 5rem; }
.legal .note { padding: 2rem 1.5rem 2.5rem; }
@media (min-width: 900px) { .legal .note { padding: 3rem 3.5rem 3.5rem; } }
.legal h1 { font-family: 'Young Serif', Georgia, serif; font-weight: 400;
            font-size: clamp(2.25rem, 4.4vw, 3.25rem); line-height: 1.05; }
.legal .effective { color: var(--ink-2); margin: 0.5rem 0 2rem; font-size: 0.9375rem; }
.legal h2 { font-family: 'Young Serif', Georgia, serif; font-weight: 400; font-size: 1.5rem;
            line-height: 1.15; margin: 2.5rem 0 0.6rem; }
.legal h3 { font-size: 1.0625rem; margin: 1.5rem 0 0.4rem; }
.legal p, .legal li { line-height: 1.6; }
.legal p + p { margin-top: 0.9em; }
.legal ul { padding-left: 1.2rem; margin: 0.5rem 0 0; }
.legal li { margin: 0.4rem 0; }
.legal .short { background: var(--mint); padding: 1rem 1.25rem; border-radius: 8px; }
.legal .short ul { margin-top: 0.4rem; }