/* =========================================================================
   INFORMATION PAGE — simple readable content layout.
   Loaded ONLY on information.html. Scoped entirely to .info-* classes so
   it cannot affect any other page.
   ========================================================================= */

.info-content{
  max-width: 720px;
  margin: 0 auto;
  padding-bottom: 6rem;
}
.info-section{ margin-top: 3.2rem; }
.info-section:first-child{ margin-top: 0; }
.info-section h2{
  font-size: 1.4rem;
}
.info-section p{
  margin-top: .8rem;
  color: var(--text-muted);
  line-height: 1.75;
}
.info-section ol{
  margin: .8rem 0 0;
  padding-left: 1.25rem;
  color: var(--text-muted);
  line-height: 2;
}
.info-section ol li::marker{
  color: var(--gold);
  font-weight: 600;
}
.info-section ul{
  margin: .8rem 0 0;
  padding-left: 1.25rem;
  list-style: disc;
  color: var(--text-muted);
  line-height: 1.9;
}
.info-section ul li::marker{ color: var(--gold); }