/* styles for Jam Digital & Jadwal Sholat */
:root{
  --accent: #35a853; /* hijau seperti di screenshot */
  --text: #222;
  --muted: #555;
}
*{box-sizing:border-box}
body{
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin:0;
  color:var(--text);
  background:#fff;
}
.container{
  max-width:760px;
  margin:40px auto;
  padding:20px;
  text-align:center;
}
h1{
  margin:0 0 18px;
  font-size:30px;
}
.digital-clock-container{
  margin:18px 0 28px;
}
#digitalClock{
  font-size:56px;
  color:var(--accent);
  font-weight:700;
  margin:0;
}
h2{
  margin-top:26px;
  margin-bottom:12px;
  color:#333;
}
#jadwalSholat ul{
  list-style:none;
  padding:0;
  margin:0 auto 6px;
  display:inline-block;
  text-align:left;
}
#jadwalSholat li{
  padding:6px 0;
  font-size:18px;
}
#jadwalSholat strong{
  color:#111;
}
#jadwalSholat span{
  color:var(--accent);
  margin-left:6px;
  font-weight:700;
}
#amalanAfterSholat{
  margin-top:18px;
  text-align:left;
}
#amalanAfterSholat p{font-weight:600}
#amalanList{margin-top:8px}
#amalanList li{margin-bottom:18px}
.arabic{font-family: "Scheherazade", "Noto Naskh Arabic", serif; font-size:18px; display:block}
.latin{font-style:italic; font-weight:700; display:block; margin-top:6px}
.arti{color:var(--muted); display:block; margin-top:6px}
#kalenderPuasa{margin-top:30px; text-align:center}
@media(max-width:480px){
  #digitalClock{font-size:40px}
  .container{padding:12px}
}