/**
 * Terms of Service and Privacy Policy pages (/terms, /privacy; docs/features/STORE_COMPLIANCE.md).
 *
 * Loaded by legal/_page.html (the page around legal/terms.html and legal/privacy.html) through
 * {% block page_css %}, right after pocket.css.
 */

/* Plain text on the page, no card: a long read. */
.pocket-legal {
    line-height: 1.6;
}

.pocket-legal-version {
    font-size: var(--pocket-font-size-sm);
    color: var(--pocket-text-secondary);
    margin: 0 0 var(--pocket-space-sm) 0;
}

/* The shared .pocket-title draws it; only the space under it is the page's. */
.pocket-legal-title {
    margin-bottom: var(--pocket-space-lg);
}

.pocket-legal h2 {
    font-size: var(--pocket-font-size-base);
    font-weight: 600;
    margin: var(--pocket-space-lg) 0 var(--pocket-space-sm) 0;
}

.pocket-legal p,
.pocket-legal li {
    font-size: var(--pocket-font-size-sm);
    margin: 0 0 var(--pocket-space-md) 0;
}

.pocket-legal ul {
    margin: 0 0 var(--pocket-space-md) 0;
    padding-left: var(--pocket-space-xl);
}

.pocket-legal a {
    color: var(--pocket-active);
}