:root {
  --bg1: #fefce8; --bg2: #fef3c7;
  --accent: #d97706; --accent2: #b45309; --soft: #fef3c7;
}
.trap {
  position: relative; background: #fff; border-radius: 22px; box-shadow: var(--shadow); border: 1px solid var(--line);
  padding: 8px; margin: 0 auto 12px; max-width: 600px;
}
.trap svg { display: block; width: 100%; height: auto; }
.trap .loper { position: absolute; font-size: 34px; transform: translate(-50%, -100%); transition: left .7s ease-in-out, top .7s ease-in-out; pointer-events: none; }
.vraagzin { font-size: 30px; font-weight: 900; text-align: center; margin: 6px 0 12px; }
.vraagzin .van { color: #ea580c; }
.vraagzin .naar { color: #2563eb; }
.vraagzin small { display: block; font-size: 15px; color: var(--muted); font-weight: 700; }
.k-mc button.maat { font-size: 24px; }
@media (max-width: 560px) {
  .vraagzin { font-size: 24px; }
  .trap .loper { font-size: 24px; }
}