/* ============================================================
   Privacy policy and terms of use. Loaded next to landing.css,
   which already dresses the page — the topbar, the footer and
   the brand palette; this file only sets long-form type.
   Markup: view/legal/*.php.
   ============================================================ */
.legal{
  max-width:46rem; margin:0 auto 40px;
  background:var(--paper); border-radius:var(--r-card);
  box-shadow:var(--shadow-card);
  padding:38px clamp(20px, 5vw, 48px) 44px;
}

.legal h1{
  font-family:var(--f-display); font-weight:700;
  font-size:clamp(1.8rem, 5vw, 2.4rem); line-height:1.15;
  margin-bottom:26px;
}

/* the layered notice ICO asks for: the gist before the detail */
.legal-summary{
  background:var(--brand-soft); border-radius:16px;
  padding:16px 20px; margin-bottom:34px;
  font-size:.95rem;
}
.legal-summary b{ color:var(--brand-deep); }

.legal h2{
  font-family:var(--f-display); font-weight:600;
  font-size:1.25rem; line-height:1.25;
  margin:34px 0 10px; padding-top:18px;
  border-top:2px solid var(--line);
}
.legal h3{
  font-weight:800; font-size:1rem;
  margin:20px 0 6px; color:var(--ink);
}
.legal p{ margin:0 0 12px; }
.legal ul{ margin:0 0 14px; padding-left:1.3em; }
.legal li{ margin-bottom:7px; }
.legal li > i{ display:block; color:var(--ink-soft); font-size:.9rem; font-style:normal; }

.legal a{ color:var(--brand-deep); font-weight:700; }
.legal code{
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:.9em; background:var(--paper-dim);
  border:1px solid var(--line); border-radius:6px; padding:1px 5px;
}

@media (max-width: 600px){
  .legal{ padding:26px 18px 32px; border-radius:18px; }
}