/* =========================================================================
   fase-e/mpi-1.1/styles.css
   Sifat Operasi Bilangan Berpangkat — Fase E (SMK RPL), Discovery Learning

   Hanya memuat gaya yang KHAS modul ini (pita aturan cerita, judul
   tabel, kamus pangkat yang dapat dilipat, pemisah antartabel pola,
   jarak antarlangkah ubin, kisi kartu rumus). Dasar design system —
   panel, tombol, umpan balik, pilihan ganda, petunjuk, langkah isian,
   pemilahan, tabel pangkat, tabel pola eksponen, ubin faktor, lab uji
   sifat, kartu rumus, perbandingan dugaan, kartu ringkasan, navigasi
   tahap, modal — berasal dari shared/base.css.
   ========================================================================= */

/* Pita aturan pada cerita stimulasi */
.eks-rule {
  display: flex;
  gap: var(--space-2);
  align-items: flex-start;
  padding: var(--space-2) var(--space-3);
  border-left: 4px solid var(--color-purple);
  border-radius: var(--radius-sm);
  background: var(--color-purple-soft);
  color: var(--color-purple-strong);
  font-weight: 600;
}

.eks-ladder-title {
  margin: var(--space-3) 0 0;
  font-weight: 700;
  color: var(--color-ink-muted);
}

/* Kamus tabel pangkat (dapat dilipat) di atas tabel pola */
.eks-kamus {
  margin-bottom: var(--space-4);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg);
}

.eks-kamus summary {
  cursor: pointer;
  font-weight: 700;
}

/* Setiap tabel pola dipisah garis putus-putus */
.eks-pola + .eks-pola,
.eks-kamus + .eks-pola {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px dashed var(--color-border);
}

.eks-pola__judul {
  margin: 0 0 var(--space-1);
}

.eks-olah-grid {
  display: grid;
  gap: var(--space-4);
}

/* Langkah isian berubin: beri jarak antarlangkah */
.eks-step + .eks-step {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px dashed var(--color-border);
}

.eks-diagnosa {
  margin: var(--space-3) 0;
  display: grid;
  gap: var(--space-2);
}

/* Kartu rumus: tiga kartu sejajar di layar lebar */
.eks-formula-grid {
  max-width: 900px;
}