/* Legal pages — privacy, terms, account deletion.
   Long-form prose, so the measure is narrower than the marketing pages and
   the vertical rhythm is set by the headings rather than by section bands. */

.ce-legal {
    background: linear-gradient(180deg, var(--ce-cream) 0%, #fff 340px);
    padding: 44px 0 84px;
}
.ce-legal__wrap { max-width: 760px; }

.ce-legal__crumb { font-size: 13.5px; color: var(--ce-muted); margin-bottom: 20px; }
.ce-legal__crumb a { color: inherit; }
.ce-legal__crumb a:hover { color: var(--ce-brand-500); }

.ce-legal h1 {
    font-size: clamp(34px, 3.6vw, 46px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.03em;
}
.ce-legal__meta {
    font-family: var(--ce-mono);
    font-size: 12px;
    color: var(--ce-muted);
    margin-top: 12px;
}

.ce-legal__body {
    margin-top: 34px;
    /* A measure this wide is comfortable for policy text at 16.5px. */
    font-size: 16.5px;
    line-height: 1.68;
    color: var(--ce-body);
}
.ce-legal__body p { margin: 0 0 18px; }

.ce-legal__body h2 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.015em;
    color: var(--ce-ink);
    margin: 40px 0 12px;
    padding-top: 22px;
    border-top: 1px solid var(--ce-line);
}
.ce-legal__body h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.ce-legal__body h3 {
    font-size: 16.5px;
    font-weight: 600;
    color: var(--ce-ink);
    margin: 26px 0 8px;
}

.ce-legal__body ul,
.ce-legal__body ol { margin: 0 0 18px; padding-left: 22px; }
.ce-legal__body li { margin-bottom: 8px; }

.ce-legal__body a {
    color: var(--ce-brand-500);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.ce-legal__body a:hover { color: var(--ce-brand-700); }

.ce-legal__body strong { color: var(--ce-ink); font-weight: 600; }

.ce-legal__body code {
    font-family: var(--ce-mono);
    font-size: .92em;
    background: var(--ce-sand);
    padding: 2px 6px;
    border-radius: var(--ce-r-xs);
    overflow-wrap: anywhere;
}

/* Email addresses and long URLs must not push the page sideways. */
.ce-legal__body { overflow-wrap: break-word; }

.ce-legal__body table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px;
    font-size: 15px;
}
.ce-legal__body th,
.ce-legal__body td {
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid var(--ce-line);
}
.ce-legal__body th { color: var(--ce-ink); font-weight: 600; }