.legal-header { width: min(100% - 32px, 980px); margin: 0 auto; padding: 24px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.legal-page { width: min(100% - 32px, 880px); margin: 0 auto; padding: 12px 0 64px; }
.legal-document { padding: clamp(24px, 5vw, 58px); }
.legal-document > header { padding-bottom: 28px; border-bottom: 1px solid var(--cz-line); }
.legal-document h1 { max-width: 760px; margin: 8px 0 12px; font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.05; }
.legal-subtitle { max-width: 720px; color: var(--cz-text-muted); font-size: 1.05rem; line-height: 1.65; }
.legal-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; padding: 12px 15px; border: 1px solid #ead7b2; border-radius: var(--cz-radius-sm); background: #fffaf0; color: #735a29; font-size: .82rem; }
.legal-document section { padding: 28px 0 4px; }
.legal-document section + section { border-top: 1px solid var(--cz-line); }
.legal-document h2 { margin: 0 0 12px; font-size: 1.08rem; }
.legal-document section p { margin: 0 0 12px; color: var(--cz-text-muted); line-height: 1.75; }
.legal-document-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--cz-line); }
.legal-document-footer p { margin: 0; color: var(--cz-text-muted); font-size: .86rem; }
@media (max-width: 620px) { .legal-status, .legal-document-footer { align-items: stretch; flex-direction: column; } .legal-document-footer .button { width: 100%; } }