/* Embed-only layout for /embed/<quiz>/. The quiz UI comes from the tool's
   shared.css + components.css + quizzes.css; this file just frames it for an
   iframe (transparent background so the host page shows through). */
html, body.lk-embed {
  margin: 0;
  padding: 0;
  background: transparent;
}
body.lk-embed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px;
  box-sizing: border-box;
}
body.lk-embed main {
  width: 100%;
  max-width: 560px;
  margin: 0;
  padding: 0;
}
body.lk-embed .card { margin: 0; }
.embed-attrib {
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #b0355f;
  text-decoration: none;
  opacity: 0.85;
}
.embed-attrib:hover { opacity: 1; text-decoration: underline; }