/* Legal pages (usage + privacy). Jade only. */
.banner { margin: 0 0 26px; padding: 12px 16px; border: 1px dashed var(--ph-hot); color: var(--ph-hot); font-weight: 500; letter-spacing: .04em; }
.legal { max-width: 78ch; }
.legal h1 { font-size: clamp(44px, 5.5vw, 72px); }
.legal .pg__lede { margin-bottom: 8px; }
.legal section { margin-top: 44px; }
.legal h2 { font: 400 clamp(30px, 3.4vw, 42px)/1 var(--display); color: var(--ph-hot); text-shadow: var(--glow); margin: 0 0 12px; }
.legal p, .legal li { font-size: 16px; line-height: 1.65; }
.legal p + p, .legal p + ul, .legal ul + p { margin-top: 12px; }
.legal ul { margin: 10px 0 0; padding-left: 2ch; display: grid; gap: 6px; }
.legal a { color: var(--ph-hot); overflow-wrap: anywhere; }
.legal .todo { color: var(--ph-hot); background: rgba(var(--ph-rgb), .12); padding: 0 4px; }
.legal .meta { color: var(--muted); font-size: 13px; }