/* Licence page: concept styling aligned with download.html */

/* Hero */
.legal-hero {
  position: relative;
  padding: 9rem 1.25rem 4rem;
  color: #fff;
  overflow: hidden;
}
.legal-hero .legal-hero-background { position: absolute; inset: 0; z-index: -1; }
.legal-hero .legal-gradient { position: absolute; inset: 0; background: var(--dark-gradient); opacity: .95; }
.legal-hero .legal-hero-content { max-width: 1100px; margin: 0 auto; }
.legal-title { font-family: var(--font-display); font-size: 3.25rem; line-height: 1.1; }
.legal-title .title-accent { color: var(--title-accent-color); }

/* Sections */
.legal-section { padding: 2.5rem 1.25rem; background: linear-gradient(180deg, #f8fafc, #ffffff); }
.legal-container { max-width: 1100px; margin: 0 auto; }

.legal-card {
  background: #fff;
  border: 1px solid var(--neutral-200);
  border-radius: var(--radius-2xl);
  padding: 1.25rem;
  box-shadow: var(--shadow-md);
}

.legal-list { 
  margin: 0; padding-left: 1.1rem; color: var(--neutral-800);
}
.legal-list li { margin: .45rem 0; line-height: 1.6; }

.legal-actions { display: flex; gap: .75rem; align-items: center; margin-top: 1rem; flex-wrap: wrap; }
.btn-ghost { display: inline-block; border: 1px solid var(--neutral-300); padding: .6rem .9rem; border-radius: var(--radius-md); color: inherit; text-decoration: none; }
.btn-ghost:hover { background: var(--neutral-100); }

.legal-content { overflow: hidden; }
.legal-pre {
  margin: 0;
  white-space: pre-wrap;
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.8;
  color: var(--neutral-800);
}