/* GLOBE COMMAND // legal pages (terms.html, privacy.html, CJ 10/16). Loaded after site.css; only adds the long-form reading layout. */
.legal { padding: 48px 0 72px; }
.legal .wrap { max-width: 820px; }
.legal-h { border-bottom: 1px solid var(--line); padding-bottom: 22px; margin-bottom: 30px; }
.legal-h h1 { font: 700 clamp(34px, 7vw, 52px)/1.05 var(--hd); color: #fff; letter-spacing: .04em; margin-top: 10px; }
.legal-h .upd { font: 12px/1.5 var(--mono); letter-spacing: .12em; color: var(--dim); margin-top: 14px; }
.legal-h .lede { color: var(--ink2); font-size: 16px; margin-top: 14px; }
.legal-toc { border: 1px solid var(--line); background: rgba(57, 208, 255, .03); padding: 16px 18px; margin-bottom: 34px; }
.legal-toc b { font: 11px/1 var(--mono); letter-spacing: .18em; color: var(--cy); }
.legal-toc ol { margin: 12px 0 0; padding-left: 22px; columns: 2 220px; column-gap: 28px; }
.legal-toc li { font-size: 14px; margin: 0 0 6px; break-inside: avoid; }
.legal-toc a { color: var(--ink2); text-decoration: none; }
.legal-toc a:hover { color: var(--cy2); }
.legal h2 { font: 700 22px/1.25 var(--hd); color: #fff; letter-spacing: .06em; margin: 38px 0 12px; scroll-margin-top: 80px; }
.legal p, .legal li { color: var(--ink2); font-size: 15.5px; line-height: 1.65; }
.legal p + p { margin-top: 12px; }
.legal ul { margin: 10px 0 12px; padding-left: 20px; display: grid; gap: 7px; }
.legal ul li { list-style: square; }
.legal strong { color: #fff; font-weight: 600; }
.legal a { color: var(--cy2); }
.legal .callout { border: 1px solid rgba(255, 179, 71, .45); border-left: 3px solid var(--warn); background: rgba(255, 179, 71, .06); padding: 14px 16px; margin: 14px 0; }
.legal .callout p { color: var(--ink); }
.legal-foot { margin-top: 44px; padding-top: 20px; border-top: 1px dashed var(--line); font: 12px/1.6 var(--mono); letter-spacing: .06em; color: var(--dim); }