/* Privacy Policy / Terms of Service pages */
body.legal-page #center-highlight { height: auto; min-height: 100vh; }
body.legal-page #footer { position: static; }

.legal-doc {
    max-width: 760px;
    margin: 30px auto 50px;
    padding: 40px 48px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 24px 40px -24px rgba(40, 60, 90, .3);
    color: #3d3d3d;
    font: 15px/1.7 Helvetica, Arial, sans-serif;
    text-shadow: none;
}
.legal-doc h1 {
    margin: 0 0 4px;
    font-family: 'ColaborateMediumRegular', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.2;
    color: #333;
}
.legal-doc .updated { margin: 0 0 24px; color: #666; font-size: 13px; }
.legal-doc h2 {
    margin: 30px 0 8px;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;   /* style.css squeezes all headings to -1px */
    line-height: 1.4;
    color: #222;
}
.legal-doc p, .legal-doc ul { margin: 0 0 12px; line-height: 1.7; }
.legal-doc ul { padding-left: 22px; list-style: disc; }
.legal-doc li { margin-bottom: 6px; }
.legal-doc strong { color: #222; }
/* #1f5fb8 on white = 6.2:1 contrast (WCAG AA) */
.legal-doc a { color: #1f5fb8; text-decoration: underline; text-underline-offset: 2px; }
.legal-doc a:hover { color: #123f7d; }
.legal-doc .box {
    margin: 0 0 20px;
    padding: 14px 18px;
    background: #f4f6f9;
    border-radius: 10px;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    /* the old responsive.css pins .container to 300px — use the full phone width */
    body.legal-page .container { width: auto; padding: 0 16px; }
    .legal-doc { margin: 20px 0 30px; padding: 26px 20px; font-size: 14px; }
    .legal-doc h1 { font-size: 28px; }
}