/* Components specific to ctf.html. Shared inner-page styles live in inner.css. */

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: var(--color-accent);
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
}

.cta:hover {
  color: var(--color-text);
}

@media (max-width: 768px) {
  .grid {
    grid-template-columns: 1fr;
  }
}