body{
    /* background-color:rgb(18, 18, 18); */
    color:white;
    /* font-family:sans-serif; */
    /* padding:60px; */
    margin:0;
} 

.doubt-page h2{
    text-align:center;
    margin-bottom:28px;
    font-size: clamp(28px, 5vw, 50px);
    font-weight:bold;
}

.gray{
    color:gray;
}

.doubt-container{
    border:2px solid #449aff;
    border-radius:8px;
    padding:30px;
    max-width:980px;
    margin:auto;
    background-color:rgb(18, 18, 18);
    transition: box-shadow 0.3s ease;
}

.doubt-container:hover {
  box-shadow: 0 0 10px rgba(68, 154, 255, 0.5);
}


.doubt-item{
    border-bottom:1px solid gray;
    padding:5px 0;
}

.doubt-question{
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items: flex-start; 
    font-size: clamp(1.1em, 2.5vw, 1.4em);
    font-weight:bold;
    gap: 12px; 
    flex-wrap: wrap; 
    word-break: break-word; 
}

.doubt-question:hover{
    color:#449aff;
    transition:color 0.2s;
}
.doubt-answer{
    max-height:0;
    overflow-y:hidden;
    transition:max-height 0.4s ease;
    color:gray;
    font-size:1.2em;
    margin-top:8px;
    font-weight:bold;
    margin-bottom:10px;
}

.doubt-answer.show{
    max-height:300px;
}

.dbtoggle{
    font-size:1.5em;
    transition:transform 0.3s ease;
    flex-shrink: 0;
}

.dbtoggle.dbrotate{
    transform:rotate(45deg)
}