/* RuangBola Prediction — hanya dimuat di /prediksi. Memakai token warna theme (--rb-*). */
.rbpred{ max-width: 760px; margin: 0 auto; padding-top: 20px; padding-bottom: 40px; }
.rbpred-crumb{ font-size: 13px; color: var(--rb-muted, #5B6B63); margin-bottom: 14px; }
.rbpred-crumb a{ color: var(--rb-pitch, #0E6B4E); font-weight: 600; }
.rbpred-title{ font-size: clamp(26px, 6.5vw, 38px); margin-bottom: 10px; }
.rbpred-lede{ color: var(--rb-muted, #5B6B63); margin: 0 0 16px; }
.rbpred-meta{ font-size: 13px; color: var(--rb-muted, #5B6B63); margin: 12px 0; }
.rbpred-notice{ background: var(--rb-mist, #F5F6F4); border-left: 3px solid var(--rb-flare, #FF5A36); padding: 12px 14px; border-radius: var(--rb-radius-sm, 3px); margin: 16px 0; }
.rbpred-vs{ font-weight: 400; color: var(--rb-muted, #5B6B63); font-size: .8em; }

.rbpred-list{ list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--rb-line, #E2E5E1); }
.rbpred-card{ padding: 18px 0; border-bottom: 1px solid var(--rb-line, #E2E5E1); }
.rbpred-card__league{ font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--rb-pitch, #0E6B4E); margin: 0 0 4px; }
.rbpred-card__teams{ font-size: 20px; line-height: 1.25; margin: 0 0 4px; }
.rbpred-card__teams a:hover{ color: var(--rb-pitch, #0E6B4E); }
.rbpred-card__time{ font-size: 14px; color: var(--rb-muted, #5B6B63); margin: 0 0 12px; }
.rbpred-badge{ display: inline-block; margin-left: 6px; font-size: 12px; padding: 1px 8px; border-radius: 999px; background: var(--rb-mist, #F5F6F4); }
.rbpred-more{ display: inline-block; margin-top: 10px; color: var(--rb-pitch, #0E6B4E); font-weight: 700; }

.rbpred-prob__bar{ display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: var(--rb-mist, #F5F6F4); }
.rbpred-prob__seg{ display: block; height: 100%; }
.rbpred-prob__seg--home{ background: var(--rb-pitch, #0E6B4E); }
.rbpred-prob__seg--draw{ background: #A7B1AC; }
.rbpred-prob__seg--away{ background: var(--rb-flare, #FF5A36); }
.rbpred-prob__legend{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 10px 0 0; }
.rbpred-prob__item{ min-width: 0; }
.rbpred-prob__item dt{ font-size: 13px; color: var(--rb-muted, #5B6B63); overflow-wrap: anywhere; }
.rbpred-prob__item dd{ margin: 0; font-size: 22px; font-weight: 700; }
.rbpred-prob__item--home dd{ color: var(--rb-pitch, #0E6B4E); }
.rbpred-prob__item--away dd{ color: var(--rb-flare, #FF5A36); }
.rbpred-prob__item--draw{ text-align: center; }
.rbpred-prob__item--away{ text-align: right; }

.rbpred-analysis h2{ font-size: 20px; margin: 26px 0 8px; }
.rbpred-analysis ul{ padding-left: 20px; margin: 0; }
.rbpred-analysis li{ margin-bottom: 8px; }
.rbpred-analysis p{ margin: 0 0 10px; }

.rbpred-facts{ margin: 24px 0 0; border-top: 1px solid var(--rb-line, #E2E5E1); }
.rbpred-facts > div{ display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--rb-line, #E2E5E1); }
.rbpred-facts dt{ color: var(--rb-muted, #5B6B63); font-size: 14px; }
.rbpred-facts dd{ margin: 0; font-weight: 600; text-align: right; }

.rbpred-disclaimer{ margin-top: 28px; font-size: 13px; line-height: 1.55; color: var(--rb-muted, #5B6B63); background: var(--rb-mist, #F5F6F4); padding: 12px 14px; border-radius: var(--rb-radius-sm, 3px); }

@media (min-width: 720px){
  .rbpred{ padding-top: 28px; }
  .rbpred-card__teams{ font-size: 24px; }
}