/* Additions for the Lam Al-Ta'reef (Moon & Sun Letters) table.
   Loaded after lamat-style.css so these rules can extend it
   without editing or duplicating the original stylesheet. */

/* Highlighted Lam letter — used wherever a specific Lam is called out */
.lam-letter {
  color: #8B0000;
  font-weight: 800;
}

/* Moon-letters mnemonic line under the definition */
.moon-letters-line {
  margin-top: 10px;
  font-size: 1.05em;
}
.moon-letters-en {
  margin-top: 4px;
  font-size: 0.85em;
  opacity: 0.85;
}

/* The Lam Al-Ta'reef examples table now has three columns:
   Letter | Word | Hukm — override the base two-column grid. */
.examples.lamal-examples .ex-head,
.examples.lamal-examples .ex-row {
  display: grid;
  grid-template-columns: 64px 2fr 1.3fr;
  align-items: center;
  gap: 10px;
}

.examples.lamal-examples .ex-letter-col {
  text-align: center;
  font-weight: 800;
  font-size: 1.15em;
}

/* Bold the example words in this table */
.examples.lamal-examples .ex-row .ar {
  font-weight: 700;
}

@media (max-width: 640px) {
  .examples.lamal-examples .ex-head,
  .examples.lamal-examples .ex-row {
    grid-template-columns: 44px 2fr 1.2fr;
    font-size: 0.92em;
  }
}