/* Branded-document system for /privacy, /terms, /your-privacy only.
   Light by default; dark overrides under Tailwind's .dark class
   (darkMode:'class') so it toggles in sync with the rest of the page.
   Palette mirrors scripts/tailwind.config.js. */
.legal{
  --lg-primary:#f48c25; --lg-primary-ink:#9e5309; --lg-gold:#c8892b;
  --lg-surface:#ffffff; --lg-cream:#fffcf5; --lg-border:#ece5da;
  --lg-text:#3f3a33; --lg-text-soft:#6b6459; --lg-heading:#17110a;
  color:var(--lg-text); line-height:1.65;
}
.dark .legal{
  --lg-primary-ink:#f4a94f;
  --lg-surface:#2c2115; --lg-cream:#2a2015; --lg-border:#3a2c1c;
  --lg-text:#d6cbbd; --lg-text-soft:#a89a88; --lg-heading:#fbf6ee;
}
.legal a{color:var(--lg-primary);text-decoration:none}
.legal a:hover{text-decoration:underline}
.legal strong{color:var(--lg-heading)}
.legal p{margin:0 0 12px}
.legal p:last-child{margin-bottom:0}

/* title band */
.legal-band{position:relative;margin:8px 0 32px;padding:36px 32px;
  border-radius:20px;overflow:hidden;border:1px solid var(--lg-border);
  background:
    radial-gradient(120% 140% at 100% 0%, color-mix(in srgb,var(--lg-primary) 16%,transparent) 0%, transparent 55%),
    linear-gradient(180deg, var(--lg-cream), var(--lg-surface));}
.legal-kicker{display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lg-primary-ink)}
.legal-title{margin:12px 0 8px;font-size:clamp(30px,6vw,44px);line-height:1.05;
  font-weight:800;letter-spacing:-.025em;color:var(--lg-heading)}
.legal-updated{font-size:14px;color:var(--lg-text-soft);margin:0}
.legal-rule{height:3px;width:64px;border-radius:3px;margin-top:18px;
  background:linear-gradient(90deg,var(--lg-primary),var(--lg-gold))}
.legal-watermark{position:absolute;right:-14px;bottom:-26px;color:var(--lg-primary);
  opacity:.08;pointer-events:none}

/* commitments card */
.legal-commit{margin:0 0 24px;padding:24px 26px;border-radius:18px;
  border:1px solid color-mix(in srgb,var(--lg-primary) 30%,var(--lg-border));
  background:linear-gradient(180deg, color-mix(in srgb,var(--lg-primary) 9%,var(--lg-surface)), var(--lg-surface))}
.legal-commit-head{display:flex;align-items:center;gap:10px;font-weight:800;
  color:var(--lg-heading);font-size:17px;margin-bottom:14px}
.legal-commit-badge{width:26px;height:26px;border-radius:999px;background:var(--lg-gold);
  display:grid;place-items:center;color:#fff;flex:none}
.legal-commit-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.legal-commit-list li{display:flex;gap:12px;align-items:flex-start;font-weight:600;color:var(--lg-heading)}
.legal-commit-list li svg{color:var(--lg-gold);flex:none;margin-top:3px}
.legal-short{margin:14px 0 0;font-size:14px;color:var(--lg-text-soft)}
.legal-short a{font-weight:700}

/* section cards */
.legal-card{background:var(--lg-surface);border:1px solid var(--lg-border);
  border-radius:18px;padding:24px 26px;margin:0 0 20px;box-shadow:0 1px 2px rgba(23,17,10,.04)}
.dark .legal-card{box-shadow:none}
.legal-card-title{display:flex;align-items:center;gap:12px;margin:0 0 14px;
  font-size:21px;font-weight:800;letter-spacing:-.015em;color:var(--lg-heading)}
.legal-card-ic{width:34px;height:34px;border-radius:10px;flex:none;
  background:color-mix(in srgb,var(--lg-primary) 12%,transparent);
  color:var(--lg-primary);display:grid;place-items:center}

/* lists */
.legal-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.legal-list li{display:flex;gap:12px;align-items:flex-start}
.legal-dot{width:7px;height:7px;border-radius:999px;background:var(--lg-primary);
  flex:none;margin-top:9px}
.legal-list--checks li svg{color:var(--lg-gold);flex:none;margin-top:3px}

@media (max-width:640px){
  .legal-band{padding:28px 22px}
  .legal-card,.legal-commit{padding:20px 18px}
}