body{
font-family: Arial;
background-color:#f5f5f5;
}

.container{
width:min(100% - 2rem, 50rem);
margin:auto;
}

.section{
background:white;
padding:clamp(1rem, 4vw, 1.25rem);
margin-top:1.25rem;
border-radius:0.625rem;
overflow-wrap:anywhere;
}

.smallText{
color:gray;
font-size:0.875rem;
}


.apply-right-now {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.625rem 1rem;
    background-color: #2563eb;
    color: white;
    text-decoration: none;
    border-radius: 0.375rem;
    font-weight: 600;
    transition: background-color 0.2s ease;
}

.apply-right-now:hover {
    background-color: #1e40af;
}



.user-comment-card{

    border:1px solid #e2e8f0;
    border-radius:0.5rem;
    padding:1rem;
    margin-bottom:0.75rem;
    background:#fbfdff;
    box-shadow:0 8px 22px rgba(15, 23, 42, 0.05);

}

.comment-scholarship{

    font-weight:600;
    color:#1d4ed8;
    margin-bottom:0.45rem;

}

.comment-text{

    color:#334155;
    margin-bottom:0.55rem;
    line-height:1.55;
    overflow-wrap:anywhere;

}

.comment-date{

    font-size:0.8rem;
    color:#64748b;

}

#userComments > p {
    margin:0;
    padding:1.1rem;
    color:#64748b;
    text-align:center;
    background:#f8fafc;
    border:1px dashed #cbd5e1;
    border-radius:0.5rem;
}


.submission-card{
padding:0.75rem 1rem;
border-radius:0.625rem;
border:1px solid #ddd;
margin-bottom:0.75rem;
background:white;
overflow-wrap:anywhere;
}

.submission-name{
font-weight:600;
margin-bottom:4px;
}

.submission-status{
font-size:0.875rem;
}

.no-submissions{
color:#888;
font-size:0.875rem;
}