body { min-height: 100vh; margin: 0; padding: 28px 18px; background: #090909; color: #e8e8eb; font-family: "DM Sans", system-ui, sans-serif; }
.legal-document { width: min(100%, 820px); margin: 0 auto; padding: clamp(24px, 5vw, 56px); border: 1px solid rgba(217,183,117,.22); border-radius: 16px; background: #111; line-height: 1.72; }
.legal-document > a { color: #e6c47f; text-underline-offset: 3px; }
.legal-document h1 { margin: 22px 0 14px; color: #fff; font-size: clamp(2rem, 6vw, 3.25rem); letter-spacing: -.04em; line-height: 1.05; }
.legal-document h2 { margin: 30px 0 8px; color: #f3d18d; font-size: 1.14rem; }
.legal-document p { color: #c6c6cc; }
.legal-draft-label { display: inline-block; margin: 26px 0 0; padding: 5px 9px; border: 1px solid #8f6e32; border-radius: 999px; color: #f3d18d !important; font-size: .75rem; font-weight: 700; }
.legal-draft-notice, .legal-placeholder { padding: 13px 15px; border-left: 3px solid #d9b775; background: rgba(217,183,117,.09); }
.legal-document :focus-visible { outline: 3px solid #d9b775; outline-offset: 3px; }