/* ================================================================
   complete/reading — local.css
   ================================================================ */

/* CDI merit / demerit two-column */
.rd-cdi-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin: 1rem 0 1.4rem;
}
.rd-cdi-col {
  border-radius: 8px;
  padding: 1rem 1.2rem;
}
.rd-cdi-col--merit {
  background: rgba(29,107,58,.05);
  border: 1px solid rgba(29,107,58,.22);
}
.rd-cdi-col--demerit {
  background: rgba(176,48,48,.05);
  border: 1px solid rgba(176,48,48,.22);
}
.rd-cdi-col__label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  margin-bottom: .7rem;
}
.rd-cdi-col--merit  .rd-cdi-col__label { color: #1d6b3a; }
.rd-cdi-col--demerit .rd-cdi-col__label { color: #b03030; }

/* Easy / Hard difficulty comparison */
.rd-diff {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin: 1rem 0 1.4rem;
}
.rd-diff__col {
  border-radius: 8px;
  padding: 1rem 1.2rem;
}
.rd-diff__col--easy {
  background: rgba(70,162,218,.05);
  border: 1px solid rgba(70,162,218,.28);
}
.rd-diff__col--hard {
  background: rgba(245,161,0,.05);
  border: 1px solid rgba(245,161,0,.32);
}
.rd-diff__label {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  margin-bottom: .7rem;
}
.rd-diff__col--easy .rd-diff__label { color: var(--lb); }
.rd-diff__col--hard .rd-diff__label { color: var(--orange); }

@media (max-width: 640px) {
  .rd-cdi-cols,
  .rd-diff { grid-template-columns: 1fr; }
}