/* Additions for the legal documents rendered from docs/legal/pack-v5 by
   scripts/legal-render.mjs: a small kicker line, note paragraphs and tables.
   Everything else comes from /privacy/legal.css, which the older legal pages
   share, so a document rendered here reads the same as /terms/ or /cookies/. */

.vlx-doc-kicker {
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.7;
  margin: 0 0 1.25rem;
}
.vlx-doc-kicker a { text-decoration: none; }
.vlx-doc-kicker a:hover { text-decoration: underline; }

.vlx-doc-note {
  border-inline-start: 3px solid rgba(255, 255, 255, 0.25);
  padding-block: 0.5rem;
  padding-inline-start: 1rem;
  margin-block: 1.25rem;
  opacity: 0.9;
}

.vlx-doc-table {
  overflow-x: auto;
  margin: 1.25rem 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}
.vlx-doc-table table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.95em;
}
.vlx-doc-table th,
.vlx-doc-table td {
  text-align: start;
  vertical-align: top;
  padding: 0.6rem 0.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.vlx-doc-table th {
  font-weight: 600;
  background: rgba(255, 255, 255, 0.04);
}
.vlx-doc-table tr:last-child td { border-bottom: 0; }

.vlx-doc-main hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 2rem 0;
}