/* /privacy, /terms and /marketplace-policy.
 *
 * Loaded per-page via extra_css rather than added to a shared bundle: these
 * pages are read once, and a rule in the global stylesheet costs every
 * other page its parse.
 */

.legal-page {
    max-width: 62rem;
}

.legal-page h2 {
    margin-top: 2rem;
    font-size: 1.35rem;
}

.legal-page h3 {
    font-size: 1.05rem;
}

.legal-updated {
    font-size: 0.9rem;
}

.legal-lede {
    font-size: 1.05rem;
}

.legal-inventory table {
    font-size: 0.94rem;
}

.legal-inventory th[scope="row"] {
    min-width: 12rem;
    white-space: normal;
}

.legal-chip {
    display: inline-block;
    margin-left: 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    vertical-align: middle;
}

.legal-optout {
    padding: 1rem 1.15rem;
    border-radius: 0.6rem;
    margin: 1rem 0 1.5rem;
}

.legal-optout__row {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.legal-optout__help {
    font-size: 0.88rem;
}

.legal-party {
    margin-bottom: 1.1rem;
}

/* One published marketplace rule. The heading carries the report-reason chip
 * inline, so it needs the tighter top margin the shared h3 rule does not
 * give it. */
.legal-rule {
    margin-bottom: 1.1rem;
}

.legal-rule h3 {
    margin-top: 1.4rem;
}

.legal-party__name {
    margin-bottom: 0.15rem;
}

.legal-choices li {
    margin-bottom: 0.55rem;
}