/* Long-form legal pages (cookie policy, privacy policy).
   The main stylesheet only covers the landing page grids. */
.legal { padding-top: 140px; }
.legal h1 { font-size: 2.5rem; margin-bottom: .5rem; color: #333; }
.legal .updated { color: #6c757d; margin-bottom: 2.5rem; }
.legal h2 { font-size: 1.5rem; text-align: left; margin: 2.5rem 0 .75rem; color: #2c3e50; }
.legal p, .legal li { max-width: 70ch; }
.legal p { margin-bottom: 1rem; }
.legal ul { margin: 0 0 1rem 1.25rem; }
.legal li { margin-bottom: .4rem; }
.legal a { color: #2c3e50; }
.legal .table-wrap { overflow-x: auto; margin-bottom: 1rem; }
.legal table { border-collapse: collapse; width: 100%; min-width: 640px; }
.legal th, .legal td { text-align: left; padding: .75rem 1rem; border-bottom: 1px solid #dee2e6; vertical-align: top; }
.legal th { background: #f8f9fa; color: #2c3e50; }
.legal code { background: #f8f9fa; padding: .1rem .35rem; border-radius: 3px; font-size: .9em; }

/* Unfilled details. Deliberately loud: this page must not go live like this. */
.legal .todo {
    background: #fff3cd;
    border: 1px solid #e0a800;
    border-radius: 3px;
    padding: .1rem .4rem;
    font-weight: 600;
    color: #7a5c00;
    white-space: nowrap;
}
.legal .todo-banner {
    background: #fff3cd;
    border-left: 4px solid #e0a800;
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
    max-width: 70ch;
}
.legal .todo-banner p { margin: 0; }