/* Match impressum.php: Inter body, Playfair h1, 800px column, same base font size */

:root{
  --bg: #fffaee; /* beige */
  --text: var(--brand-dark, var(--brand-blue, var(--navy, #0e2a47)));
}

/* Base page */
html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
}

body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;   /* lock to the same default size as Imprint */
  line-height: 1.7;
}

/* Main content column (same as Imprint) */
.terms-wrap {
  max-width: 800px;
  margin: 6rem auto 4rem;
  padding: 0 1rem;
}

/* H1 (same as Imprint) */
.terms-title {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(2rem, 3vw, 2.75rem);
  margin: 0 0 1rem;
  text-shadow: none !important;
}

/* Meta line under the H1 */
.terms-meta {
  font-size: 0.95rem;
  opacity: 0.8;
  margin: 0 0 1rem;
}

/* Make ALL copy elements identical to <p> sizing */
.terms-wrap p,
.terms-wrap ul,
.terms-wrap ol,
.terms-wrap li,
.terms-wrap a {
  font: inherit !important;        /* inherit Inter + 16px + weight */
  line-height: inherit !important; /* 1.7 */
  color: inherit !important;
}

/* Spacing rhythm like Imprint */
.terms-wrap p { margin: 0 0 1rem; }
.terms-wrap ul,
.terms-wrap ol { margin: 0 0 1rem; padding-left: 1.25em; }
.terms-wrap li { margin: 0 0 1rem; }

/* Links (same as Imprint: underlined, inherit color) */
.terms-wrap a,
.terms-wrap a:visited,
.terms-wrap a:hover,
.terms-wrap a:active {
  color: inherit !important;
  text-decoration: underline;
}

/* Responsive margins parity */
@media (max-width: 800px) {
  .terms-wrap { margin: 4rem auto 3rem; }
}