.sample-title {
  margin-top: 30px;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  text-align: center;
}

  .hero-subtitle{
  margin-top: 0px;
  margin-bottom:14px;
  font-size:16px;
  color:#6b7280;
  max-width:520px;
  line-height:1.5;
  color:#6b7280;
  font-size:15px;
}


  .schedule-step{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
}

.step-number{
width:28px;
height:28px;
border-radius:50%;
background:#55b685;
color:white;
font-size:13px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.schedule-step input{
flex:1;
width:100%;
border:1px solid #e5e7eb;
border-radius:10px;
padding:12px 14px;
font-size:15px;
outline:none;
box-sizing:border-box;
}

.schedule-step input:focus{
border-color:#55b685;
box-shadow:0 0 0 3px rgba(85,182,133,.2);
}

.remove-step{
background:none;
border:none;
font-size:18px;
cursor:pointer;
color:#9ca3af;
}

.remove-step:hover{
color:#ef4444;
}

.add-step-btn{
margin-top:10px;
border:none;
background:white;
color:#55b685;
padding:10px 14px;
border-radius:10px;
cursor:pointer;
font-weight:600;
}

.add-step-btn:hover{
background: white//#e3f6eb;
}

  
        .submit-circle-btn {
  position: absolute;
  right: 12px;
  bottom: 22px;
}
#submitSchedule{
  position: static;
}
    
  .schedule-actions{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:12px;
}

#submitSchedule{
position:static; /* override absolute positioning */
}

@media (max-width: 768px) {
#scheduleInputs {
width: 95%;
max-width: 95%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}

#scheduleSteps {
width: 100%;
max-width: 100%;
}

.schedule-step {
display: flex;
align-items: center;
width: 100%;
max-width: 100%;
gap: 8px;
box-sizing: border-box;
}

.schedule-step input {
flex: 1;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}

.remove-step,
.step-number {
flex-shrink: 0;
}
}

.character-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;

}

.character-row input {
  flex: 1;
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 15px;
  outline: none;
  box-sizing: border-box;
}

.character-row input:focus {
  border-color: #55b685;
  box-shadow: 0 0 0 3px rgba(85,182,133,.2);
}