/* Privacy / Terms pages — minimal long-form layout on top of the
   shared paper aesthetic in style.css. */

#legal{position:relative;z-index:1;max-width:760px;margin:0 auto}

.legal{padding:8px 0 32px}

.legal-eyebrow{
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);font-family:var(--mono);
  margin-bottom:14px;
}

.legal h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(36px,5vw,52px);line-height:1.05;letter-spacing:-.02em;
  color:var(--ink);margin-bottom:18px;
}

.legal .lede{
  font-size:16px;color:var(--ink-2);line-height:1.6;max-width:60ch;
  margin-bottom:28px;
}

.legal h2{
  font-family:var(--serif);font-weight:400;font-size:24px;
  letter-spacing:-.01em;color:var(--ink);
  margin:36px 0 10px;padding-top:18px;border-top:1px solid var(--rule-soft);
}

.legal h3{
  font-family:var(--serif);font-weight:400;font-size:18px;
  letter-spacing:-.005em;color:var(--ink-2);
  margin:18px 0 8px;
}

.legal p{
  color:var(--ink-2);font-size:14px;line-height:1.65;
  margin-bottom:12px;max-width:62ch;
}

.legal p b,
.legal li b{color:var(--ink);font-weight:500}

.legal a{
  color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--rule);
}
.legal a:hover{color:var(--accent);border-bottom-color:var(--accent)}

.legal ul{
  list-style:none;padding-left:0;margin-bottom:14px;
}
.legal li{
  position:relative;padding-left:18px;margin-bottom:8px;
  font-size:14px;line-height:1.6;color:var(--ink-2);
  max-width:62ch;
}
.legal li::before{
  content:"·";position:absolute;left:6px;top:-2px;
  font-family:var(--serif);font-size:18px;color:var(--accent);
}

.legal code{
  font-family:var(--mono);font-size:12.5px;
  background:var(--card);padding:1px 6px;border-radius:4px;
  border:1px solid var(--rule);color:var(--ink-2);
}