* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --bg-grid: #fcf3eb;
  --ui-beige: #fdf0d5;
  --ui-red: #ff594b;
  --ui-blue: #42b9f5;
  --ui-yellow: #ffc229;
  --ui-black: #1e1e1e;
}
body {
  font-family: 'Press Start 2P', system-ui, sans-serif;
  color: var(--ui-black);
  line-height: 1.5;
  background-color: var(--bg-grid);
  background-image: linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,.05) 1px, transparent 1px);
  background-size: 20px 20px;
}
.container { max-width: 800px; margin: 0 auto; padding: 20px; }
nav, .info-section {
  background: var(--ui-beige);
  border: 3px solid var(--ui-black);
  box-shadow: 6px 6px 0 var(--ui-black);
  margin-bottom: 24px;
}
nav { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding: 15px; }
nav h1 {
  background: var(--ui-blue);
  color: var(--ui-black);
  padding: 8px 12px;
  border: 3px solid var(--ui-black);
  font-size: 14px;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 var(--ui-black);
  display: flex;
  justify-content: space-between;
}
.btn {
  padding: 10px 16px;
  font: 700 12px/1.6 'Press Start 2P', system-ui, sans-serif;
  color: var(--ui-black);
  background: var(--ui-blue);
  border: 3px solid var(--ui-black);
  box-shadow: 4px 4px 0 var(--ui-black);
  text-decoration: none;
  display: inline-block;
}
.btn:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--ui-black); }
.info-section { padding: 20px; }
.info-section > h2:first-child {
  background: var(--ui-yellow);
  padding: 8px 12px;
  border-bottom: 3px solid var(--ui-black);
  font-size: 12px;
  margin: -20px -20px 20px;
}
.faq-intro { font: 600 13px/1.7 system-ui, sans-serif; margin-bottom: 12px; }
@media (max-width: 600px) {
  .container { padding: 12px 14px 20px; }
  nav { flex-direction: column; align-items: stretch; }
  nav h1 { font-size: 10px; }
  nav .btn { align-self: stretch; text-align: center; font-size: 9px; }
  .info-section { padding: 15px; }
  .info-section > h2:first-child { margin: -15px -15px 18px; font-size: 10px; }
}