/* ==========================================================================
   legal-pages.css — Shared styles for Privacy Policy, Terms, Cookie Policy
   Used by: privacy-policy.html, terms-of-service.html, cookie-policy.html
   ========================================================================== */

body { font-family: 'Inter', sans-serif; color: #1e293b; background: #f8fafc; margin: 0; padding: 0; }
.legal-hero { background: linear-gradient(135deg, #1e3a8a, #2563eb); color: #fff; padding: 4rem 2rem 3rem; text-align: center; }
.legal-hero h1 { font-size: 2rem; font-weight: 800; margin-bottom: 0.5rem; }
.legal-hero p { opacity: 0.85; font-size: 0.9rem; }
.legal-body { max-width: 860px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.legal-body h2 { font-size: 1.15rem; font-weight: 700; color: #1e3a8a; margin: 2rem 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 2px solid #dbeafe; }
.legal-body h3 { font-size: 1rem; font-weight: 600; color: #374151; margin: 1.25rem 0 0.5rem; }
.legal-body p, li { font-size: 0.875rem; line-height: 1.8; color: #374151; }
.legal-body ul { padding-left: 1.5rem; }
.legal-body a { color: #2563eb; }
.info-box { background: #dbeafe; border-left: 4px solid #2563eb; padding: 1rem 1.25rem; border-radius: 0 8px 8px 0; margin: 1.5rem 0; font-size: 0.85rem; }
.last-updated { background: #f1f5f9; border-radius: 8px; padding: 0.75rem 1rem; font-size: 0.8rem; color: #64748b; margin-bottom: 2rem; display: flex; align-items: center; gap: 0.5rem; }
.legal-footer { background: #1e293b; color: #94a3b8; text-align: center; padding: 1.5rem; font-size: 0.8rem; }
.legal-footer a { color: #60a5fa; }
.breadcrumb { font-size: 0.8rem; color: rgba(255,255,255,0.7); margin-bottom: 1rem; }
.breadcrumb a { color: rgba(255,255,255,0.9); }

/* Terms of Service — info-box amber variant */
.info-box-amber { background: #fef3c7; border-left: 4px solid #d97706; padding: 1rem 1.25rem; border-radius: 0 8px 8px 0; margin: 1.5rem 0; font-size: 0.85rem; }

/* Cookie Policy — table */
table.cookie-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; margin: 1rem 0; }
.cookie-table th { background: #1e3a8a; color: #fff; padding: 0.6rem 0.75rem; text-align: left; font-size: 0.75rem; }
.cookie-table td { padding: 0.6rem 0.75rem; border-bottom: 1px solid #e2e8f0; }
.cookie-table tr:hover td { background: #f8fafc; }
.type-badge { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: 700; }
.essential { background: #dcfce7; color: #16a34a; }
.analytics { background: #dbeafe; color: #1d4ed8; }
.marketing { background: #fef3c7; color: #d97706; }