/* ═══ Legal Pages — aiaiyoo.com ═══ */

/* Dark-theme variable mappings.
   Legal pages load exxams-theme.css which sets body bg to #0a0a0a.
   Below vars were previously undefined (falling back to #111/#f5f3ee which
   caused dark-on-dark invisibility). Explicitly define them here. */
.legal-page{
  --tx:#e8e8e8;          /* primary text on dark */
  --tx2:#bbb;            /* secondary text */
  --tx3:#888;            /* muted text */
  --bg2:#141414;         /* card backgrounds */
  --bd:rgba(245,124,0,0.20); /* borders */
  --ac:#F57C00;          /* accent (saffron) */
  color:#e8e8e8;
}
.legal-page{max-width:800px;margin:0 auto;padding:32px 24px}
.legal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--ac,#1b7a3d)}
.legal-top.saffron{border-bottom-color:#F57C00}
.legal-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:16px}
.legal-brand-dot{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:12px}
.legal-meta{text-align:right;font-size:11px;color:var(--tx3,#767676)}
.legal-lang{display:flex;gap:8px;margin-bottom:20px}
.legal-lang a{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid var(--bd,#e8e5de);color:var(--tx2,#555)}
.legal-lang a.active{background:var(--ac,#1b7a3d);color:#fff;border-color:var(--ac,#1b7a3d)}
.legal-lang a.active-saffron{background:#F57C00;color:#fff;border-color:#F57C00}
.legal-title{font-size:28px;font-weight:900;margin-bottom:8px;line-height:1.2}
.legal-subtitle{font-size:14px;color:var(--tx2,#555);margin-bottom:24px}
.legal-toc{background:var(--bg2,#f5f3ee);border:1px solid var(--bd,#e8e5de);border-radius:12px;padding:20px;margin-bottom:24px}
.legal-toc-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3,#767676);margin-bottom:8px}
.legal-toc a{display:block;font-size:13px;padding:4px 0;color:var(--tx2,#555);text-decoration:none}
.legal-toc a:hover{color:var(--ac,#1b7a3d)}
.legal-body{font-size:16px;line-height:1.8;color:var(--tx,#111)}
.legal-body h2{font-size:20px;font-weight:800;margin:28px 0 12px;padding-top:16px;border-top:1px solid var(--bd,#e8e5de);color:var(--tx,#111)}
.legal-body h3{font-size:16px;font-weight:700;margin:20px 0 8px}
.legal-body p{margin-bottom:12px}
.legal-body ul{margin:0 0 16px 20px}
.legal-body li{margin-bottom:6px;font-size:15px}
.legal-simple{background:var(--bg2,#f5f3ee);border:1px solid var(--bd,#e8e5de);border-left:4px solid var(--ac,#1b7a3d);border-radius:0 12px 12px 0;padding:20px 24px;margin:20px 0;position:relative}
.legal-simple.saffron{border-left-color:#F57C00}
.legal-simple::before{content:'🔍 In Simple Terms';display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--ac,#1b7a3d);margin-bottom:8px}
.legal-simple.saffron::before{color:#F57C00}
.legal-simple p{font-size:14px;line-height:1.6;color:var(--tx2,#555);margin:0}
.legal-grievance{background:var(--bg2,#f5f3ee);border:1px solid var(--bd,#e8e5de);border-radius:12px;padding:24px;margin-top:32px}
.legal-grievance h3{font-size:14px;font-weight:800;margin-bottom:8px}
.legal-grievance p{font-size:13px;color:var(--tx2,#555);line-height:1.6;margin:0}
.legal-download{display:inline-block;padding:10px 20px;background:var(--ac,#1b7a3d);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;margin-top:16px;font-family:inherit}
.legal-download:hover{opacity:.9}
.legal-footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--bd,#e8e5de);font-size:11px;color:var(--tx3,#767676);text-align:center}
.legal-consent{display:flex;align-items:start;gap:10px;padding:12px 16px;background:var(--bg2,#f5f3ee);border:1px solid var(--bd,#e8e5de);border-radius:8px;margin-bottom:8px;font-size:13px;line-height:1.5;cursor:pointer}
.legal-consent input{margin-top:3px;width:18px;height:18px;accent-color:#F57C00;flex-shrink:0}
.legal-consent a{color:var(--ac,#F57C00);font-weight:600}
@media print{.legal-top,.legal-lang,.legal-download,.legal-footer{display:none}.legal-page{max-width:100%;padding:0}.legal-body{font-size:12px;line-height:1.5}}
@media(max-width:768px){.legal-title{font-size:22px}.legal-body{font-size:14px}}