/* ==========================================================
   THE POLITICAL RIFT â€” JUDICIAL BENCH INDEX (LOCKED)
   Scope: .rift-judicial ONLY
========================================================== */

/* ===========================
   HERO â€” matches Shutdown hero
=========================== */

.pr-home{
  max-width:1180px;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:14px !important;
  padding-right:14px !important;
}

.pr-home-hero h1,
.pr-home-hero .wp-block-heading{
  text-align:center;
  color:#ff6f00 !important;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:14px 0 8px !important;
  line-height:1.05;
}

.pr-home-hero p{
  text-align:center;
  opacity:.9;
  max-width:820px;
  margin:0 auto;
}

/* ==========================================================
   TRACKER WRAPPER
========================================================== */

.rift-judicial{
  --rift-accent:#ff6f00;
  --rift-bg:#fdf6e3;
  --rift-text:#333333;

  color:var(--rift-text);
}

.rift-judicial *{
  box-sizing:border-box;
}

/* ==========================================================
   GRID LAYOUT
========================================================== */

.rift-judicial .rift-grid{
  max-width:1180px;
  margin:18px auto;
  padding:0 14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

@media(max-width:900px){
  .rift-judicial .rift-grid{
    grid-template-columns:1fr;
  }
}

/* ==========================================================
   CARDS
========================================================== */

.rift-judicial .rift-card{
  background:rgba(255,255,255,.66);
  border-radius:18px;
  padding:18px;
  border:1px solid rgba(0,0,0,.07);
  box-shadow:0 14px 40px rgba(0,0,0,.08);
}

/* ==========================================================
   HEADINGS
========================================================== */

.rift-judicial .rift-h2{
  font-size:16px;
  font-weight:950;
  margin:0;
}

/* ==========================================================
   ACTIVE SUMMARY ROWS
========================================================== */

.rift-judicial .rift-mini-row{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(0,0,0,.05);
}

/* ðŸ”¥ THIS FIXES YOUR NUMBERS ALIGNMENT */
.rift-judicial .rift-mini-row strong{
  text-align:right;
  color:var(--rift-accent);
  font-weight:950;
}

/* ==========================================================
   THERMOMETER
========================================================== */

.rift-judicial .rift-thermo__marker{
  background:var(--rift-accent);
}

/* ==========================================================
   LINKS
========================================================== */

.rift-judicial a{
  color:var(--rift-accent);
  font-weight:900;
  text-decoration:none;
}

.rift-judicial a:hover{
  text-decoration:underline;
}

/* ==========================================================
   ACTIVITY SUMMARY — align counts to the right
========================================================== */

/* If the plugin uses a wrapper class for the Activity Summary block */
.rift-judicial .rift-activity,
.rift-judicial .activity-summary,
.rift-judicial .rift-activity-summary{
  margin-top:6px;
}

/* The common case: rows are plain <p> lines like "Received: 0" */
.rift-judicial .rift-activity p,
.rift-judicial .activity-summary p,
.rift-judicial .rift-activity-summary p{
  display:grid;
  grid-template-columns:1fr auto;
  column-gap:12px;
  align-items:baseline;
  margin:8px 0 !important;
}

/* Put the number on the far right if it's inside a span/em/strong */
.rift-judicial .rift-activity p span:last-child,
.rift-judicial .rift-activity p strong:last-child,
.rift-judicial .rift-activity p em:last-child,
.rift-judicial .activity-summary p span:last-child,
.rift-judicial .activity-summary p strong:last-child,
.rift-judicial .activity-summary p em:last-child,
.rift-judicial .rift-activity-summary p span:last-child,
.rift-judicial .rift-activity-summary p strong:last-child,
.rift-judicial .rift-activity-summary p em:last-child{
  justify-self:end;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

/* If it's literally "Label: 0" as text (no span),
   we still get right alignment by wrapping the number in HTML.
   But as a fallback, ensure the whole line uses tabular nums. */
.rift-judicial .rift-activity p,
.rift-judicial .activity-summary p,
.rift-judicial .rift-activity-summary p{
  font-variant-numeric:tabular-nums;
}