.information-hero {
  padding: 6rem 0 4rem;
  color: #fff;
  background: var(--gradient-hero);
}

.information-hero .eyebrow {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .8;
}

.information-hero h1 {
  max-width: 16ch;
  font-size: clamp(2.4rem, 6vw, 4.2rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.information-hero p {
  max-width: 60ch;
  margin-top: 1.25rem;
  color: rgba(255, 255, 255, .86);
}

.information-section {
  padding-block: 4rem;
}

.information-section + .information-section {
  border-top: 1px solid var(--border);
}

.information-section h2 {
  margin-bottom: 1rem;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
}

.section-intro {
  max-width: 70ch;
  margin-bottom: 2rem;
  color: var(--text-secondary);
}

.information-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 1.25rem;
}

.information-card,
.legal-document {
  padding: 1.5rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
}

.information-card .meta,
.legal-document .meta {
  margin-bottom: .7rem;
  color: var(--primary);
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
}

.information-card h3,
.legal-document h3 {
  margin-bottom: .75rem;
}

.information-card p,
.legal-document .document-content {
  color: var(--text-secondary);
  white-space: pre-wrap;
}

.legal-list {
  display: grid;
  gap: 1.5rem;
}

.legal-page-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

.legal-page-links a {
  padding: 1.25rem;
  color: var(--primary);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-card);
  font-weight: 700;
  text-decoration: none;
  box-shadow: var(--shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease;
}

.legal-page-links a:hover,
.legal-page-links a:focus-visible {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.legal-document {
  max-width: 850px;
}

.legal-document .document-content {
  font-size: .94rem;
  line-height: 1.75;
}

.information-empty {
  padding: 1.5rem;
  color: var(--text-muted);
  border: 1px dashed var(--border);
  border-radius: var(--radius);
}

.information-footer {
  padding: 2rem 0;
  color: var(--text-muted);
  background: var(--bg-light);
  font-size: .9rem;
}

.legal-reader {
  max-width: 900px;
}

.legal-reader-header {
  margin-bottom: 2rem;
}

.legal-reader-header h2 {
  margin-bottom: .5rem;
}

@media (max-width: 760px) {
  .information-hero {
    padding-top: 4rem;
  }

  .nav-links a:not(.nav-cta) {
    display: none;
  }

  .legal-page-links {
    grid-template-columns: 1fr;
  }
}