/* jbl legal pages (pogoji/zasebnost + en twins): narrow reading column and
   quiet auto-numbered section headings. Loaded via jbl_page_start opts.styles;
   tokens come from main.css :root. */

.legal {
  max-width: 68ch;
  counter-reset: legal-sec;
}
.legal h1 { margin-bottom: .35em; }
.legal-intro {
  color: var(--muted);
  max-width: 60ch;
}
.legal section { margin-top: clamp(1.8rem, 4vw, 2.6rem); }
.legal h2 {
  font-size: clamp(1.1rem, 2.6vw, 1.35rem);
  margin-bottom: .45em;
}
.legal h2::before {
  counter-increment: legal-sec;
  content: counter(legal-sec) '. ';
}
.legal section p { margin-bottom: .7em; }
.legal ul {
  margin: 0 0 .7em;
  padding-left: 1.2rem;
}
.legal li { margin-bottom: .35em; }