@charset "utf-8";
/* CSS Document */

.musiclic-penta-tool{
    max-width:900px;
    margin:20px auto;
}

.musiclic-penta-selector{
    margin-bottom:25px;
}

.musiclic-penta-selector label{
    display:block;
    font-weight:bold;
    margin-bottom:8px;
}

.musiclic-penta-selector select{
    width:100%;
    max-width:350px;
    padding:10px;
    font-size:16px;
}

#pentaResult{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}

.musiclic-penta-card{
    background:#f9f9f9;
    border:1px solid #ddd;
    border-radius:8px;
    padding:20px;
}

.musiclic-penta-card h3{
    margin-top:0;
    margin-bottom:15px;
    color:#336699;
}

.musiclic-penta-card p{
    margin:8px 0;
    line-height:1.6;
}