.s-siddur {
  font-family: "Noto Sans Hebrew", sans-serif;
  direction: rtl;
  background: #ffffff;
  color: #048b55;
  padding: 20px;
  border-radius: 8px;
}

.s-section {
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
}

.s-toggle {
  background: #ffffff;
   color: #048b55;

  border: none;
  width: 100%;
  text-align: right;
  padding: 10px;
  cursor: pointer;
  font-size: 1.1em;
  border-radius: 5px;
}

.s-toggle:hover {
  background: #ffffff;
  color: #048b55;
}

.s-content {
  display: none;
  background: #ffffff;
  padding: 10px;
  border: 1px solid #e0d4b7;
  border-radius: 5px;
  color: black;

  margin-top: 5px;
}

audio {
  margin-top: 10px;
  width: 100%;
}
.s-modal {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex; align-items: center; justify-content: center;
  z-index: 1000;
}

.s-modal-content {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  max-width: 500px;
  width: 90%;
  text-align: center;
  position: relative;
}

.s-close {
  position: absolute;
  top: 10px; right: 15px;
  cursor: pointer;
  font-size: 22px;
}

.s-audio-item {
  margin: 10px 0;
}