/* Privacy — a page of prose, so it is set like prose.
   ================================================================
   Long measure is the enemy here: this is the one screen somebody
   reads rather than scans, and a 900px line on a laptop is a line
   nobody finishes. Capped at a readable measure and centred.
   ================================================================ */

.bb-privacy {
    max-width: 62ch;
    margin: 0 auto;
    padding: var(--bb-space-4) var(--bb-space-4) var(--bb-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-3);
}

.bb-privacy-title {
    font-family: var(--bb-font-display);
    font-size: var(--bb-text-xl, 1.5rem);
    margin: 0 0 var(--bb-space-2);
    color: var(--bb-accent-primary);
}

.bb-privacy-lede {
    margin: 0;
    color: var(--bb-text-secondary);
}

.bb-privacy-section { padding: var(--bb-space-3); }

.bb-privacy-heading {
    font-family: var(--bb-font-display);
    font-size: var(--bb-text-lg, 1.125rem);
    margin: 0 0 var(--bb-space-2);
    color: var(--bb-text-primary);
}

/* 1.6 rather than the app's default. Everywhere else the line height
   serves density; here it serves reading. */
.bb-privacy-text,
.bb-privacy-list {
    margin: 0 0 var(--bb-space-2);
    line-height: 1.6;
    color: var(--bb-text-secondary);
}

.bb-privacy-list {
    padding-left: 1.2em;
    display: flex;
    flex-direction: column;
    gap: var(--bb-space-2);
}

.bb-privacy-text:last-child,
.bb-privacy-list:last-child { margin-bottom: 0; }