@import url('./marketing-shell.css');

.legal-page { padding: 3rem 0 5rem; }
.legal-content, .policy-container { max-width: 860px; margin: 0 auto; padding: 0 24px; }
.legal-content h1, .policy-container h1 { font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 800; margin-bottom: .5rem; letter-spacing: -.02em; }
.legal-content .subtitle { color: var(--s500); font-size: 1rem; margin-bottom: 1.5rem; line-height: 1.7; }
.legal-content h2 { font-size: 1.45rem; font-weight: 800; margin-top: 2.5rem; margin-bottom: .75rem; color: var(--ink); }
.legal-content h3 { font-size: 1.1rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: .5rem; }
.legal-content p, .legal-content li, .policy-container p, .policy-container li { line-height: 1.75; color: var(--s700); margin-bottom: .75rem; }
.legal-content ul, .legal-content ol, .policy-container ul, .policy-container ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.legal-content strong, .policy-container strong { color: var(--ink); }
.legal-content a, .policy-container a { color: var(--terra); text-decoration: underline; }
.legal-content h2, .policy-container h2 { font-size: 1.45rem; font-weight: 800; margin-top: 2.5rem; margin-bottom: .75rem; color: var(--ink); }
.legal-content a:hover, .policy-container a:hover { color: var(--terra-d); }
.legal-date { color: var(--s500); font-size: .9rem; margin-bottom: 2rem; }
.legal-content table, .policy-container table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .92rem; }
.legal-content th, .legal-content td, .policy-container th, .policy-container td { padding: .75rem; text-align: left; border: 1px solid var(--s200); }
.legal-content th, .policy-container th { background: var(--s100); color: var(--ink); font-weight: 700; }
.legal-content hr, .policy-container hr { margin: 2.5rem 0; border: none; border-top: 1px solid var(--s200); }
.legal-content .rights-list { list-style: none; padding-left: 0; }
.legal-content .rights-list li { padding-left: 1.5rem; position: relative; }
.legal-content .rights-list li::before { content: "✓"; position: absolute; left: 0; color: var(--salvia); font-weight: 700; }
.template-note, .highlight-box { background: var(--terra-xl); border: 1.5px solid rgba(217,119,87,.2); border-radius: 12px; padding: 1.25rem 1.5rem; margin: 1.5rem 0; }