.legal-page { min-height: 100vh; background: #f7faff; color: #1b2d49; }
.legal-shell { width: min(880px,calc(100% - 40px)); margin: 0 auto; padding: 32px 0 80px; }
.legal-brand { display: inline-flex; align-items: center; gap: 10px; color: #223b5d; text-decoration: none; font-weight: 600; }
.legal-brand img { width: 34px; height: 34px; object-fit: contain; }
.legal-document { margin-top: 32px; padding: clamp(25px,5vw,56px); border: 1px solid #d9e6f4; border-radius: 16px; background: rgb(255 255 255 / 88%); box-shadow: 0 22px 70px rgb(79 111 164 / 9%),inset 0 1px #fff; }
.legal-document h1 { margin: 0 0 12px; font-family: var(--luqra-voice); font-size: clamp(2rem,5vw,3rem); font-weight: 500; line-height: 1.45; }
.legal-lead,.legal-updated { color: #61738e; line-height: 1.8; }
.legal-updated { margin: 0 0 30px; font-size: .875rem; }
.legal-document h2 { margin: 32px 0 10px; color: #304e77; font-size: 1.15rem; }
.legal-document p,.legal-document li { color: #526783; line-height: 1.9; }
.legal-document a { color: #1769c2; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.legal-document a:hover { color: #104d94; text-decoration-thickness: 2px; }
.legal-document ul,.legal-document ol { padding-left: 1.5em; }
.legal-company { margin-top: 34px; padding-top: 22px; border-top: 1px solid #dbe5f0; }
.legal-links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; }
.legal-links a { color: #365f9b; text-underline-offset: 3px; }
@media (max-width: 600px) { .legal-shell { width: min(100% - 28px,880px); padding-top: 20px; } .legal-document { margin-top: 23px; } }