/* Shared styles for text-content pages: imprint, privacy, terms, changelog. */

body{ line-height: 1.65; }

h1,h2{ font-weight: 700; line-height: 1.2; }
a{ color: var(--pond); }

.wrap{ max-width: 760px; }

main{ padding: 56px 0 88px; }

h1{ font-size: clamp(2rem, 4vw, 2.6rem); margin-bottom: 8px; }
.updated{ color: var(--ink-muted); font-size: 0.9rem; margin-bottom: 44px; }
h2{ font-size: 1.3rem; margin-top: 44px; margin-bottom: 14px; }

p, li{ color: var(--ink-muted); margin-bottom: 14px; }
p strong, li strong{ color: var(--ink); }
ul{ padding-left: 20px; }

/* Changelog: version date next to the version heading */
.release-date{
  font-family: var(--font-sans);
  font-size: 0.85rem;
  font-weight: 400;
  color: var(--ink-muted);
  margin-left: 10px;
}

/* Callout box */
.note{
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 4px solid var(--pond);
  border-radius: 8px;
  padding: 16px 20px;
  margin: 20px 0;
  font-size: 0.92rem;
}
.note--gold{ border-left-color: var(--gold-deep); }
.note p{ margin: 0; color: var(--ink); }

/* Warning box (imprint) */
.warn{
  background: #FBEAE5;
  border: 1px solid var(--warn);
  border-left: 4px solid var(--warn);
  border-radius: 8px;
  padding: 18px 20px;
  margin-bottom: 40px;
  font-size: 0.92rem;
}
.warn p{ margin: 0 0 8px; color: var(--ink); }
.warn p:last-child{ margin-bottom: 0; }

/* Key/value fields (imprint) */
.field{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 10px;
}
.field-label{
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--gold-deep);
  margin-bottom: 4px;
}
.field-value{ font-family: var(--font-mono); color: var(--ink); }

/* Inline code (privacy) */
code{
  font-family: var(--font-sans);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 1px 6px;
}