/* OMI Pro V28 — footer precision + dual discussion (interactive + full step-by-step) */
:root{--v28-blue:#177fab;--v28-green:#08745c;--v28-gold:#ad760b;--v28-red:#b44755}

/* Footer: exactly 3 equal single-icon controls. Skip/Lewat is removed from exam markup and handlers. */
body.legacy-app .q-nav,
body.legacy-app.omi-exam-active .q-nav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  gap:8px!important;
  width:min(680px,calc(100% - 16px))!important;
  max-width:680px!important;
  padding:8px!important;
  overflow:hidden!important;
}
body.legacy-app .q-nav>.nav-mid{display:none!important}
body.legacy-app .q-nav>#checkBtn{display:none!important}
body.legacy-app .q-nav>#prevBtn,
body.legacy-app .q-nav>#flagBtn,
body.legacy-app .q-nav>#nextBtn{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:0!important;
  margin:0!important;
  border-radius:15px!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:850!important;
  text-indent:0!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body.legacy-app .q-nav>#prevBtn{grid-column:1!important;grid-row:1!important;background:#f3f6f8!important;color:#687b8e!important;border:1px solid #dfe6ec!important;box-shadow:none!important}
body.legacy-app .q-nav>#flagBtn{grid-column:2!important;grid-row:1!important;background:linear-gradient(145deg,#fff4c9,#f7dc83)!important;color:#8b5c00!important;border:1px solid #ead077!important;box-shadow:none!important}
body.legacy-app .q-nav>#nextBtn{grid-column:3!important;grid-row:1!important;background:#09aa79!important;color:#fff!important;border:1px solid #078966!important;box-shadow:none!important}
body.legacy-app .q-nav>#prevBtn::before,body.legacy-app .q-nav>#prevBtn::after,
body.legacy-app .q-nav>#flagBtn::before,body.legacy-app .q-nav>#flagBtn::after,
body.legacy-app .q-nav>#nextBtn::before,body.legacy-app .q-nav>#nextBtn::after{content:none!important;display:none!important}
@media(max-width:390px){body.legacy-app .q-nav,body.legacy-app.omi-exam-active .q-nav{gap:6px!important;padding:7px!important}body.legacy-app .q-nav>#prevBtn,body.legacy-app .q-nav>#flagBtn,body.legacy-app .q-nav>#nextBtn{height:48px!important;min-height:48px!important;max-height:48px!important;font-size:25px!important}}

/* Two discussion choices live inside every question, not in the footer. */
.question-tools{display:grid!important;gap:9px!important;margin:18px 0 4px!important;padding-top:16px!important;border-top:1px solid var(--line)!important}
.discussion-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}
.question-tools .discussion-action,
.question-tools #checkBtn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:100%!important;min-width:0!important;max-width:none!important;min-height:48px!important;height:auto!important;
  padding:10px 12px!important;margin:0!important;border-radius:14px!important;font-size:.9rem!important;line-height:1.25!important;
  font-weight:850!important;text-align:center!important;text-indent:0!important;letter-spacing:0!important;white-space:normal!important;
  box-shadow:none!important;position:static!important;
}
.question-tools .discussion-guided{border:1px solid #c9dff0!important;background:#eef8ff!important;color:#176e9d!important}
.question-tools .discussion-full{border:1px solid #c9dfd7!important;background:#eef9f5!important;color:#08745c!important}
.question-tools .discussion-action::before,.question-tools .discussion-action::after,.question-tools #checkBtn::before,.question-tools #checkBtn::after{content:none!important;display:none!important}
.question-tools .discussion-action.hidden,.question-tools #checkBtn.hidden{display:none!important}
.question-tools .discussion-action:disabled,.question-tools #checkBtn:disabled{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.16)!important}
.discussion-note{margin:0!important;padding:0 2px!important;font-size:.79rem!important;color:var(--muted)!important;line-height:1.45!important;text-align:left!important}
@media(max-width:560px){.discussion-actions{grid-template-columns:1fr}.discussion-note{text-align:center!important}}

/* Full solution: same stages as the interactive tutor, all visible at once. */
.v28-full-feedback{padding:0!important;border:0!important;background:transparent!important}
.full-discussion{margin-top:18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--accent) 4%,var(--panel));overflow:hidden}
.full-discussion.correct{border-color:color-mix(in srgb,var(--ok) 38%,var(--line))}.full-discussion.wrong{border-color:color-mix(in srgb,var(--danger) 38%,var(--line))}
.full-discussion-head{display:grid;gap:8px;padding:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel));border-bottom:1px solid var(--line)}
.full-discussion-head small{font-size:.69rem;font-weight:900;letter-spacing:.08em;color:var(--accent)}.full-discussion-head h3{margin:1px 0 0;font-size:1.08rem}.attempt-status{display:inline-flex;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.75rem;font-weight:800;color:var(--muted)}
.solution-intro{margin:0;padding:15px 18px;color:var(--muted);line-height:1.58;border-bottom:1px solid var(--line)}
.solution-step{margin:14px 16px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 5px 14px rgba(26,58,49,.045)}
.solution-step-head{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px}.solution-step-head>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 11%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));color:var(--accent);font-weight:900}.solution-step-head small{display:block;color:var(--muted);font-size:.67rem;font-weight:850;letter-spacing:.06em}.solution-step-head h4{margin:1px 0 0;font-size:1rem}
.solution-block{margin:9px 0 0;padding:11px 12px;border-radius:12px;background:var(--panel2);border:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.solution-block b{display:block;margin-bottom:4px;font-size:.78rem;color:var(--text)}.solution-block p{margin:0;line-height:1.58}.solution-block.reason{background:color-mix(in srgb,#f6c84f 12%,var(--panel));border-color:color-mix(in srgb,#c99e24 28%,var(--line))}.solution-block.model{background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.solution-block.check ul{margin:5px 0 0;padding-left:1.15rem}.solution-block.check li{margin:.25rem 0;line-height:1.5}
.solution-final{margin:16px;padding:17px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--panel)),color-mix(in srgb,#f7c84b 8%,var(--panel)));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.solution-final small{display:block;color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.08em}.solution-final h4{margin:5px 0 10px;font-size:1.05rem}.solution-final p{margin:.48rem 0;line-height:1.58}
.option.v28-correct{border-color:var(--ok)!important;background:color-mix(in srgb,var(--ok) 10%,var(--panel))!important}.option.v28-wrong{border-color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 8%,var(--panel))!important}.option.v28-locked{cursor:default!important;transform:none!important}

/* Richer explanation inside the interactive guided tutor. */
.guided-why{margin:9px 0 12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#f6c84f 11%,var(--panel));border:1px solid color-mix(in srgb,#c99e24 28%,var(--line));font-size:.88rem;line-height:1.55}.guided-why>b{display:block;margin-bottom:3px}.guided-why p{margin:0}.guided-history-why{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,#f6c84f 9%,var(--panel));line-height:1.5}.guided-model p{line-height:1.55}