:root { color-scheme: dark; --bg: #1a0b22; --panel: #2a1534; --line: #6b4472; --text: #fff8fc; --muted: #d8c4df; --accent: #f1a9c9; --gold: #ffd36b; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font: 16px/1.7 system-ui, -apple-system, "Segoe UI", Arial, sans-serif; color: var(--text);
  background: radial-gradient(ellipse at 50% -20%, #4b236366, transparent 60%), var(--bg); }
main { width: min(820px, 100%); margin: 0 auto; padding: 32px 18px 64px; }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; font-size: 22px; }
header img { height: 40px; }
h1 { margin: 0 0 6px; font-size: 32px; line-height: 1.2; }
h2 { margin: 28px 0 8px; font-size: 21px; color: var(--accent); }
section { padding: 22px; margin-bottom: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
p, li { color: var(--muted); }
strong { color: var(--text); }
a { color: var(--gold); }
.updated { font-size: 14px; color: var(--muted); }
nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }
nav a { padding: 6px 14px; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; }

/* Use the same existing pulse artwork and crop as the app header. */
.legal-brand { position: relative; display: block; width: min(160px, 100%); aspect-ratio: 1886 / 834; overflow: hidden; direction: ltr; }
.legal-brand img { position: absolute; display: block; max-width: none; margin: 0; object-fit: contain; }
.legal-brand .legal-brand-mark { left: -4.14%; top: 5.58%; width: 39.24%; height: auto; filter: brightness(0) saturate(100%) invert(85%) sepia(17%) saturate(685%) hue-rotate(290deg) brightness(100%) contrast(94%); }
.legal-brand .legal-brand-wordmark { inset: 0; width: 100%; height: 100%; clip-path: polygon(29.4% 20%, 100% 20%, 100% 84%, 31.5% 84%, 31.5% 38%, 29.4% 38%); filter: brightness(0) invert(1); }
.legal-brand strong { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }