#crc-calendar{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto;
max-width:720px;
margin:auto;
}

.crc-header{
display:flex;
justify-content:space-between;
margin-bottom:15px;
}

.crc-header button{
background:#fff;
border:1px solid #ddd;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
font-size:18px;
}

.crc-months{
display:flex;
gap:30px;
flex-wrap:wrap;
}

.crc-month{
flex:1;
min-width:300px;
}

.crc-title{
font-weight:600;
font-size:18px;
margin-bottom:10px;
text-align:center;
}

.crc-grid{
display:grid;
grid-template-columns:repeat(7,1fr);
gap:6px;
}

.crc-week{
font-size:12px;
color:#777;
margin-bottom:8px;
text-align:center;
}

.crc-day{
padding:10px;
text-align:center;
border-radius:50%;
cursor:default;
transition:0.2s;
}

.crc-day:hover{
background:#f7f7f7;
}

.crc-past{
color:#ccc;
}

.crc-blocked{
background:#ff7a00;
color:white;
font-weight:600;
}

.crc-empty{
height:34px;
}

@media(max-width:700px){

.crc-months{
flex-direction:column;
}

}


.editable:focus{
    outline: 2px solid #007cba;
    background: #f1f8ff;
}

.editable-date{
    width: 100px;
    box-sizing: border-box;
    padding: 2px 4px;
}