.roqm-list{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:20px;
}

.roqm-card{
    background:#f5f0dc;
    border:2px solid #8b6f3d;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.15);
}

.roqm-card h3{
    background:#5a7db8;
    color:#fff;
    padding:10px;
    margin:0;
}

.roqm-card h3 a{
    color:#fff;
    text-decoration:none;
}

.roqm-thumb img{
    width:100%;
    height:auto;
}

.roqm-excerpt{
    padding:15px;
}

.roqm-search{
    margin-bottom:20px;
}

.roqm-search input{
    width:300px;
    padding:10px;
}

.roqm-search button{
    padding:10px 20px;
}

.roqm-single{

    background:#fdf7e3;

    border:3px solid #9b7a3f;

    padding:25px;

    border-radius:15px;
}

.roqm-single h2{

    background:#4f6ea8;

    color:white;

    padding:15px;

    border-radius:10px;
}

.roqm-info{

    width:100%;

    border-collapse:collapse;

    margin-top:20px;
}

.roqm-info th{

    width:200px;

    background:#d9c38c;

    padding:10px;

    text-align:left;
}

.roqm-info td{

    padding:10px;

    border-bottom:1px solid #ddd;
}

.roqm-content{

    margin-top:30px;

    line-height:1.8;
}

.roqm-reward{

    margin-top:30px;

    background:#fff6d7;

    border:1px solid #d2bc7d;

    padding:15px;
}
.roqm-objective{

    margin-top:20px;

    background:#ffeeb9;

    border:2px solid #c89d2a;

    border-radius:10px;

    padding:15px;
}

.roqm-steps{

    margin-top:20px;

    background:#e7f2ff;

    border:2px solid #7ca5db;

    border-radius:10px;

    padding:20px;
}

.roqm-steps li{

    margin-bottom:10px;
}

.roqm-reward{

    margin-top:20px;

    background:#fff8d8;

    border:2px solid #d3b460;
}