/* rd-qism.css — penukar bahagian kertas Usul al-Din KBD
   Qism Alif (/alif) · Qism Ba' (/usul) · Al-Quran Tahriri (/alquran)
   Serba lengkap: tidak bergantung pada pembolehubah CSS halaman induk. */

.rd-qism{
  --q-line:rgba(36,61,50,.14);
  --q-ink:#1c241f;
  --q-muted:#5c6b62;
  --q-moss:#2f6b52;
  --q-cream:#fbf8f1;
  max-width:1080px;
  margin:14px auto 0;
  padding:0 1.1rem;
  box-sizing:border-box;
}
.rd-qism__list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:0;padding:0;list-style:none;
}
.rd-qism__item{
  display:flex;flex-direction:column;gap:2px;
  padding:10px 13px;
  border:1px solid var(--q-line);
  border-radius:14px;
  background:var(--q-cream);
  text-decoration:none;
  color:var(--q-ink);
  transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;
  min-width:0;
}
.rd-qism__item:hover{
  background:#fff;
  border-color:rgba(47,107,82,.34);
  transform:translateY(-1px);
  box-shadow:0 8px 18px -12px rgba(26,46,36,.4);
}
.rd-qism__item:focus-visible{
  outline:2px solid var(--q-moss);
  outline-offset:2px;
}
.rd-qism__ar{
  font-family:'Amiri','Traditional Arabic',serif;
  direction:rtl;
  font-size:.98rem;line-height:1.35;
  color:var(--q-moss);
}
.rd-qism__ms{
  font-size:.92rem;font-weight:700;line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.rd-qism__sub{
  font-size:.73rem;color:var(--q-muted);line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* halaman semasa */
.rd-qism__item[aria-current="page"]{
  background:linear-gradient(150deg,#2f6b52,#245741);
  border-color:#245741;
  color:#fff;
  box-shadow:0 10px 22px -14px rgba(26,46,36,.75);
}
.rd-qism__item[aria-current="page"] .rd-qism__ar{color:#e8c96a}
.rd-qism__item[aria-current="page"] .rd-qism__sub{color:rgba(255,255,255,.78)}
.rd-qism__item[aria-current="page"]:hover{transform:none;background:linear-gradient(150deg,#2f6b52,#245741)}

@media (max-width:760px){
  .rd-qism__list{grid-template-columns:1fr}
  .rd-qism__item{flex-direction:row;align-items:baseline;gap:8px;padding:9px 12px}
  .rd-qism__ar{font-size:.9rem;flex:0 0 auto}
  .rd-qism__ms{flex:1 1 auto;font-size:.88rem}
  .rd-qism__sub{flex:0 0 auto;font-size:.7rem}
}
@media (max-width:420px){
  .rd-qism__sub{display:none}
}

/* ── tema gelap (/usul guna html.dark) ── */
html.dark .rd-qism,
[data-theme="dark"] .rd-qism{
  --q-line:rgba(255,255,255,.15);
  --q-ink:#e8eee9;
  --q-muted:#9fb3a7;
  --q-moss:#8fd0ae;
  --q-cream:rgba(255,255,255,.05);
}
html.dark .rd-qism__item:hover,
[data-theme="dark"] .rd-qism__item:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(143,208,174,.42);
  box-shadow:0 8px 18px -12px rgba(0,0,0,.6);
}
html.dark .rd-qism__item[aria-current="page"],
[data-theme="dark"] .rd-qism__item[aria-current="page"]{
  background:linear-gradient(150deg,#2f7a5b,#1e5540);
  border-color:#3d9b6e;
}