/* page-legal.css: Plant Toolbox's Privacy (#p-privacy) and Terms (#p-terms), Ryca's legal text copied 2026-11-02
   (.plans/site-overhaul/2026-11-02-legal). Loaded after site.css. Every selector is scoped to the two wrappers and uses
   site.css tokens only. The pages reuse .page-header, .eyebrow, .lead, .page-toc, .sec and .container; this sheet only
   sets the long-form text, which the reset and the display-size h2 leave unreadable.
   Trimmed from ryca.io's page-legal.css: the text spans the full .container width, left edge on the H1 and right edge
   on the nav's (owner 2026-11-03: not half the page; Ryca centres 720px), the Last Updated line in sans (D05 keeps mono
   for instrument values), no tables or h3 (neither text has them). */
:is(#p-privacy, #p-terms) .legal-updated { margin-top: var(--s-4); font-size: var(--fs-label); font-weight: 600; line-height: 1.5; color: var(--ink-3); }
:is(#p-privacy, #p-terms) .legal { overflow-wrap: break-word; } /* full .container width (was max-width: 32em) */
:is(#p-privacy, #p-terms) .legal section + section { margin-top: var(--s-7); }
:is(#p-privacy, #p-terms) .legal h2 { font-size: 24px; line-height: 1.25; letter-spacing: var(--track-h3); }
:is(#p-privacy, #p-terms) .legal h2 + * { margin-top: var(--s-3); }
:is(#p-privacy, #p-terms) .legal :is(p, ul, ol) + :is(p, ul, ol) { margin-top: var(--s-4); }
:is(#p-privacy, #p-terms) .legal :is(p, li) { max-width: none; line-height: 1.7; color: var(--ink-2); }
:is(#p-privacy, #p-terms) .legal ul { list-style: disc; padding-left: 1.25em; }
:is(#p-privacy, #p-terms) .legal ol { list-style: decimal; padding-left: 1.5em; }
:is(#p-privacy, #p-terms) .legal li + li { margin-top: var(--s-2); }
:is(#p-privacy, #p-terms) .legal li::marker { color: var(--ink-3); }
:is(#p-privacy, #p-terms) .legal strong { color: var(--ink); }
:is(#p-privacy, #p-terms) .legal a { overflow-wrap: anywhere; }
:is(#p-privacy, #p-terms) .legal a:hover { color: var(--link-hover); }
@media (min-width: 768px) {
  :is(#p-privacy, #p-terms) .legal h2 { font-size: 26px; }
}
/* Page rhythm (as /trust, page-trust.css:168-174): from 1100, where the site default is 120, the text section takes the
   64px step of the 64/96/120 rhythm, so the first heading starts nearer the header (on /terms, after a 25-item contents
   list). Only the .sec reads --section-pad; the header keeps its 96/64. */
@media (min-width: 1100px) {
  :is(#p-privacy, #p-terms) { --section-pad: var(--s-8); }
}