:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #061521;
  color: #eaf6ff;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: #ffd670; }
.info-header,
.info-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.25rem clamp(1.25rem, 5vw, 4.5rem);
  background: #03101a;
}
.info-header a { font-weight: 800; text-decoration: none; }
.info-header nav,
.info-footer nav { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.info-page {
  width: min(760px, calc(100% - 2.5rem));
  min-height: calc(100vh - 10rem);
  margin: 0 auto;
  padding: clamp(4rem, 9vw, 7rem) 0;
}
.eyebrow {
  margin: 0 0 0.5rem;
  color: #ffd670;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
h1 {
  max-width: 14ch;
  margin: 0 0 2rem;
  font-size: clamp(2.5rem, 8vw, 5rem);
  letter-spacing: -0.06em;
  line-height: 1;
}
h2 { margin-top: 3rem; color: #a8ddf5; }
p, li { color: #c5d9e5; line-height: 1.8; }
.updated { color: #86a4b5; font-size: 0.85rem; }
.info-footer { color: #86a4b5; font-size: 0.88rem; }
@media (max-width: 620px) {
  .info-header,
  .info-footer { align-items: flex-start; flex-direction: column; }
}