/* /privacy/ · /terms/ · /support/ — the long-read pages (2026-10-02, plan
   docs/superpowers/plans/2026-10-02-legal-pages.md). They borrow the ride page's
   frame (/ride/ride.css: .ride-main, .ride-kicker, .ride-title, .ride-lead) and add
   only what running text needs: section heads, paragraphs, lists, a contents list
   and a "short version" box. No new colour and no new font — cream on black, the
   site's own face; the typeface, the mark and the finish are Red's. */

.legal-doc { padding-bottom: 24px; }
.legal-doc[hidden] { display: none; }

.legal-meta { margin: 14px 0 0; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: rgba(242,237,230,.45); }

.legal-short {
  margin: 28px 0 0; padding: 18px 0;
  border-top: 1px solid rgba(242,237,230,.08); border-bottom: 1px solid rgba(242,237,230,.08);
}
.legal-short .legal-h3 { margin-top: 0; }

.legal-toc { margin: 26px 0 0; }
.legal-toc ol { margin: 8px 0 0; padding-left: 1.4em; columns: 2 220px; column-gap: 28px; }
.legal-toc li { margin: 0 0 6px; font-size: .82rem; line-height: 1.45; letter-spacing: .04em; break-inside: avoid; }
.legal-toc a { color: rgba(242,237,230,.75); text-decoration: none; border-bottom: 1px solid rgba(242,237,230,.2); }
.legal-toc a:hover, .legal-toc a:focus-visible { color: #f2ede6; border-bottom-color: rgba(242,237,230,.6); }

.legal-h2 {
  margin: 44px 0 12px; padding-top: 18px; border-top: 1px solid rgba(242,237,230,.08);
  font-size: 1.05rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #f2ede6;
  scroll-margin-top: 84px;
}
.legal-h3 { margin: 22px 0 8px; font-size: .74rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: rgba(242,237,230,.6); }

.legal-doc p,
.legal-doc li,
.legal-doc dd { font-size: .92rem; line-height: 1.62; letter-spacing: .02em; color: rgba(242,237,230,.82); overflow-wrap: anywhere; }
.legal-doc p { margin: 0 0 12px; }
.legal-doc ul { margin: 0 0 14px; padding-left: 1.2em; }
.legal-doc li { margin: 0 0 7px; }
.legal-doc strong { color: #f2ede6; font-weight: 700; }
.legal-doc a:not(.btn-primary):not(.btn-ghost) { color: #f2ede6; text-decoration: none; border-bottom: 1px solid rgba(242,237,230,.35); }
.legal-doc a:not(.btn-primary):not(.btn-ghost):hover, .legal-doc a:not(.btn-primary):not(.btn-ghost):focus-visible { border-bottom-color: rgba(242,237,230,.8); }

/* Lists of "thing — what happens to it" (retention, providers). A definition list,
   not a table: it stacks on a phone with no sideways scroll. */
.legal-dl { margin: 0 0 14px; }
.legal-dl dt { margin: 14px 0 3px; font-size: .74rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #f2ede6; }
.legal-dl dd { margin: 0; }

.legal-note { margin: 18px 0 0; padding: 14px 16px; background: #14110f; }
.legal-note p:last-child { margin-bottom: 0; }

/* The footer on these pages (and the home page's) carries the three links on
   their own row — see footer .foot-break in /style.css. */