/* Heading */
.wbt-heading{
  font-size: 1.8rem;
  font-weight: 700;
  text-align:center;
  margin: 0 0 1.5em;
}

/* Grid and cards */
.wbt-grid{
  --wbt-scale: 1;
  --wbt-gap: 18px;
  display:grid; gap: var(--wbt-gap);
  font-size: calc(1rem * var(--wbt-scale));
}
.wbt-grid.columns-1{grid-template-columns:1fr}
.wbt-grid.columns-2{grid-template-columns:repeat(2,1fr)}
.wbt-grid.columns-3{grid-template-columns:repeat(3,1fr)}
@media (max-width: 720px){ .wbt-grid.columns-2, .wbt-grid.columns-3{grid-template-columns:1fr} }
.wbt-card{
  background:#fff; border-radius:18px; padding:18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);
}
.wbt-stars{ color:#111; letter-spacing:2px; font-size:1.05em; margin-bottom:8px }
.wbt-star{ color:#111 }
.wbt-star.off{ color:#ddd }
.wbt-text{ color:#222; line-height:1.5; margin: 0 0 14px }
.wbt-toggle{
  background: none; border: 0; color:#111; text-decoration: underline; padding:0 2px; cursor:pointer;
}
.wbt-author{ display:flex; align-items:center; gap:10px; margin-top:6px }
.wbt-avatar{ width:28px; height:28px; border-radius:50%; object-fit:cover }
.wbt-avatar.placeholder{ width:28px; height:28px; border-radius:50%; background: #ddd; display:inline-block }
.wbt-name{ font-weight:600 }
.wbt-source{ margin:8px 0 0 }
.wbt-source a{ color:#555; text-decoration:underline }
/* CTA bar */
.wbt-cta-bar{
  position: sticky; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; gap:12px;
  padding:12px; background:rgba(255,255,255,.95); backdrop-filter:saturate(180%) blur(10px);
  border-top: 1px solid rgba(0,0,0,.06); margin-top:16px;
}
.wbt-cta{
  display:flex; align-items:center; justify-content:center;
  border-radius:12px; padding:12px; font-weight:700; text-decoration:none;
}
.wbt-cta.light{ background:#f2efe9; color:#222 }
.wbt-cta.gold{  background:#caa24b; color:#fff }
.wbt-cta:hover{ filter:brightness(.97) }