/* Legal pages: lets the blog article sheet (.ar-sheet/.ar-body) hold plain Markdown.
   The sheet in the design is a pop-up (offset until opened); here it is an in-page card.
   Typography copies the article body (.ar-body h3, section>p) so the pages look native. */
.legal-sheet{transform:none;transition:none;margin:0 auto;border:1px solid var(--line)}
.legal-body h2{margin-top:clamp(30px,3.6vw,42px);font-size:clamp(20px,2.2vw,25px);letter-spacing:-.025em;line-height:1.25;color:var(--ink)}
.legal-body>h2:first-child{margin-top:0}
.legal-body p,.legal-body li{font-size:15px;line-height:1.7;color:var(--body)}
.legal-body p{margin-top:10px}
.legal-body ul,.legal-body ol{margin-top:10px;padding-inline-start:22px}
.legal-body ul{list-style:disc}
.legal-body ol{list-style:decimal}
.legal-body li{margin-top:6px;padding-inline-start:2px}
.legal-body li::marker{color:var(--ac)}
.legal-body strong{color:var(--ink);font-weight:700}
.legal-body a{color:var(--ac);font-weight:650;text-decoration:underline;text-underline-offset:2px}
.legal-body code{font-family:var(--mono);font-size:.88em;padding:1px 5px;border-radius:5px;background:var(--mist2);color:var(--ink)}
.legal-body table{display:block;overflow-x:auto;margin-top:14px;border-collapse:collapse;width:100%;font-size:13.5px}
.legal-body th,.legal-body td{padding:10px 12px;border:1px solid var(--line);text-align:start;vertical-align:top;line-height:1.55;color:var(--body)}
.legal-body th{background:var(--mist);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}