/* ---------- card size & flex layout ---------- */
.g-card            { width:auto; height:200px; }
.g-card .card-body { display:flex; flex-direction:column; height:100%; min-height:0; }

/* ---------- header ---------- */
.g-avatar          { width:36px; height:36px; border-radius:50%; object-fit:cover }
.g-name-link       { font-weight:500; font-size:.92rem; color:#1a73e8; text-decoration:none; cursor:pointer }
.g-wordmark        { height:18px; margin-left:.25rem; position:relative; top:1px }

/* ---------- stars / time ---------- */
.g-stars           { color:#FFD600; font-size:1rem; line-height:1; margin-right:.25rem }

/* ---------- scrollable comment ---------- */
.g-text            { flex:1 1 auto; overflow-y:auto; min-height:0; font-size:.88rem;
                      word-break:break-word; scrollbar-width:thin; scrollbar-color:#b4b4b4 transparent; }
.g-text::-webkit-scrollbar{width:6px}
.g-text::-webkit-scrollbar-track{background:transparent}
.g-text::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}
.g-text:hover::-webkit-scrollbar-thumb{background:#999}

/* ---------- footer link ---------- */
.g-footer-link     { font-size:.8rem; cursor:pointer; text-decoration:none }

/* optional subtle lift on hover */
.g-card:hover      { box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); }