/* Quiet, consistent line icons. They share the active palette and do not
   reserve a separate decorative row on a phone. */
.noor-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon-card::before{display:none}
.card-heading{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:5px;margin-bottom:14px;min-width:0}
.card-heading .card-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--teal);opacity:.88;margin:0;padding:0;line-height:1}
.card-heading .card-icon .noor-icon{width:25px;height:25px}
.card .card-heading h3{margin:2px 0 0;min-width:0;line-height:1.4;overflow-wrap:anywhere}
.card-heading-bilingual{align-items:center;row-gap:8px}
.card .card-heading-bilingual .card-ar{margin:0;min-width:0;line-height:1.5;font-size:1.4rem;overflow-wrap:anywhere}
.card .card-heading-bilingual h3{grid-column:1/-1;margin:0;line-height:1.4}
.card.value-card{text-align:left}
.inline-icon{display:inline-block;vertical-align:-3px;width:17px;height:17px;margin-right:3px;stroke-width:1.45}
.chain-dot{display:flex;align-items:center;justify-content:center}
.chain-dot .noor-icon{width:21px;height:21px;stroke-width:1.4}
.acc-arrow{display:inline-flex;align-items:center;justify-content:center;flex:none}
.acc-arrow .noor-icon{width:20px;height:20px;stroke-width:1.4}
.hadith-nav button{display:inline-flex;align-items:center;justify-content:center}
.hadith-nav button .noor-icon{width:21px;height:21px}
.video-play .noor-icon{width:25px;height:25px;stroke-width:1.6;margin-left:3px}
@media(max-width:620px){
  .card.icon-card{padding:1.45rem 1.25rem}
  .card-heading{grid-template-columns:24px minmax(0,1fr);column-gap:11px;row-gap:6px;margin-bottom:12px;align-items:start}
  .card-heading .card-icon{width:24px;height:27px;opacity:.82}
  .card-heading .card-icon .noor-icon{width:22px;height:22px;stroke-width:1.45}
  .card .card-heading h3{font-size:1.15rem;margin:0;line-height:1.45}
  .card .card-heading-bilingual .card-ar{font-size:1.25rem;line-height:1.5}
  .card .card-heading-bilingual h3{font-size:1.2rem;line-height:1.45;margin:0}
  .card.icon-card p{font-size:1rem;line-height:1.8}
  .card.value-card{padding:1.45rem 1.25rem}
  .chain-dot .noor-icon{width:19px;height:19px}
  .inline-icon{width:16px;height:16px}
}