/* Pages légales : texte long, lisible, sur la palette sombre de style.css (--ta-*). */
.ta-page .ta-nav-cta span { margin: 0 8px 0 0; }
.ta-page .ta-legal-main { max-width: 760px; margin: 0 auto; padding: 90px 40px 120px; }
.ta-page .ta-legal-doc h1 { font-size: clamp(38px, 5vw, 64px); font-weight: 500; letter-spacing: -.05em; line-height: 1.08; }
.ta-page .ta-legal-date { margin-top: 18px; font-size: 13px; color: var(--ta-muted); }
.ta-page .ta-legal-content { margin-top: 56px; font-size: 16px; line-height: 1.75; color: #c4c4cc; }
.ta-page .ta-legal-content h2 { margin: 52px 0 14px; font-size: 24px; font-weight: 500; letter-spacing: -.03em; line-height: 1.25; color: var(--ta-fg); }
.ta-page .ta-legal-content > :first-child { margin-top: 0; }
.ta-page .ta-legal-content p, .ta-page .ta-legal-content ul, .ta-page .ta-legal-content ol { margin: 0 0 16px; }
.ta-page .ta-legal-content strong { font-weight: 500; color: var(--ta-fg); }
.ta-page .ta-legal-content a { color: var(--ta-fg); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #5a5a62; }
.ta-page .ta-legal-content a:hover { text-decoration-color: var(--ta-green); }
/* Tableaux (finalités et bases légales) : filets discrets de la palette au lieu des bordures blanches de WordPress. */
.ta-page .ta-legal-content .wp-block-table { margin: 0 0 16px; overflow-x: auto; }
.ta-page .ta-legal-content .wp-block-table table, .ta-page .ta-legal-content .wp-block-table thead { border: 0; }
.ta-page .ta-legal-content table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.55; }
.ta-page .ta-legal-content .wp-block-table th, .ta-page .ta-legal-content .wp-block-table td { padding: 12px 16px 12px 0; border: 0; border-bottom: 1px solid var(--ta-line); text-align: left; vertical-align: top; }
.ta-page .ta-legal-content .wp-block-table thead th { border-bottom: 1px solid #45454d; font-size: 13px; font-weight: 500; color: var(--ta-muted); }
.ta-page .ta-legal-content mark { padding: 1px 5px; border-radius: 4px; background: #3a3315; color: #ffd76b; }
@media (max-width: 700px) {
  .ta-page .ta-legal-main { padding: 56px 22px 80px; }
  .ta-page .ta-legal-content { margin-top: 36px; font-size: 15px; }
  .ta-page .ta-legal-content h2 { margin-top: 40px; font-size: 21px; }
}