/* The classic right rail's Game Events box (ndesign_right.asp): "now" and "next" as small headings (now with a live dot),
   an event per row: its time in a pill (solid while it is on), the competition, the country's flag at the end. */
.ge { padding: 2px 2px 4px; font: 12px/1.3 Arial, Helvetica, sans-serif; color: #23301a; }
.ge-h { display: flex; align-items: center; gap: 6px; margin: 8px 0 4px; font-size: 10px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #3d6b10; }
.ge-h:first-child { margin-top: 0; }
.ge-h--now i { width: 8px; height: 8px; border-radius: 50%; background: #d9342b; box-shadow: 0 0 0 3px rgba(217,52,43,0.2); animation: ge-pulse 1.6s ease-in-out infinite; }
@keyframes ge-pulse { 50% { box-shadow: 0 0 0 5px rgba(217,52,43,0.05); } }
.ge-l { margin: 0; padding: 0; list-style: none; }
.ge-l li { display: flex; align-items: center; gap: 8px; margin: 0 0 3px; padding: 4px 6px; border-radius: 6px; background: rgba(255,255,255,0.55); }
.ge-t { flex: 0 0 auto; min-width: 44px; padding: 1px 6px; border: 1px solid #9cc94a; border-radius: 999px; background: #fff; color: #2e5a00; font-weight: bold; font-variant-numeric: tabular-nums; text-align: center; }
.ge-l--now .ge-t { border-color: #3d7f15; background: #3d7f15; color: #fff; }
.ge-c { flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
.ge-c a { flex: 0 0 auto; line-height: 0; }
.ge-c img { box-shadow: 0 0 0 1px rgba(0,0,0,0.15); }
.ge-none { margin: 0; font-size: 12px; color: #3c4732; }
@media (prefers-reduced-motion: reduce) { .ge-h--now i { animation: none; } }
@media (max-width: 1180px) { .ge-l li { padding: 5px 8px; } }
@media (max-width: 820px) { .ge { font-size: 13px; } }