/* -------------------------------------------------------------------------
   Direbattle, /community/tournaments/direbattle/

   Halaman informasi umum (tanpa tab hasil). Hanya yang belum ada di
   theme.css / hero-pages.css / community.css: grid fakta, tabel, dan daftar
   bergaya mono di kepala bagian.
   ------------------------------------------------------------------------- */

.drb-page .comt-back { margin-bottom: 14px; }

.drb-head .lede { max-width: 68ch; }

/* ---------- fakta resmi ---------- */

.drb-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--line);
}

.drb-fact {
  padding: 12px 15px;
  background: #0a0a10;
}

.drb-fact dt {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dim);
  margin-bottom: 5px;
}

.drb-fact dd {
  margin: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.drb-fact dd a {
  color: var(--amber);
  text-decoration: none;
  border-bottom: 1px solid rgba(200, 162, 90, .35);
}

.drb-fact dd a:hover { border-bottom-color: var(--amber); }

/* ---------- bagian ---------- */

.drb-section { margin-top: 24px; }

.drb-h2 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-size: 15px;
  letter-spacing: .02em;
  color: var(--text);
}

.drb-p {
  margin: 0 0 12px;
  max-width: 74ch;
  color: var(--text-soft);
  font-size: 14px;
  line-height: 1.75;
}

.drb-list {
  margin: 0 0 4px;
  padding-left: 20px;
  display: grid;
  gap: 7px;
  max-width: 78ch;
  color: var(--text-soft);
  font-size: 13.5px;
  line-height: 1.7;
}

.drb-list li::marker { color: var(--copper); }
.drb-list strong { color: var(--text); font-weight: 500; }

/* Daftar bernomor dipakai untuk alur kompetisi: urutannya memang berarti. */
.drb-list--num { padding-left: 22px; }
.drb-list--num li::marker {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--amber);
}

.drb-note {
  margin: 12px 0 0;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-left: 2px solid var(--copper);
  border-radius: var(--radius);
  background: rgba(164, 85, 42, .07);
  color: var(--text-soft);
  font-size: 12.5px;
  line-height: 1.65;
  max-width: 78ch;
}

.drb-note strong { color: var(--text); font-weight: 500; }

/* ---------- tabel ---------- */

.drb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}

.drb-table thead th {
  text-align: left;
  padding: 9px 12px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dim);
  font-weight: 500;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}

.drb-table tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(216, 223, 230, .06);
  color: var(--text-soft);
  vertical-align: top;
  line-height: 1.6;
}

.drb-table tbody tr:last-child td { border-bottom: 0; }
.drb-table tbody tr:hover td { background: var(--surface-hover); }

.drb-cell-key {
  color: var(--text);
  font-weight: 500;
  white-space: nowrap;
}

/* ---------- sumber ---------- */

.drb-sources {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: var(--text-soft);
}

.drb-sources a {
  color: var(--amber);
  text-decoration: none;
  border-bottom: 1px solid rgba(200, 162, 90, .3);
}

.drb-sources a:hover { border-bottom-color: var(--amber); }

/* ---------- sempit ---------- */

@media (max-width: 900px) {
  .drb-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .drb-facts { grid-template-columns: 1fr; }
  .drb-cell-key { white-space: normal; }
}