html, body { width: 100%; height: auto; min-height: 100%; overflow: auto; }
body { background: #f4ecdf; }
.legal-shell { min-height: 100vh; padding: clamp(24px, 5vw, 64px) 20px; }
.legal-document { width: min(100%, 780px); margin: 0 auto; padding: clamp(24px, 5vw, 56px); border: 1px solid #d9cbbb; border-radius: 16px; background: #fffdf9; box-shadow: 0 24px 70px rgb(31 40 32 / 8%); }
.legal-back { display: inline-block; margin-bottom: 38px; color: #174b38; font-size: .88rem; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.legal-eyebrow { margin: 0 0 12px; color: #a05b42; font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.legal-document h1 { margin: 0 0 14px; color: #1b2922; font: 400 clamp(2.25rem, 7vw, 4rem)/1 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.legal-lead { margin: 0 0 36px; color: #746b60; font-size: 1.05rem; line-height: 1.65; }
.legal-document h2 { margin: 28px 0 8px; color: #174b38; font: 600 1.1rem/1.3 "Segoe UI", Arial, sans-serif; }
.legal-document p:not(.legal-eyebrow) { color: #4f5149; line-height: 1.7; }
.legal-note { margin-top: 32px; padding: 14px 16px; border-left: 3px solid #b65e43; background: #f7f0e7; font-size: .9rem; }
@media (max-width: 520px) { .legal-shell { padding: 12px; } .legal-document { padding: 22px 18px; border-radius: 12px; } .legal-back { margin-bottom: 28px; } }