/* Core tokens */
.cxr{ --cxr-card:#fff; --cxr-border:#e5e7eb; --cxr-accent:#2563eb; --cxr-text:#111827; --cxr-muted:#6b7280;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--cxr-text); position:relative;}
.cxr-card{ background:var(--cxr-card); border:1px solid var(--cxr-border); border-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,.04); position:relative; overflow:hidden; }

/* Stretched link (full-card link) */
.cxr .cxr-stretched-link{ position:absolute; inset:0; z-index:1; text-indent:-9999px; }
.cxr .cxr-card a.cxr-toggle{ position:relative; z-index:2; text-decoration:underline; color:var(--cxr-accent); }

/* Platform block */
.cxr .cxr-platform{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.cxr .cxr-platform-label{ font-size:12px; color:var(--cxr-muted); }
.cxr .cxr-plat{ width:64px; height:64px; border-radius:12px; display:grid; place-items:center; color:#fff; font-weight:800; font-size:30px; }
.cxr .cxr-plat.cxr-google{ background:#ea4335; }
.cxr .cxr-plat.cxr-yelp{ background:#d32323; font-size:26px; }
.cxr .cxr-plat.cxr-yahoo{ background:#720e9e; }
.cxr .cxr-plat.cxr-custom{ background:#111827; }

/* Stars & verified */
.cxr .cxr-stars{ font-size:16px; color:#f59e0b; white-space:nowrap; }
.cxr .cxr-verified{ font-size:12px; color:#111827; display:inline-flex; align-items:center; gap:6px; }
.cxr .cxr-verified .tick{ display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; border-radius:999px; background:#111827; color:#fff; font-size:11px; }

/* Avatars */
.cxr .cxr-avatar{ width:64px; height:64px; border-radius:999px; background:#e5ecff; color:#2747ff; display:grid; place-items:center; font-weight:800; font-size:24px; }
.cxr .cxr-avatar.big{ width:86px; height:86px; font-size:30px; }

/* Layout 1: columns */
.cxr.cxr-layout1 .cxr-card.l1{ display:grid; grid-template-columns:100px 160px 1fr; gap:18px; padding:18px; }
.cxr .cxr-col-avatar{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:8px; border-right:1px solid var(--cxr-border); padding-right:14px; }
.cxr .cxr-col-platform{ display:flex; align-items:center; justify-content:center; }
.cxr .cxr-col-content{ display:flex; flex-direction:column; gap:8px; }
.cxr .cxr-row-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cxr .cxr-name{ color:#2563eb; font-weight:700; }
.cxr .cxr-title{ font-size:15px; color:#374151; }
.cxr .cxr-desc{ font-size:15px; color:#374151; line-height:1.6; }
.cxr .cxr-stars-under{ margin-left:6px; }
.cxr .cxr-verify-under{ margin-left:6px; }

/* Layout 2 */
.cxr.cxr-layout2 .cxr-card.l2{ display:grid; grid-template-columns:1fr 320px; gap:20px; padding:20px; }
.cxr .cxr-quote{ font-size:15px; color:#374151; line-height:1.6; text-align:center; }
.cxr .cxr-right{ display:flex; gap:16px; align-items:center; justify-content:flex-end; }
.cxr .cxr-reviewer-box{ border-left:1px solid var(--cxr-border); padding-left:16px; display:flex; flex-direction:column; align-items:center; gap:6px; min-width:180px; }

/* Responsive */
@media (max-width: 980px){
  .cxr.cxr-layout1 .cxr-card.l1{ grid-template-columns:90px 140px 1fr; }
}
@media (max-width: 680px){
  .cxr.cxr-layout1 .cxr-card.l1{ grid-template-columns:70px 1fr; }
  .cxr .cxr-col-avatar{ border-right:none; padding-right:0; flex-direction:row; align-items:center; gap:10px; }
  .cxr .cxr-row-top{ flex-wrap:wrap; }
}
@media (max-width: 900px){
  .cxr.cxr-layout2 .cxr-card.l2{ grid-template-columns:1fr; }
  .cxr .cxr-right{ justify-content:center; flex-wrap:wrap; }
  .cxr .cxr-reviewer-box{ border-left:none; border-top:1px solid var(--cxr-border); padding-left:0; padding-top:14px; width:100%; align-items:center; }
}