/* ============================================================================
   EsperantAI — Estilos compartidos para documentos legales.
   Extraído de docs/EULA.html (y los otros 6 docs legales con CSS idéntico)
   para TASK-105 fase 2 (eliminar <style> inline).

   Importante: estos estilos se MANTIENEN tal cual estaban — tema claro
   con Arial. Cambios cosméticos quedan para v1.5 cuando un abogado revise
   el contenido legal.

   Aplicado a: EULA.html, PRIVACY.html, TERMS_OF_SERVICE.html,
   COOKIE_POLICY.html, REFUND_POLICY.html, PURCHASE_AND_LICENSE_TERMS.html,
   THIRD_PARTY_LICENSES.html
   ========================================================================== */

body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.55;
    max-width: 980px;
    margin: 40px auto;
    padding: 0 24px;
    color: #202124;
    background: #fff;
}

h1, h2, h3 {
    color: #111827;
}

h1 {
    border-bottom: 3px solid #2563eb;
    padding-bottom: 10px;
}

h2 {
    margin-top: 32px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 6px;
}

.meta {
    color: #6b7280;
    font-size: 0.95em;
}

.box {
    background: #f8fafc;
    border-left: 4px solid #2563eb;
    padding: 14px 16px;
    margin: 18px 0;
}

.notice {
    background: #fff7ed;
    border-left: 4px solid #f97316;
    padding: 14px 16px;
    margin: 18px 0;
}

a {
    color: #2563eb;
}

ul {
    margin-top: 6px;
}

code {
    background: #f3f4f6;
    padding: 2px 4px;
    border-radius: 4px;
}

.placeholder {
    color: #b45309;
    font-weight: bold;
}