/* Voting Atlas - About-Seite */

.about-page { margin-top: 16px; }
.about-card {
  background: var(--surface); border-radius: var(--r-card);
  box-shadow: var(--shadow); padding: 24px 30px; margin-bottom: 16px;
}
.about-card h2 {
  font-family: var(--font-display); font-weight: 700; font-size: 26px;
  margin: 0 0 12px; letter-spacing: -0.01em;
}
.about-card h3 { font-family: var(--font-display); font-weight: 600; font-size: 16px; margin: 0 0 12px; }
.about-card p { margin: 0 0 10px; }
.about-card p:last-child { margin-bottom: 0; }
.about-card.lead p { font-size: 16.5px; line-height: 1.65; }
.about-card a { color: var(--un-deep); }
.about-card ul { margin: 0; padding-left: 20px; }
.about-card li { margin-bottom: 8px; }
.about-card li:last-child { margin-bottom: 0; }

.features { margin: 0; display: grid; grid-template-columns: 120px 1fr; gap: 10px 18px; }
.features dt { font-weight: 800; }
.features dt a { text-decoration: none; }
.features dt a:hover { text-decoration: underline; }
.features dd { margin: 0; color: var(--muted); }

.support {
  background: var(--un-softer); border-radius: var(--r-ctl);
  padding: 12px 16px; font-weight: 600;
}

@media (max-width: 640px) {
  .about-card { padding: 18px 16px; border-radius: 14px; }
  .about-card h2 { font-size: 21px; }
  .about-card.lead p { font-size: 15px; }
  .features { grid-template-columns: 1fr; gap: 2px; }
  .features dd { margin-bottom: 10px; }
}

/* Impressum und Datenschutzerklaerung */
.legal .de { color: var(--faint); font-weight: 600; }
.legal address { font-style: normal; line-height: 1.6; margin-bottom: 10px; }
.legal ul { margin-bottom: 10px; }
.legal ul:last-child { margin-bottom: 0; }
.legal-missing { color: var(--muted); font-style: italic; }
.legal-links { text-align: center; color: var(--muted); font-size: 14px; margin: 8px 0 0; }
.legal-links a { color: var(--un-deep); }