.tcgr-widget{font-family:inherit;color:#1d2327;line-height:1.5;margin:24px 0}
.tcgr-widget *{box-sizing:border-box}
.tcgr-widget-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tcgr-widget-title{font-size:20px;font-weight:600}
.tcgr-widget-summary{display:flex;align-items:center;gap:6px;font-size:15px}
.tcgr-widget-summary strong{font-size:18px}
.tcgr-grid{display:grid;grid-template-columns:repeat(var(--tcgr-cols,3),1fr);gap:16px}
.tcgr-list{display:flex;flex-direction:column;gap:16px}
.tcgr-card{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.tcgr-card-head{display:flex;align-items:center;gap:10px}
.tcgr-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e9ecef;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:#495057}
.tcgr-avatar-fallback{font-size:18px}
.tcgr-meta{flex:1;min-width:0}
.tcgr-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcgr-sub{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}
.tcgr-stars{display:inline-flex;letter-spacing:1px}
.tcgr-star{color:#d1d5db;font-size:14px;line-height:1}
.tcgr-star.is-on{color:#fbbf24}
.tcgr-text{font-size:14px;color:#374151;white-space:pre-wrap;word-break:break-word}
.tcgr-text p{margin:0 0 6px}
.tcgr-text p:last-child{margin:0}
/* Read-more clamp for grid/list (max-height works with wpautop <p> children,
   unlike -webkit-line-clamp). ~5 lines at the inherited 1.5 line-height. */
.tcgr-card .tcgr-text.tcgr-clamp{max-height:7.5em;overflow:hidden}
.tcgr-card .tcgr-text.tcgr-clamp.tcgr-animating{max-height:none}
.tcgr-card.is-expanded .tcgr-text.tcgr-clamp{max-height:none;overflow:visible}
.tcgr-reply{background:#f3f4f6;border-radius:8px;padding:10px 12px;font-size:13px}
.tcgr-reply-label{font-weight:600;color:#374151;margin-bottom:4px}
.tcgr-reply-text{color:#4b5563;white-space:pre-wrap;word-break:break-word}
.tcgr-load-more-wrap{display:flex;justify-content:center;margin-top:20px}
.tcgr-load-more{appearance:none;background:#1d4ed8;color:#fff;border:0;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}
.tcgr-load-more:hover{background:#1e40af}
.tcgr-load-more:disabled{background:#9ca3af;cursor:not-allowed}
.tcgr-empty{color:#6b7280;font-style:italic;padding:20px;text-align:center;border:1px dashed #e5e7eb;border-radius:8px}
.tcgr-google svg{display:block}
@media(max-width:900px){.tcgr-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.tcgr-grid{grid-template-columns:1fr}}

/* ---- Carousel layout (screenshot style) ---- */
.tcgr-layout-carousel{--tcgr-gap:18px}
.tcgr-carousel{position:relative;display:flex;align-items:center;gap:8px}
.tcgr-track{display:flex;gap:var(--tcgr-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px;flex:1;-ms-overflow-style:none;scrollbar-width:none}
.tcgr-track::-webkit-scrollbar{display:none}
.tcgr-track:focus{outline:none}
.tcgr-c-card{position:relative;flex:0 0 calc((100% - (var(--tcgr-cols,4) - 1) * var(--tcgr-gap)) / var(--tcgr-cols,4));scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#fff;border:1px solid #ececec;border-radius:14px;padding:24px 20px 18px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.tcgr-c-g{position:absolute;top:14px;right:14px;line-height:0}
.tcgr-c-g svg{display:block}
.tcgr-c-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#e9ecef;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:#5f6368;font-size:22px;margin-bottom:2px}
.tcgr-c-name{font-weight:700;font-size:15px;color:#202124;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 18px}
.tcgr-c-date{font-size:13px;color:#9aa0a6}
.tcgr-c-rating{display:flex;align-items:center;justify-content:center;gap:5px;margin:2px 0 4px}
.tcgr-layout-carousel .tcgr-star{font-size:18px}
.tcgr-verified{display:inline-flex;align-items:center;line-height:0}
.tcgr-c-text{font-size:14px;color:#5f6368;line-height:1.55;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.tcgr-c-text.tcgr-animating{-webkit-line-clamp:unset;display:block;overflow:hidden}
.tcgr-c-card.is-expanded .tcgr-c-text{-webkit-line-clamp:unset;display:block;overflow:visible}
/* Read more — plain text link. Hardened so the host theme's global button
   styles can't paint a pill/background on hover/active/focus; no hover effect. */
.tcgr-widget .tcgr-readmore,
.tcgr-widget .tcgr-readmore:hover,
.tcgr-widget .tcgr-readmore:focus,
.tcgr-widget .tcgr-readmore:active{background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;outline:none;color:var(--tcgr-accent,#1a73e8) !important;text-decoration:none;-webkit-appearance:none;appearance:none;transform:none}
.tcgr-widget .tcgr-readmore{display:inline-block;width:auto;margin:0;padding:6px 0 0 !important;font-size:13px;font-weight:600;line-height:1.4;text-transform:none;cursor:pointer;transition:none}
.tcgr-layout-carousel .tcgr-readmore{margin-top:auto}
.tcgr-card .tcgr-readmore{align-self:flex-start}
.tcgr-widget .tcgr-readmore[hidden]{display:none}
/* High specificity + !important so the host theme's global button styles
   can't repaint the arrows (teal fill / hidden icon). */
.tcgr-widget .tcgr-arrow{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;background:#fff !important;border:1px solid #e4e4e7 !important;color:#5f6368 !important;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08);-webkit-appearance:none;appearance:none;transition:background .15s ease,color .15s ease}
.tcgr-widget .tcgr-arrow:hover{background:#f8f9fa !important;color:var(--tcgr-accent,#202124) !important}
.tcgr-widget .tcgr-arrow svg{width:22px;height:22px;display:block}
.tcgr-widget .tcgr-arrow svg path{fill:currentColor !important}
.tcgr-widget .tcgr-arrow[hidden]{display:none}
@media(max-width:1000px){.tcgr-layout-carousel{--tcgr-cols:3 !important}}
@media(max-width:760px){.tcgr-layout-carousel{--tcgr-cols:2 !important}}
@media(max-width:520px){.tcgr-layout-carousel{--tcgr-cols:1 !important}}