.k4y-eq-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
}
.k4y-eq-image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 9px;
}
.k4y-eq-options { display: grid; gap: 8px; }
.k4y-eq-copy { min-width: 0; }
.k4y-eq-option {
  display: block;
  width: 100%;
  padding: 10px 12px;
  text-align: left;
  border: 1px solid var(--line, #ddd);
  border-radius: 8px;
  color: var(--ink, #191528);
  background: var(--surface, #f8f7fe);
  font: 500 14px/1.4 system-ui, sans-serif;
  cursor: pointer;
}
.k4y-eq-option:not(:disabled):is(:hover, :focus-visible) {
  outline: 2px solid var(--purple, #6424c2);
  outline-offset: 1px;
}
.k4y-eq-option.is-correct { background: #e6f4e9; border-color: #287f3e; color: #164a25; }
.k4y-eq-option.is-wrong { background: #fff0ee; border-color: #ba392d; color: #87291f; }
.k4y-eq-option:disabled,
.fp-root .k4y-eq-option:disabled { cursor: default; opacity: 1; }
.k4y-eq-feedback { font-size: 14px; line-height: 1.5; }
.k4y-eq-feedback:empty { display: none; }
.k4y-eq-details { display: inline-block; margin-left: 12px; font-size: 13px; color: var(--muted, #625c72); }
a.k4y-eq-action,
.kc a.k4y-eq-action {
  display: inline-block;
  margin-top: 12px;
  border-radius: 8px;
  padding: 10px 16px;
  color: #fff !important;
  background: var(--action, #6424c2);
  font: 650 14px/1.4 system-ui, sans-serif;
  text-decoration: none !important;
}
.k4y-eq-back { font-size: 14px; }
.k4y-eq-review { margin: 0; padding-left: 22px; font-size: 14px; }
.k4y-eq-review li { margin-bottom: 10px; }
@media (max-width: 760px) {
  .k4y-eq-preview { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .k4y-eq-details { display: block; margin: 6px 0 0; }
}