/* .calendarCard removed to keep default .card padding */

.calendarLayout{
display:flex;
flex-direction:column;
gap:24px;
}

.calendarSection{
display:flex;
flex-direction:column;
gap:24px;
}

.calendarSectionPrimary{
gap:16px;
}

.calendarSectionOutput{
gap:16px;
}

.calendarHolidayRow{
display:flex;
flex-wrap:nowrap;
gap:12px;
align-items:stretch;
}

.calendarHolidayRow > input{
flex:1;
min-width:0;
}

.calendarHolidayRow .btn{
flex-shrink:0;
width:auto;
min-width:104px;
}

.calendarActionBtn{
width:100%;
}

.calendarSection .copyField,
.calendarSection .previewBox,
.calendarSection .listContainer{
margin-top:2px;
}

.listContainer{
margin-top:4px;
}

#customSize .formRow > *{
flex:1;
min-width:0;
}

#importBox{
display:flex;
flex-direction:column;
gap:10px;
}

.calendarGuideSelector{
margin-top:4px;
}



@media (max-width:699px){
.calendarHolidayRow{
gap:8px;
}

.calendarHolidayRow .btn{
min-width:80px;
width:auto;
}
}