.ywd-grc-block,
.ywd-grc-block * ,
.ywd-grc-block *::before,
.ywd-grc-block *::after{
    box-sizing:border-box;
}

.ywd-grc-block{
    position:relative;
    display:grid;
    grid-template-columns:56px minmax(0,1fr) 56px;
    align-items:center;
    gap:12px;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
}

.ywd-grc-main-row{
    display:grid;
    grid-template-columns:200px minmax(0,1fr);
    align-items:center;
    gap:24px;
    width:100%;
}

.ywd-grc-summary{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100%;
    padding:0;
}

.ywd-grc-summary-inner{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
}

.ywd-grc-summary-title{
    margin:0 0 10px;
    font-size:28px;
    line-height:1.05;
    font-weight:700;
    color:#202124;
}

.ywd-grc-summary-stars{
    margin:0 0 10px;
    font-size:21px;
    line-height:1;
    letter-spacing:1px;
    color:#fbbc04;
}

.ywd-grc-summary-count{
    margin:0 0 14px;
    font-size:15px;
    line-height:1.35;
    color:#5f6368;
}

.ywd-grc-summary-count strong{
    color:#202124;
    font-weight:700;
}

.ywd-grc-badge{
    display:block;
    width:128px;
    height:auto;
}

.ywd-grc-carousel-shell{
    min-width:0;
    width:100%;
}

.ywd-grc-viewport{
    overflow:hidden;
    width:100%;
    cursor:grab;
    touch-action:pan-y;
    user-select:none;
}

.ywd-grc-viewport.is-dragging{
    cursor:grabbing;
}

.ywd-grc-track{
    display:flex;
    gap:20px;
    align-items:stretch;
    will-change:transform;
    transition:transform .35s ease;
}

.ywd-grc-track.is-dragging{
    transition:none;
}

.ywd-grc-card{
    flex:0 0 calc((100% - 40px) / 3);
    min-width:0;
    background:#f5f5f5;
    border:0;
    border-radius:0;
    padding:16px;
    min-height:250px;
    display:flex;
    flex-direction:column;
    box-shadow:none;
}

.ywd-grc-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.ywd-grc-card-user{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
}

.ywd-grc-avatar{
    width:38px;
    height:38px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    color:#fff;
    font-size:18px;
    line-height:1;
    font-weight:700;
}

.ywd-grc-user-meta{
    min-width:0;
}

.ywd-grc-name{
    margin:0 0 2px;
    font-size:15px;
    line-height:1.25;
    font-weight:700;
    color:#202124;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ywd-grc-date{
    margin:0;
    font-size:11px;
    line-height:1.2;
    color:#9aa0a6;
}

.ywd-grc-google-mark{
    flex-shrink:0;
    margin-top:2px;
    font-size:18px;
    font-weight:700;
    line-height:1;
    background:linear-gradient(45deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75% 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.ywd-grc-stars{
    margin:0 0 10px;
    font-size:16px;
    line-height:1;
    letter-spacing:1px;
    color:#fbbc04;
}

.ywd-grc-text-wrap{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    flex:1;
}

.ywd-grc-text{
    margin:0;
    font-size:14px;
    line-height:1.55;
    color:#4f4f4f;
}

.ywd-grc-read-more{
    margin-top:auto;
    padding-top:12px;
    border:0;
    background:transparent;
    color:#8d8d8d;
    font-size:12px;
    line-height:1.2;
    cursor:pointer;
}

.ywd-grc-read-more:hover{
    text-decoration:underline;
}

.ywd-grc-side-arrow{
    border:0;
    background:transparent;
    color:#d9d9d9;
    width:56px;
    height:56px;
    padding:0;
    font-size:42px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:color .2s ease;
}

.ywd-grc-side-arrow:hover{
    color:#bcbcbc;
}

.ywd-grc-side-arrow:disabled{
    opacity:.45;
    cursor:default;
}

.ywd-grc-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:14px;
}

.ywd-grc-dot{
    width:9px;
    height:9px;
    border-radius:999px;
    border:0;
    background:#d1dae7;
    padding:0;
    cursor:pointer;
}

.ywd-grc-dot.is-active{
    background:#4285f4;
}

@media (max-width: 1320px){
    .ywd-grc-card{
        flex-basis:calc((100% - 20px) / 2);
    }
}

@media (max-width: 1024px){
    .ywd-grc-block{
        grid-template-columns:36px minmax(0,1fr) 36px;
        gap:8px;
    }

    .ywd-grc-main-row{
        grid-template-columns:170px minmax(0,1fr);
        gap:16px;
    }

    .ywd-grc-summary-title{
        font-size:23px;
    }

    .ywd-grc-summary-stars{
        font-size:18px;
    }

    .ywd-grc-summary-count{
        font-size:13px;
    }

    .ywd-grc-badge{
        width:110px;
    }

    .ywd-grc-card{
        flex-basis:calc((100% - 20px) / 2);
        min-height:220px;
    }

    .ywd-grc-text{
        font-size:13px;
    }
}

@media (max-width: 767px){
    .ywd-grc-block{
        grid-template-columns:28px minmax(0,1fr) 28px;
        gap:4px;
    }

    .ywd-grc-main-row{
        grid-template-columns:1fr;
        gap:12px;
    }

    .ywd-grc-summary{
        min-height:auto;
    }

    .ywd-grc-summary-inner{
        text-align:center;
    }

    .ywd-grc-badge{
        width:110px;
        margin:0 auto;
    }

    .ywd-grc-card{
        flex-basis:100%;
        min-height:0;
    }

    .ywd-grc-side-arrow{
        width:28px;
        height:28px;
        font-size:30px;
    }
}