/* Plain text body for the legal pages. The Framer navbar and footer stay; their hero and content
   sections are hidden and this block sits above #main, outside the React tree. */
.framer-i802lz > div > section[data-framer-name="Hero"],
.framer-i802lz > div > section[data-framer-name="content"] { display: none !important; }

.legal-plain { --text: #1f2a30; --muted: #5f7889; --link: #255255;
  max-width: 760px; margin: 0 auto; padding: 120px 20px 80px; box-sizing: border-box;
  color: var(--text); font: 16px/1.65 Inter, "Inter Placeholder", system-ui, -apple-system, sans-serif; }
.legal-plain h1 { font-size: 32px; line-height: 1.2; font-weight: 700; margin: 0 0 8px; }
.legal-plain .updated { color: var(--muted); font-size: 14px; margin: 0 0 40px; }
.legal-plain h2 { font-size: 20px; line-height: 1.3; font-weight: 700; margin: 40px 0 12px; }
.legal-plain h3 { font-size: 16px; font-weight: 700; margin: 24px 0 8px; }
.legal-plain p, .legal-plain ul { margin: 0 0 12px; }
.legal-plain ul { padding-left: 20px; list-style: disc; }
.legal-plain li { margin-bottom: 4px; }
.legal-plain a { color: var(--link); text-decoration: underline; }