/* ═══════════════════════════════════════
   legal.css — Terms & Privacy shared
   ═══════════════════════════════════════ */

/* ─── HERO ─── */
.lg-hero{
  position:relative;overflow:hidden;
  padding:48px 0;
  background:#0c0b0a;
  color:#fff;
}
.lg-hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 60% at 60% 30%, rgba(194,59,34,.14) 0%, transparent 60%),
    radial-gradient(ellipse 50% 70% at 15% 70%, rgba(194,59,34,.06) 0%, transparent 50%);
  pointer-events:none;
}
.lg-hero-content{
  position:relative;z-index:1;
  text-align:center;
  max-width:560px;margin:0 auto;
}
.lg-hero-badge{
  display:inline-block;
  font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.12);border-radius:9999px;
  padding:6px 16px;margin-bottom:20px;
}
.lg-hero h1{
  font-size:clamp(1.5rem,4vw,2.25rem);
  font-weight:700;letter-spacing:-.04em;line-height:1.3;
}
.lg-hero-desc{
  margin:14px auto 0;
  font-size:.875rem;line-height:1.7;
  color:rgba(255,255,255,.6);
}

/* ─── BODY ─── */
.lg-body{
  padding:40px 0 80px;
  background:var(--bg);
}
.lg-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:40px 36px;
  max-width:800px;
  margin:0 auto;
}
.lg-updated{
  font-size:.75rem;
  color:var(--muted);
  margin-bottom:32px;
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
}

/* ─── SECTIONS ─── */
.lg-section{
  margin-bottom:36px;
}
.lg-section:last-child{
  margin-bottom:0;
}
.lg-section h2{
  font-size:1.0625rem;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--fg);
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--border);
}
.lg-section h3{
  font-size:.9375rem;
  font-weight:600;
  color:var(--fg);
  margin:18px 0 8px;
}
.lg-section p{
  font-size:.8125rem;
  line-height:1.85;
  color:var(--muted);
  margin-bottom:10px;
}
.lg-section ul,
.lg-section ol{
  padding-left:20px;
  margin-bottom:12px;
}
.lg-section li{
  font-size:.8125rem;
  line-height:1.85;
  color:var(--muted);
  margin-bottom:4px;
}
.lg-section table{
  width:100%;
  border-collapse:collapse;
  margin:12px 0;
  font-size:.8125rem;
}
.lg-section th,
.lg-section td{
  text-align:left;
  padding:10px 12px;
  border:1px solid var(--border);
  line-height:1.6;
}
.lg-section th{
  background:var(--muted-bg);
  font-weight:600;
  color:var(--fg);
  white-space:nowrap;
}
.lg-section td{
  color:var(--muted);
}
.lg-section .lg-highlight{
  background:var(--muted-bg);
  border-radius:8px;
  padding:14px 16px;
  margin:12px 0;
  font-size:.8125rem;
  line-height:1.8;
  color:var(--fg);
}

/* ═══ RESPONSIVE ═══ */

@media(max-width:480px){
  .lg-hero{padding:36px 0;}
  .lg-hero-badge{font-size:.625rem;padding:5px 12px;margin-bottom:16px;}
  .lg-hero h1{font-size:1.375rem;}
  .lg-hero-desc{font-size:.8125rem;margin-top:10px;}

  .lg-body{padding:24px 0 60px;}
  .lg-card{padding:24px 18px;border-radius:12px;}
  .lg-updated{font-size:.6875rem;margin-bottom:24px;padding-bottom:12px;}
  .lg-section{margin-bottom:28px;}
  .lg-section h2{font-size:.9375rem;margin-bottom:10px;padding-bottom:8px;}
  .lg-section h3{font-size:.875rem;margin:14px 0 6px;}
  .lg-section p,
  .lg-section li{font-size:.75rem;line-height:1.75;}
  .lg-section th,
  .lg-section td{padding:8px 10px;font-size:.75rem;}
}

@media(min-width:768px){
  .lg-hero{padding:64px 0;}
  .lg-card{padding:48px 44px;}
}

@media(min-width:1024px){
  .lg-hero{padding:72px 0;}
  .lg-card{padding:56px 52px;border-radius:20px;}
}