.info-console {
  max-width: 1200px;
  min-height: 700px;
  padding: 90px 40px;
  color: #fff;
  background-color: var(--void);
  background-image: linear-gradient(#00e4d010 1px, transparent 1px), linear-gradient(90deg, #00e4d010 1px, transparent 1px);
  background-size: 32px 32px;
}
.info-console > h1 { max-width: 950px; margin: 24px 0 35px; font: 900 clamp(4rem,8vw,8rem)/.82 Arial,sans-serif; text-transform: uppercase; }
.info-console > .lead { color: #dce8ed; }
.data-banner { display: grid; grid-template-columns: repeat(3,1fr); margin: 45px 0; border: 2px solid var(--cyan); }
.data-banner div { padding: 20px; background: var(--panel); border-right: 1px solid var(--cyan); }
.data-banner div:last-child { border-right: 0; }
.data-banner b { display: block; color: var(--yellow); font: 900 1.15rem ui-monospace,monospace; }
.data-banner span { font: 700 .58rem ui-monospace,monospace; text-transform: uppercase; }
.info-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin: 50px 0; }
.info-card { padding: 30px; color: var(--ink); background: var(--paper); border-top: 7px solid var(--cyan); }
.info-card:nth-child(2n) { border-color: var(--orange); }
.info-card h2 { margin: 0 0 18px; font: 900 2rem/.95 Arial,sans-serif; text-transform: uppercase; }
.protocol-list { margin: 55px 0; padding: 0; list-style: none; counter-reset: protocol; }
.protocol-list li { display: grid; grid-template-columns: 90px 1fr; min-height: 150px; padding: 28px; color: var(--ink); background: var(--paper); border-bottom: 1px solid #10213d55; counter-increment: protocol; }
.protocol-list li::before { content: "0" counter(protocol); color: var(--orange); font: 900 2.3rem ui-monospace,monospace; }
.protocol-list h2 { margin: 0 0 12px; font: 900 2.3rem/.95 Arial,sans-serif; text-transform: uppercase; }
.research-map { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin: 50px 0; }
.research-node { padding: 28px; color: #fff; background: var(--panel); border: 1px solid var(--cyan); }
.research-node b { color: var(--cyan); font: 800 .64rem ui-monospace,monospace; }
.research-node h2 { margin: 14px 0; font: 900 2rem/.95 Arial,sans-serif; text-transform: uppercase; }
.credit-list { margin-top: 45px; border: 2px solid var(--cyan); }
.credit-list h2 { padding: 22px; margin: 0; color: var(--void); background: var(--cyan); text-transform: uppercase; }
.credit-row { display: grid; grid-template-columns: 80px 1fr; padding: 18px; background: var(--panel); border-bottom: 1px solid var(--line); }
.credit-row:last-child { border: 0; }
.credit-row b { color: var(--yellow); font-family: ui-monospace,monospace; }
.source-note { padding: 28px; color: var(--void); background: var(--yellow); border-left: 10px solid var(--orange); }
@media (max-width:650px) {
  .data-banner,.info-grid,.research-map { grid-template-columns: 1fr; }
  .data-banner div { border-right: 0; border-bottom: 1px solid var(--cyan); }
  .protocol-list li { grid-template-columns: 1fr; }
  .info-console { padding: 70px 22px; }
}