/* Shared multi-color treatment for the compact Home Trending Events and Corporate Events boards. */
body .cw-markets-grid .kalshi-card,
body .browse-grid .kalshi-card {
  background: radial-gradient(circle at 100% 0%, rgba(53, 202, 255, .18), transparent 42%), linear-gradient(145deg, rgba(19, 44, 63, .88), #111318 68%);
  border-color: rgba(54, 202, 255, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 12px 28px rgba(0, 0, 0, .16);
}

body .cw-markets-grid .kalshi-card::before,
body .browse-grid .kalshi-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 14px 0 0 14px;
  background: linear-gradient(180deg, #54ddff 0%, #177ee6 55%, #6147ff 100%);
}

body .cw-markets-grid .kalshi-card:hover,
body .browse-grid .kalshi-card:hover {
  border-color: rgba(99, 218, 255, .62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 36px rgba(23, 126, 230, .16);
}

/* Stable board variants retain visual variety when several market cards share a category. */
body .cw-markets-grid .kalshi-card:nth-child(6n + 1),
body .browse-grid .kalshi-card:nth-child(6n + 1) { background: radial-gradient(circle at 100% 0%, rgba(255, 179, 71, .24), transparent 44%), linear-gradient(145deg, rgba(72, 45, 27, .74), #151315 68%); border-color: rgba(255, 179, 71, .30); }
body .cw-markets-grid .kalshi-card:nth-child(6n + 1)::before,
body .browse-grid .kalshi-card:nth-child(6n + 1)::before { background: linear-gradient(180deg, #ffd166 0%, #ff8b35 52%, #ef476f 100%); }

body .cw-markets-grid .kalshi-card:nth-child(6n + 2),
body .browse-grid .kalshi-card:nth-child(6n + 2) { background: radial-gradient(circle at 100% 0%, rgba(192, 132, 252, .28), transparent 44%), linear-gradient(145deg, rgba(53, 32, 81, .78), #15121a 68%); border-color: rgba(192, 132, 252, .34); }
body .cw-markets-grid .kalshi-card:nth-child(6n + 2)::before,
body .browse-grid .kalshi-card:nth-child(6n + 2)::before { background: linear-gradient(180deg, #e879f9 0%, #8b5cf6 52%, #5b6cff 100%); }

body .cw-markets-grid .kalshi-card:nth-child(6n + 3),
body .browse-grid .kalshi-card:nth-child(6n + 3) { background: radial-gradient(circle at 100% 0%, rgba(53, 202, 255, .22), transparent 44%), linear-gradient(145deg, rgba(19, 44, 63, .88), #111318 68%); border-color: rgba(54, 202, 255, .30); }
body .cw-markets-grid .kalshi-card:nth-child(6n + 3)::before,
body .browse-grid .kalshi-card:nth-child(6n + 3)::before { background: linear-gradient(180deg, #54ddff 0%, #177ee6 55%, #6147ff 100%); }

body .cw-markets-grid .kalshi-card:nth-child(6n + 4),
body .browse-grid .kalshi-card:nth-child(6n + 4) { background: radial-gradient(circle at 100% 0%, rgba(251, 113, 133, .26), transparent 44%), linear-gradient(145deg, rgba(76, 31, 39, .80), #171114 68%); border-color: rgba(251, 113, 133, .35); }
body .cw-markets-grid .kalshi-card:nth-child(6n + 4)::before,
body .browse-grid .kalshi-card:nth-child(6n + 4)::before { background: linear-gradient(180deg, #fb7185 0%, #ef4444 52%, #ff8a3d 100%); }

body .cw-markets-grid .kalshi-card:nth-child(6n + 5),
body .browse-grid .kalshi-card:nth-child(6n + 5) { background: radial-gradient(circle at 100% 0%, rgba(52, 211, 153, .25), transparent 44%), linear-gradient(145deg, rgba(23, 70, 59, .80), #101816 68%); border-color: rgba(52, 211, 153, .34); }
body .cw-markets-grid .kalshi-card:nth-child(6n + 5)::before,
body .browse-grid .kalshi-card:nth-child(6n + 5)::before { background: linear-gradient(180deg, #6ee7b7 0%, #10b981 52%, #1fc8ff 100%); }

body .cw-markets-grid .kalshi-card:nth-child(6n),
body .browse-grid .kalshi-card:nth-child(6n) { background: radial-gradient(circle at 100% 0%, rgba(255, 125, 204, .23), transparent 44%), linear-gradient(145deg, rgba(68, 30, 68, .78), #171116 68%); border-color: rgba(255, 125, 204, .32); }
body .cw-markets-grid .kalshi-card:nth-child(6n)::before,
body .browse-grid .kalshi-card:nth-child(6n)::before { background: linear-gradient(180deg, #ff91cc 0%, #cc5dd8 52%, #6669ee 100%); }

body .cw-markets-grid .kalshi-card .kalshi-card-cat-icon,
body .browse-grid .kalshi-card .kalshi-card-cat-icon { background: linear-gradient(135deg, rgba(77, 220, 255, .78), rgba(36, 95, 198, .90)) !important; border: 1px solid rgba(173, 236, 255, .34); box-shadow: 0 4px 12px rgba(14, 126, 226, .25); }
body .cw-markets-grid .kalshi-card .kalshi-card-cat-name,
body .browse-grid .kalshi-card .kalshi-card-cat-name { color: #e3f8ff !important; background: linear-gradient(90deg, rgba(54, 202, 255, .24), rgba(89, 79, 255, .20)) !important; border: 1px solid rgba(112, 219, 255, .20); border-radius: 7px; padding: 6px 8px; }

/* Reserve exactly two title lines. A long final word can no longer create an orphaned third line. */
body .cw-markets-grid .kalshi-card .kalshi-card-title,
body .browse-grid .kalshi-card .kalshi-card-title {
  display: -webkit-box;
  height: 2.7em;
  min-height: 2.7em;
  max-height: 2.7em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* The label is the only flexible outcome element; logo, odds, and action tiles remain aligned. */
body .cw-markets-grid .kalshi-card .kalshi-outcome-row,
body .browse-grid .kalshi-card .kalshi-outcome-row { min-width: 0; }
body .cw-markets-grid .kalshi-card .kalshi-outcome-name,
body .browse-grid .kalshi-card .kalshi-outcome-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
body .cw-markets-grid .kalshi-card .kalshi-outcome-mult,
body .browse-grid .kalshi-card .kalshi-outcome-mult { flex: 0 0 48px; min-width: 48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body .cw-markets-grid .kalshi-card .kalshi-outcome-btn,
body .browse-grid .kalshi-card .kalshi-outcome-btn { min-width: 46px; padding-inline: 10px; }
body .cw-markets-grid .kalshi-card .yes-btn,
body .browse-grid .kalshi-card .yes-btn { background: linear-gradient(135deg, #1768e7, #16b9ee); box-shadow: 0 4px 12px rgba(22, 151, 235, .28); }
body .cw-markets-grid .kalshi-card .no-btn,
body .browse-grid .kalshi-card .no-btn { color: #ffd4da; background: linear-gradient(135deg, rgba(239, 68, 68, .75), rgba(190, 35, 86, .78)); border-color: rgba(255, 167, 179, .26); }

@media (max-width: 420px) {
  body .cw-markets-grid .kalshi-card .kalshi-outcome-mult,
  body .browse-grid .kalshi-card .kalshi-outcome-mult { flex-basis: 40px; min-width: 40px; font-size: .68rem; }
  body .cw-markets-grid .kalshi-card .kalshi-outcome-btn,
  body .browse-grid .kalshi-card .kalshi-outcome-btn { min-width: 43px; padding-inline: 7px; }
}