/* ==========================================================================
   Legal pages (Privacy Policy, Terms of Service)
   Additive only — loaded after home.css + navbar-footer.css
   ========================================================================== */

.legal-layout{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start;padding:48px 0 90px}

/* ---------- left: sticky quick navigation ---------- */
.legal-nav{
  position:sticky;top:96px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:20px;box-shadow:var(--shadow-sm);
  max-height:calc(100vh - 120px);overflow-y:auto;
}
.legal-nav-title{display:flex;align-items:center;gap:8px;font-family:'Sora',sans-serif;font-size:13.5px;font-weight:700;color:var(--primary);margin-bottom:12px}
.legal-nav a{display:block;padding:10px 4px;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--ink-soft);text-decoration:none}
.legal-nav a:last-child{border-bottom:none}
.legal-nav a:hover{color:var(--ink)}
.legal-nav a.is-active{color:var(--primary);font-weight:600}

/* ---------- right: scrollable content ---------- */
.legal-content{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:36px 40px;box-shadow:var(--shadow-sm);
}
.legal-updated{
  display:inline-flex;align-items:center;gap:8px;background:#EEF2FF;color:var(--primary);
  font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:20px;
}
.legal-intro{color:var(--ink-soft);font-size:14.5px;line-height:1.75;padding-bottom:28px;border-bottom:1px solid var(--border)}

.legal-section{padding:30px 0;border-bottom:1px solid var(--border);scroll-margin-top:100px}
.legal-section:last-child{border-bottom:none;padding-bottom:0}
.legal-section-num{
  display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 8px;
  background:var(--primary);color:#fff;font-size:12px;font-weight:700;border-radius:6px;margin-bottom:14px;
}
.legal-section h3{font-family:'Sora',sans-serif;font-size:19px;font-weight:700}
.legal-section p{margin-top:10px;color:var(--ink-soft);font-size:14.5px;line-height:1.75}
.legal-section p + p{margin-top:12px}
.legal-list{margin-top:14px;display:flex;flex-direction:column;gap:9px}
.legal-list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--ink);line-height:1.5}
.legal-list li::before{content:'\2713';color:var(--primary);font-weight:700;flex:none;margin-top:1px}

@media (max-width:900px){
  .legal-layout{grid-template-columns:1fr}
  .legal-nav{position:static;max-height:none}
  .legal-content{padding:28px 22px}
}