.gb-side-wrap{
    width:100%;
}

.gb-side-box{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    margin-bottom:22px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.gb-side-title{
    background:#111827;
    color:#fff;
    padding:14px 18px;
    font-size:17px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.4px;
}

.gb-side-content{
    padding:18px;
}

.gb-info-box h3{
    margin:0 0 15px;
    font-size:24px;
    color:#111827;
    font-weight:800;
}

.gb-info-list{
    list-style:none;
    padding:0;
    margin:0 0 18px;
}

.gb-info-list li{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:10px 0;
    border-bottom:1px dashed #e5e7eb;
    font-size:15px;
}

.gb-info-list li span{
    color:#6b7280;
}

.gb-info-list li strong{
    color:#111827;
    text-align:right;
}

.gb-read-first{
    display:block;
    width:100%;
    padding:13px 10px;
    border-radius:12px;
    background:#f97316;
    color:#fff !important;
    text-align:center;
    font-size:16px;
    font-weight:800;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(249,115,22,.25);
}

.gb-read-first:hover{
    background:#ea580c;
}

.gb-chap-list,
.gb-rank-list{
    list-style:none;
    padding:0;
    margin:0;
}

.gb-chap-list li,
.gb-rank-list li{
    margin-bottom:10px;
}

.gb-chap-list li:last-child,
.gb-rank-list li:last-child{
    margin-bottom:0;
}

.gb-chap-list a{
    display:block;
    padding:12px 14px;
    border-radius:12px;
    background:#f9fafb;
    text-decoration:none !important;
    transition:.2s ease;
}

.gb-chap-list a span{
    display:block;
    color:#111827;
    font-size:16px;
    font-weight:800;
}

.gb-chap-list a em{
    display:block;
    margin-top:4px;
    color:#6b7280;
    font-size:13px;
    font-style:normal;
}

.gb-chap-list a:hover{
    background:#fff7ed;
}

.gb-rank-list a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border-radius:12px;
    background:#f9fafb;
    color:#111827 !important;
    text-decoration:none !important;
    transition:.2s ease;
}

.gb-rank-list a b{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#f97316;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}

.gb-rank-list a span{
    font-size:16px;
    font-weight:800;
}

.gb-rank-list a:hover{
    background:#fff7ed;
}

@media(max-width:768px){

.gb-side-box{
    border-radius:12px;
    margin-bottom:16px;
}

.gb-side-title{
    font-size:15px;
    padding:12px 14px;
}

.gb-side-content{
    padding:14px;
}

.gb-info-box h3{
    font-size:20px;
}

.gb-info-list li{
    font-size:14px;
}

.gb-chap-list a span,
.gb-rank-list a span{
    font-size:14px;
}
}