/* Susun Ayat */
.sa-q { margin: 0; font: 700 1.2rem/1.35 var(--round); }
.sa-pic {
  border: 0; background: var(--card); border-radius: 28px; box-shadow: 0 4px 0 var(--line);
  width: 130px; height: 130px; font-size: 80px; line-height: 130px; padding: 0;
}

.sa-line {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; width: 100%; max-width: 420px;
  padding: 12px; border-radius: 18px; background: #FFFDF8; border: 3px dashed var(--line);
}
.sa-slot {
  min-width: 56px; height: 46px; padding: 0 8px; border-bottom: 4px solid var(--muted);
  display: grid; place-items: center; font: 800 1.15rem var(--round);
}
.sa-slot.full { border-color: var(--orange); }
.sa-line.done { border-style: solid; border-color: var(--green); background: #E3F4E6; }
.sa-line.done .sa-slot { border-color: transparent; }

.sa-tiles { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; max-width: 420px; margin-top: 4px; }
.sa-tile {
  height: 54px; padding: 0 16px; border: 0; border-radius: 16px;
  background: var(--card); box-shadow: 0 4px 0 var(--line); font: 800 1.2rem var(--round);
}
.sa-tile:active { transform: translateY(2px); box-shadow: 0 2px 0 var(--line); }
.sa-tile:disabled { opacity: 0.25; box-shadow: none; }