/* Noor visual system: original plum and gold palette, calm editorial spacing. */
:root { --noor-serif: Georgia, 'Times New Roman', serif; }
html { scroll-behavior: smooth; }
button, input, select, textarea { font-family: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid var(--qdc-gold); outline-offset: 4px;
}
.noor-skip-link { position: fixed; left: 20px; top: -100px; z-index: 2000; padding: 12px 20px; background: var(--qdc-surface); color: var(--qdc-primary); border: 2px solid var(--qdc-primary); border-radius: 8px; }
.noor-skip-link:focus { top: 12px; }
.qdc-container { max-width: 1240px; padding-inline: 32px; }
.qdc-header { border-bottom-color: var(--qdc-border); }
.qdc-header .navbar { height: 82px; max-width: 1304px; padding-inline: 32px; }
.qdc-brand-logo { width: 46px; height: 46px; border-radius: 13px; }
.qdc-brand-name { font-size: 19px; letter-spacing: -.6px; }
.qdc-brand-sub { font-size: 15px; margin-top: 4px; }
.qdc-menu li a { font-size: 12px; padding: 10px; }
.nav-btn-primary { border-radius: 10px; }
.noor-welcome { position: relative; overflow: hidden; background: var(--qdc-bg); padding: 64px 0 62px; }
.noor-welcome::before { content: ''; position: absolute; width: 540px; height: 540px; border: 1px solid var(--qdc-border); border-radius: 50%; right: -260px; top: -290px; box-shadow: 0 0 0 45px var(--qdc-bg), 0 0 0 46px var(--qdc-border), 0 0 0 90px var(--qdc-bg), 0 0 0 91px var(--qdc-border); pointer-events: none; opacity: .55; }
.noor-welcome-grid { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 66px; position: relative; }
.noor-eyebrow { font-size: 10px; letter-spacing: 2px; font-weight: 600; color: var(--qdc-primary); display: inline-flex; align-items: center; gap: 9px; }
.noor-eyebrow > span { color: var(--qdc-gold-dark); font-size: 18px; }
.noor-bismillah { font-family: 'Amiri', serif; color: var(--qdc-gold-dark); font-size: 26px; margin: 24px 0 15px; text-align: left; }
.noor-welcome h1 { font-family: var(--noor-serif); font-size: clamp(42px, 4.2vw, 61px); line-height: 1.12; font-weight: 400; letter-spacing: -2.2px; color: var(--qdc-primary-dark); margin: 0 0 24px; }
.noor-welcome h1 em { color: var(--qdc-primary); font-weight: 400; }
.noor-welcome-copy > p { font-size: 14px; line-height: 1.9; max-width: 445px; color: var(--qdc-muted); }
.noor-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.noor-hero-actions .btn, .noor-closing .btn { padding: 14px 20px; font-size: 13px; border-radius: 10px; gap: 14px; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; }
.noor-hero-actions .btn-primary { background: #5A1A5E; border-color: #5A1A5E; color: white; box-shadow: 0 6px 16px #5a1a5e18; }
.noor-hero-actions .btn-secondary { background: var(--qdc-surface); border-color: var(--qdc-border); color: var(--qdc-primary); }
.noor-hero-facts { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--qdc-border); font-size: 10px; color: var(--qdc-muted); }
.noor-hero-facts strong { color: var(--qdc-primary-dark); font-size: 15px; font-weight: 600; margin-right: 4px; }
.noor-ayah-wrap { position: relative; padding: 52px 22px 22px; background: #3B1741; border-radius: 180px 180px 24px 24px; border: 1px solid #69406d; box-shadow: 0 20px 45px #3b174114; }
.noor-ayah-wrap::before { content: ''; position: absolute; inset: 10px; border: 1px solid #d4af3740; border-radius: 173px 173px 18px 18px; pointer-events: none; }
.noor-arch-label { display: block; text-align: center; font-family: 'Amiri', serif; color: #E5C663; font-size: 25px; margin-bottom: 18px; }
.noor-ayah-wrap .hero-daily-ayah-card { position: relative; margin: 0; max-width: none; padding: 25px 24px 20px; border: 0; border-radius: 18px; background: var(--qdc-surface); box-shadow: none; }
.noor-ayah-wrap .hero-daily-badge { font-size: 10px; flex-wrap: wrap; justify-content: center; gap: 9px; border-bottom: 1px solid var(--qdc-border); padding-bottom: 15px; }
.noor-ayah-wrap .hero-daily-ref { font-size: 10px; font-weight: 500; padding: 4px 9px; background: var(--qdc-bg); color: var(--qdc-primary); border-radius: 5px; }
.noor-ayah-wrap .hero-daily-ar { font-size: 28px; line-height: 1.9; margin: 12px 0; color: var(--qdc-text); }
.noor-ayah-wrap .hero-daily-ur { font-size: 18px; color: var(--qdc-muted); }
.noor-ayah-wrap .hero-daily-en { font-size: 11px; line-height: 1.8; font-style: normal; }
.noor-ayah-wrap .hero-daily-actions { border-top: 1px solid var(--qdc-border); gap: 8px; margin-top: 20px; }
.noor-ayah-wrap .hero-daily-audio-btn { font-size: 10px; padding: 10px 12px; border-radius: 8px; background: var(--qdc-bg); border-color: var(--qdc-border); color: var(--qdc-primary); min-height: 42px; }
.noor-ayah-wrap .hero-daily-read-link { font-size: 10px; padding: 9px 0; }
.noor-quick-section { background: var(--qdc-surface); border-block: 1px solid var(--qdc-border); }
.noor-quick { display: flex; align-items: center; gap: 24px; padding-block: 21px; }
.noor-quick-label { font-size: 10px; color: var(--qdc-muted); max-width: 125px; line-height: 1.7; flex-shrink: 0; }
.noor-quick a { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex: 1; font-size: 11px; color: var(--qdc-primary); white-space: nowrap; }
.noor-quick a span { color: var(--qdc-muted); font-family: 'Amiri', serif; font-size: 18px; }
.noor-quick a:hover { color: var(--qdc-gold-dark); }
.noor-quick button { padding: 10px 13px; border: 1px solid var(--qdc-border); border-radius: 8px; font-size: 10px; color: var(--qdc-primary); background: var(--qdc-bg); cursor: pointer; white-space: nowrap; }
.home .dashboard-section { padding: 32px 0 24px; }
.home .dashboard-grid { gap: 18px; }
.home .dash-card { border: 1px solid var(--qdc-border); box-shadow: none; border-radius: 13px; padding: 20px; min-height: 165px; background: var(--qdc-surface); }
.home .dash-card::before { display: none; }
.home .dash-title { font-size: 11px; letter-spacing: 0; gap: 8px; }
.home .dash-card-link { font-size: 9px; padding: 5px 7px; }
.home .dash-date-main { font-size: 17px; font-weight: 600; }
.home .dash-date-sub { font-size: 15px; }
.home .dash-prayer-timer { font-size: 28px; }
.home .dash-prayer-tag { font-size: 11px; }
.home .dash-dhikr-ar { font-size: 20px; }
.home .dash-dhikr-ur { font-size: 14px; }
.noor-tools { padding: 52px 0 0; }
.noor-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 28px; }
.noor-section-heading h2, .noor-closing h2 { font-family: var(--noor-serif); font-size: 36px; font-weight: 400; color: var(--qdc-primary-dark); line-height: 1.25; margin-top: 10px; letter-spacing: -.8px; }
.noor-section-heading > p { font-size: 11px; line-height: 1.8; color: var(--qdc-muted); }
.noor-tools-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.noor-tool-card { display: flex; flex-direction: column; padding: 23px; background: var(--qdc-surface); border: 1px solid var(--qdc-border); border-radius: 14px; transition: transform .2s, box-shadow .2s, border-color .2s; }
.noor-tool-card:hover { transform: translateY(-5px); border-color: var(--qdc-gold); box-shadow: 0 14px 30px #3b174110; }
.noor-tool-top { display: flex; justify-content: space-between; align-items: center; font-size: 8px; letter-spacing: 1px; color: var(--qdc-muted); }
.noor-tool-arrow { font-size: 18px; color: var(--qdc-primary); }
.noor-tool-icon { width: 64px; height: 64px; background: var(--qdc-bg); border-radius: 15px; display: grid; place-items: center; margin: 21px 0 19px; }
.noor-tool-icon img { width: 44px; height: 44px; object-fit: contain; }
.noor-tool-title h3 { font-size: 15px; color: var(--qdc-primary-dark); font-weight: 600; }
.noor-tool-title > span { font-family: 'Amiri', serif; font-size: 17px; color: var(--qdc-gold-dark); }
.noor-tool-card > p { font-size: 13px; color: var(--qdc-muted); line-height: 1.8; margin: 13px 0 20px; flex: 1; }
.noor-tool-link { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; border-top: 1px solid var(--qdc-border); color: var(--qdc-primary); font-size: 12px; font-weight: 600; }
.noor-closing { margin-top: 54px; padding: 35px 40px; border: 1px solid var(--qdc-border); border-radius: 16px; background: var(--qdc-surface); display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.noor-closing h2 { font-size: 29px; }
.noor-closing p { font-size: 12px; color: var(--qdc-muted); margin-top: 10px; }
.noor-closing .btn { flex-shrink: 0; }
.site-footer { position: relative; background: #3B1741 !important; margin-top: 64px !important; }
.site-footer .footer-grid { grid-template-columns: 1.5fr 1fr 1fr !important; gap: 65px !important; }
.site-footer .footer-links { gap: 5px; }
.site-footer .footer-links a { font-size: 12px; }
.site-footer .footer-links a:hover { color: #E5C663 !important; }
.site-footer .footer-brand p { font-size: 12px !important; line-height: 1.9 !important; }
.site-footer .footer-col h4 { font-size: 13px !important; }
.site-footer .footer-bottom { font-size: 11px !important; text-align: left !important; }
@media (min-width: 901px) and (max-width: 1150px) {
  .qdc-header .navbar { gap: 10px; padding-inline: 22px; }
  .qdc-brand-name { font-size: 16px; }
  .qdc-menu li a { font-size: 11px; padding: 8px; }
  .nav-btn-pdf { display: none; }
  .noor-welcome-grid { gap: 30px; }
  .noor-tools-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .noor-quick { gap: 14px; }
}
@media (max-width: 900px) {
  .qdc-container { padding-inline: 24px; }
  .qdc-header .navbar { padding-inline: 24px; height: 72px; }
  .noor-welcome { padding: 40px 0; }
  .noor-welcome-grid { grid-template-columns: 1fr; gap: 36px; }
  .noor-welcome-copy { text-align: center; }
  .noor-bismillah { text-align: center; margin-top: 18px; }
  .noor-welcome-copy > p { margin-inline: auto; }
  .noor-welcome h1 { font-size: 50px; }
  .noor-hero-actions, .noor-hero-facts { justify-content: center; }
  .noor-ayah-wrap { width: 100%; max-width: 560px; margin-inline: auto; }
  .noor-quick { flex-wrap: wrap; gap: 14px 24px; }
  .noor-quick-label { max-width: none; width: 100%; }
  .noor-quick a { flex: 1 1 35%; }
  .home .dashboard-grid { grid-template-columns: 1fr; }
  .home .dash-card { min-height: 145px; }
  .noor-tools-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-footer .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 30px !important; }
  .site-footer .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 540px) {
  .qdc-container, .qdc-header .navbar { padding-inline: 18px; }
  .qdc-brand-name { font-size: 16px; }
  .qdc-brand-logo { width: 39px; height: 39px; }
  .qdc-brand-sub { font-size: 13px; }
  .qdc-header-actions { gap: 8px; }
  .noor-eyebrow { font-size: 8px; letter-spacing: 1.5px; }
  .noor-welcome h1 { font-size: 42px; letter-spacing: -1.4px; }
  .noor-welcome-copy > p { font-size: 12px; }
  .noor-bismillah { font-size: 23px; }
  .noor-hero-actions { gap: 8px; }
  .noor-hero-actions .btn { padding: 12px 13px; font-size: 10px; gap: 8px; }
  .noor-hero-facts { gap: 12px; }
  .noor-hero-facts span:last-child { width: 100%; }
  .noor-ayah-wrap { padding: 38px 15px 15px; border-radius: 150px 150px 20px 20px; }
  .noor-ayah-wrap .hero-daily-ayah-card { padding: 21px 16px 16px; }
  .noor-ayah-wrap .hero-daily-ar { font-size: 25px; }
  .noor-quick a { font-size: 11px; }
  .noor-quick button { width: 100%; min-height: 44px; }
  .noor-section-heading { flex-direction: column; align-items: start; gap: 12px; }
  .noor-section-heading h2 { font-size: 30px; }
  .noor-tools { padding-top: 28px; }
  .noor-tools-grid { grid-template-columns: 1fr; gap: 14px; }
  .noor-tool-card { padding: 24px; }
  .noor-tool-title h3 { font-size: 18px; }
  .noor-tool-card > p { font-size: 12px; }
  .noor-tool-link { font-size: 12px; }
  .noor-closing { flex-direction: column; align-items: start; padding: 28px 24px; margin-top: 28px; }
  .noor-closing h2 { font-size: 28px; }
  .noor-closing .btn { width: 100%; }
  .site-footer { padding: 40px 0 24px !important; }
  .site-footer .footer-grid { grid-template-columns: 1fr !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
/* Keep reader controls from squeezing the title, including on tablets. */
.reader-topbar, .reader-toolbar { flex-shrink: 0; }
.reader-title-area, .reader-dropdown-wrap, .audio-track-meta { min-width: 0; }
.reader-body { min-height: 0; overscroll-behavior: contain; }
.audio-seek-bar { min-width: 0; }
@media (max-width: 760px) {
  .reader-modal { padding: 0; }
  .reader-container {
    width: 100%; max-width: none; height: 100vh; height: 100dvh;
    border-radius: 0; padding-top: env(safe-area-inset-top);
  }
  .reader-topbar { flex-direction: column; align-items: stretch; gap: 10px; padding: 12px 14px; }
  .reader-title-area { flex: none; width: 100%; }
  .reader-title-line { gap: 7px; margin-bottom: 5px; }
  .reader-title-en { white-space: normal; overflow-wrap: anywhere; font-size: 12px; }
  .reader-topbar .reader-title-ar { font-size: 24px; line-height: 1.5; }
  .reader-subtitle { font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
  .reader-quick-actions { width: 100%; gap: 6px; }
  .reader-btn-action { flex: 1; justify-content: center; min-width: 0; min-height: 42px; padding: 8px 6px; font-size: 11px; }
  .reader-toolbar { display: block; padding: 10px 14px; }
  .reader-toolbar-left { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  .reader-nav-pills { grid-column: 1 / -1; justify-self: start; }
  .reader-nav-pill { min-height: 36px; }
  .reader-dropdown-wrap { width: 100%; }
  .reader-nav-select { width: 100%; min-width: 0; max-width: none; height: 40px; font-size: 13px; padding-inline: 8px; }
  .reader-step-btn { min-height: 40px; padding: 6px 8px; font-size: 11px; }
  .reader-toolbar-right { justify-content: space-between; gap: 8px; margin-top: 8px; }
  .reader-font-controls, .reader-lang-toggles { display: flex; gap: 5px; }
  .reader-tool-btn { min-height: 36px; padding: 6px 10px; }
  .reader-body { padding: 14px 14px calc(24px + env(safe-area-inset-bottom)); -webkit-overflow-scrolling: touch; }
  .surah-intro-card { padding: 18px 12px; margin-bottom: 18px; }
  .surah-intro-ar { font-size: 30px; }
  .surah-intro-top { gap: 6px; }
  .ayah-row { padding: 18px 12px; }
  .qdc-view-tabs { flex-wrap: wrap; gap: 8px; }
  .qdc-view-tab { flex: 1 1 40%; min-height: 44px; padding: 10px 8px; font-size: 12px; }
  .qdc-view-tab:last-child { flex-basis: 100%; }
  .qdc-surah-grid, .qdc-juz-grid { grid-template-columns: minmax(0,1fr); }
  .qdc-juz-card { min-width: 0; padding: 20px; }
  .qdc-juz-ar-name { font-size: 25px; }
  .qdc-quick-links { flex-wrap: wrap; gap: 8px; }
  .qdc-search-input { font-size: 16px; }
  .portal-toolbar { align-items: stretch; padding: 18px; gap: 14px; }
  .portal-toolbar > div { width: 100%; min-width: 0; }
  .portal-toolbar label { display: block; margin-bottom: 7px; }
  .qari-select { width: 100%; max-width: 100%; min-width: 0; font-size: 16px; }
  #audioPlaylist { grid-template-columns: minmax(0,1fr); gap: 12px; }
  #audioPlaylist .surah-card { padding: 16px; gap: 10px; min-width: 0; }
  #audioPlaylist .surah-left { min-width: 0; gap: 10px; flex: 1; }
  #audioPlaylist .surah-meta { min-width: 0; }
  #audioPlaylist .surah-meta h4 { font-size: 14px; overflow-wrap: anywhere; }
  #audioPlaylist .surah-meta span { font-size: 11px; }
  #audioPlaylist .surah-right { gap: 8px !important; flex-shrink: 0; }
  #audioPlaylist .surah-ar-name { max-width: 75px; font-size: 23px; line-height: 1.6; }
  #audioPlaylist .play-pause { width: 42px !important; height: 42px !important; flex-shrink: 0; }
  .page-title-banner { padding: 24px 16px; }
  .page-title-banner h2 { font-size: 24px; line-height: 1.6; }
  .page-title-banner p { font-size: 13px; }
  .bottom-audio-bar {
    display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 8px;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: var(--qdc-surface);
  }
  .audio-track-info { min-width: 0; width: 100%; gap: 9px; grid-column: 1; }
  .audio-track-icon { width: 34px; height: 34px; flex-shrink: 0; }
  .audio-track-meta h5 { font-size: 12px; margin: 0; }
  .audio-track-meta > span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; font-size: 10px; }
  .audio-player-controls { grid-column: 1 / -1; width: 100%; max-width: none; gap: 4px; }
  .audio-btns { gap: 18px; }
  .audio-btn { width: 44px; height: 44px; }
  .audio-btn.play-pause { width: 44px; height: 44px; }
  .audio-right-ctrl { grid-column: 2; grid-row: 1; justify-content: end; }
  .audio-right-ctrl > span { display: none; }
  .audio-right-ctrl .close-player-btn { width: 40px !important; height: 40px !important; color: var(--qdc-primary) !important; background: var(--qdc-bg) !important; border-color: var(--qdc-border) !important; }
  body:has(.bottom-audio-bar.active) { padding-bottom: 165px; }
  .reader-modal:has(~ .bottom-audio-bar.active) .reader-body { padding-bottom: 180px; }
  /* Keep playback accessible while the Quran dialog is open. */
  body:has(.reader-modal.open) .bottom-audio-bar { z-index: 100000; }
  .pdf-modal { padding: 0; }
  .pdf-modal-container { width: 100%; height: 100vh; height: 100dvh; border-radius: 0; }
  .pdf-modal-topbar { flex-direction: column; align-items: stretch; gap: 12px; padding: 12px; }
  .pdf-modal-title-wrap { min-width: 0; }
  .pdf-modal-controls { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
  .pdf-select-doc { min-width: 0; max-width: 100%; width: 100%; font-size: 16px; }
  .pdf-modal-controls .pdf-select-doc { flex: 1 1 100%; }
  .pdf-ctrl-btn { flex: 1; justify-content: center; min-height: 42px; }
  .pdf-modal-body { min-height: 0; }
  .pdf-inpage-toolbar { flex-direction: column; align-items: stretch; padding: 16px; }
  .pdf-inpage-toolbar > div { min-width: 0; width: 100%; }
}
@media (max-width: 360px) {
  .reader-toolbar-left { grid-template-columns: minmax(0,1fr); }
  .reader-stepper { justify-content: space-between; }
  .reader-step-btn { flex: 1; }
  #audioPlaylist .surah-ar-name { max-width: 55px; font-size: 20px; }
}
/* Bilingual interface and accessible issue reporting. */
.noor-language-toggle { min-height: 40px; padding: 6px 10px; border: 1px solid var(--qdc-border); border-radius: 9px; color: var(--qdc-primary); background: var(--qdc-surface); cursor: pointer; font-size: 14px; font-family: 'Amiri',serif; white-space: nowrap; }
.noor-feedback-launch { background: #3B1741; padding: 0 24px 24px; text-align: center; }
.noor-feedback-launch button { border: 1px solid #ffffff55; border-radius: 8px; background: transparent; color: white; padding: 10px 18px; min-height: 44px; cursor: pointer; }
.noor-feedback-dialog { width: min(540px,calc(100% - 28px)); max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); overflow-y: auto; border: 1px solid var(--qdc-border); border-radius: 18px; padding: 24px; margin: auto; background: var(--qdc-surface); color: var(--qdc-text); box-shadow: 0 20px 70px #0005; }
.noor-feedback-dialog::backdrop { background: #190c21b0; }
.noor-feedback-head { display: flex; gap: 12px; justify-content: space-between; align-items: center; }
.noor-feedback-head h2 { font-size: 22px; color: var(--qdc-primary); }
.noor-feedback-head button { flex-shrink: 0; width: 44px; height: 44px; cursor: pointer; border: 1px solid var(--qdc-border); border-radius: 9px; color: var(--qdc-primary); background: var(--qdc-bg); }
.noor-feedback-dialog > p { color: var(--qdc-muted); font-size: 13px; margin: 8px 0 18px; }
.noor-feedback-dialog label { display: block; font-size: 13px; margin: 12px 0 5px; }
.noor-feedback-dialog input,.noor-feedback-dialog select,.noor-feedback-dialog textarea { display: block; width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid var(--qdc-border); border-radius: 8px; font-size: 16px; color: var(--qdc-text); background: var(--qdc-bg); }
.noor-feedback-dialog textarea { resize: vertical; }
.noor-feedback-reference { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.noor-feedback-note { font-size: 11px; color: var(--qdc-muted); line-height: 1.8; margin: 12px 0; }
.noor-feedback-honey { display: none; }
#noorFeedbackStatus { font-size: 13px; margin: 12px 0; }
#noorFeedbackSubmit { width: 100%; cursor: pointer; min-height: 46px; }
#noorFeedbackSubmit:disabled { opacity: .6; cursor: wait; }
html[lang="ur"] body { font-family: 'Amiri', 'Poppins', serif; }
html[lang="ur"] .qdc-menu li a { font-size: 17px; }
html[lang="ur"] .noor-welcome-copy,html[lang="ur"] .noor-bismillah { text-align: right; }
html[lang="ur"] .noor-welcome h1 { font-family: 'Amiri',serif; font-size: clamp(38px,4vw,56px); line-height: 1.5; letter-spacing: 0; }
html[lang="ur"] .noor-eyebrow { letter-spacing: 0; font-size: 15px; }
html[lang="ur"] .noor-welcome-copy > p,html[lang="ur"] .noor-tool-card > p { font-size: 17px; }
html[lang="ur"] .noor-tool-title h3,html[lang="ur"] .noor-tool-link { font-size: 19px; }
html[lang="ur"] .noor-section-heading h2,html[lang="ur"] .noor-closing h2 { font-family: 'Amiri',serif; letter-spacing: 0; }
html[lang="ur"] .qdc-search-icon { left: auto; right: 20px; }
html[lang="ur"] .qdc-search-input { padding-right: 54px; padding-left: 18px; }
html[lang="ur"] .qdc-surah-card-right { text-align: left; }
html[lang="ur"] .audio-seek-wrap,html[lang="ur"] .audio-btns,html[lang="ur"] .dash-prayer-timer { direction: ltr; }
html[lang="ur"] .noor-feedback-dialog label { font-size: 17px; }
html[lang="ur"] .noor-feedback-note { font-size: 14px; }
@media (max-width: 540px) {
 .qdc-header .nav-btn-pdf,.qdc-header .nav-btn-primary { display: none; }
 .qdc-header-actions { gap: 6px; }
 .noor-language-toggle { padding: 5px 8px; min-height: 38px; }
 .noor-feedback-dialog { padding: 18px; }
 html[lang="ur"] .noor-welcome-copy,html[lang="ur"] .noor-bismillah { text-align: center; }
}.noor-report-menu { border: 0; width: 100%; background: transparent; color: var(--qdc-primary); font: inherit; cursor: pointer; text-align: start; }

@media (max-width: 360px) {
 .qdc-header .navbar { padding-inline: 12px; gap: 8px; }
 .qdc-brand { gap: 7px; }
 .qdc-brand-logo { width: 32px; height: 32px; }
 .qdc-brand-name { font-size: 14px; }
 .qdc-header-actions { gap: 4px; }
 .noor-language-toggle { padding-inline: 6px; }
 .reader-quick-actions { flex-wrap: wrap; }
 .reader-quick-actions .reader-btn-action { flex-basis: calc(50% - 6px); }
}
/* Secondary Urdu names are shown only in the Urdu interface; Arabic remains. */
html[lang="en"] .surah-intro-ur,
html[lang="en"] .qdc-surah-info h4 small,
html[lang="en"] .dropdown-arabic,
html[lang="en"] .mobile-nav-card small { display: none; }
html[lang="en"] .surah-intro-ur + .surah-intro-divider { display: none; }
.namaz-page { padding-block: 48px 60px; }
.namaz-heading { max-width: 800px; margin-bottom: 28px; }
.namaz-heading h1 { font: 400 44px/1.3 Georgia,serif; color: var(--qdc-primary-dark); margin: 12px 0; }
.namaz-heading p,.namaz-preparation p { color: var(--qdc-muted); font-size: 14px; line-height: 1.9; }
.namaz-preparation,.namaz-notes { padding: 22px 24px; border: 1px solid var(--qdc-border); border-radius: 14px; background: var(--qdc-surface); margin-bottom: 20px; }
.namaz-preparation h2 { font-size: 19px; margin-bottom: 9px; color: var(--qdc-primary); }
.namaz-settings { display: flex; gap: 20px; margin: 24px 0; }
.namaz-settings > div { flex: 1; min-width: 0; }
.namaz-settings label { display: block; font-size: 13px; margin-bottom: 8px; }
.namaz-settings select { width: 100%; padding: 12px; min-height: 46px; font-size: 16px; border: 1px solid var(--qdc-border); border-radius: 9px; background: var(--qdc-surface); color: var(--qdc-text); }
.namaz-learning { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 24px; margin-bottom: 28px; align-items: start; }
.namaz-visual,.namaz-instruction { border: 1px solid var(--qdc-border); background: var(--qdc-surface); border-radius: 18px; padding: 24px; min-width: 0; }
.namaz-progress { display: flex; justify-content: space-between; gap: 10px; color: var(--qdc-muted); font-size: 12px; }
#namazFigure { width: 100%; height: 300px; display: block; background: var(--qdc-bg); border-radius: 14px; margin: 16px 0; }
#namazPoseCaption { font-size: 18px; font-weight: 600; color: var(--qdc-primary); text-align: center; }
.namaz-caption { font-size: 11px; color: var(--qdc-muted); text-align: center; margin: 8px 0 20px; }
.namaz-controls { display: flex; gap: 8px; }
.namaz-controls button { flex: 1; padding: 10px 6px; min-height: 44px; font-size: 12px; border-radius: 8px; border: 1px solid var(--qdc-border); background: var(--qdc-bg); color: var(--qdc-primary); cursor: pointer; }
.namaz-controls button:disabled { opacity: .4; cursor: default; }
.namaz-step-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.namaz-step-list button { width: 34px; height: 34px; border-radius: 8px; border: 1px solid var(--qdc-border); background: var(--qdc-bg); color: var(--qdc-primary); cursor: pointer; }
.namaz-step-list button.active { color: white; background: #5a1a5e; }
.namaz-instruction h2 { color: var(--qdc-primary-dark); font-size: 24px; margin-bottom: 14px; }
.namaz-instruction p { font-size: 14px; line-height: 1.9; margin-block: 12px; color: var(--qdc-muted); }
.namaz-arabic { font-family: 'Amiri',serif; font-size: 27px; line-height: 2; white-space: pre-line; padding: 20px; border-radius: 12px; background: var(--qdc-bg); margin-top: 20px; text-align: right; }
.namaz-instruction a,.namaz-notes a { color: var(--qdc-primary); text-decoration: underline; font-size: 12px; }
.namaz-notes summary { color: var(--qdc-primary); font-weight: 600; cursor: pointer; }
.namaz-notes p { color: var(--qdc-muted); line-height: 1.9; font-size: 13px; margin: 14px 0; }
.namaz-notes ul { padding-inline-start: 20px; }
.namaz-notes li { margin-block: 12px; }
html[lang="ur"] .namaz-heading h1 { font-family: 'Amiri',serif; }
html[lang="ur"] .namaz-heading p,html[lang="ur"] .namaz-preparation p,html[lang="ur"] .namaz-instruction p,html[lang="ur"] .namaz-notes p { font-size: 19px; }
@media(max-width:760px) { .namaz-learning { grid-template-columns: 1fr; } .namaz-page { padding-block: 28px 40px; } .namaz-heading h1 { font-size: 34px; } .namaz-visual,.namaz-instruction { padding: 18px; } #namazFigure { height: 260px; } .namaz-settings { flex-direction: column; gap: 14px; } .namaz-preparation,.namaz-notes { padding: 18px; } .namaz-step-list button { width: 40px; height: 40px; } }
/* Original full-detail posture illustrations, isolated from a six-panel sheet. */
#namazFigure.namaz-pose-image { height: auto; aspect-ratio: 1; max-height: none; background-color: #faf7f2; }
.namaz-pose-image { background-size: 300% 200%; background-repeat: no-repeat; direction: ltr; border-radius: 14px; }
.namaz-imam-card { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
.namaz-imam-card h2,.namaz-sources-card h2 { color: var(--qdc-primary); font-size: 23px; margin-bottom: 14px; }
.namaz-imam-card figure { margin: 0; }
.namaz-imam-card img { width: 100%; border-radius: 12px; }
.namaz-imam-card figcaption { color: var(--qdc-muted); text-align: center; font-size: 13px; margin-top: 12px; }
.namaz-book-art { width: 180px; float: inline-end; margin-inline-start: 24px; }
.namaz-sources-card ul { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; padding: 0; list-style: none; clear: both; }
.namaz-sources-card li { padding: 18px; border: 1px solid var(--qdc-border); border-radius: 12px; background: var(--qdc-bg); }
.namaz-image-dialog { width: min(760px,calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 18px; margin: auto; overflow: auto; background: var(--qdc-surface); color: var(--qdc-text); border: 1px solid var(--qdc-border); border-radius: 16px; }
.namaz-image-dialog::backdrop { background: #180c22b0; }
.namaz-image-dialog > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.namaz-image-dialog h2 { font-size: 20px; }
.namaz-image-dialog button { border: 1px solid var(--qdc-border); border-radius: 8px; padding: 10px 16px; min-height: 44px; background: var(--qdc-bg); color: var(--qdc-primary); cursor: pointer; }
#namazLargeImage { aspect-ratio: 1; max-width: 600px; margin: auto; }
#namazLargeCaption { text-align: center; line-height: 1.8; margin-top: 12px; }
@media(max-width:760px) { .namaz-imam-card { grid-template-columns: 1fr; } .namaz-sources-card ul { grid-template-columns: 1fr; } .namaz-book-art { width: 120px; } }
.namaz-direction { direction: ltr; text-align: right; font: 600 13px/1.8 'Poppins',sans-serif; color: #7a5b16; padding: 8px 12px; background: #f3ead7; border-radius: 8px; margin-top: 14px; }
.namaz-pose-image.single-pose { background-size: contain; }
#namazFigure.namaz-pose-image.single-pose,#namazLargeImage.single-pose { aspect-ratio: 3 / 2; }
#namazFigure.namaz-pose-image { background-size: 300% 200%; background-repeat: no-repeat; }
#namazFigure.namaz-pose-image.single-pose { background-size: contain; }
.namaz-image-dialog .namaz-direction { margin: 0 0 12px; }.namaz-learning { grid-template-columns: minmax(0,1fr); } .namaz-visual { padding: 18px; } .namaz-imam-card { display: block; }

/* Simple reading flow: one instruction at a time, optional detail below. */
.namaz-page { max-width: 820px; }
.namaz-heading { margin-bottom: 18px; }
.namaz-heading h1 { font-size: 34px; }
.namaz-learning { display: flex; flex-direction: column; gap: 14px; }
.namaz-instruction { order: 1; width: 100%; padding: 26px; }
.namaz-visual { order: 2; width: 100%; padding: 18px; }
.namaz-progress { margin-bottom: 14px; font-size: 14px; }
.namaz-controls button { min-height: 48px; font-size: 14px; }
.namaz-controls button:last-child { background: #5a1a5e; color: #fff; }
.namaz-step-list { display: none; }
.namaz-instruction > p { font-size: 16px; }
.namaz-simple-meaning,.namaz-simple-reference { border-top: 1px solid var(--qdc-border); padding-top: 12px; margin-top: 16px; }
.namaz-simple-meaning summary,.namaz-simple-reference summary { cursor: pointer; color: var(--qdc-primary); font-size: 14px; }
.namaz-arabic { font-size: 26px; padding: 16px; line-height: 1.9; }
.namaz-instruction #namazExtra { font-size: 13px; }
.namaz-notes { padding: 16px 18px; }
@media(max-width:540px){ .namaz-instruction { padding: 20px; } .namaz-heading h1 { font-size: 30px; } }#namazTitle { scroll-margin-top: 100px; }

.namaz-simple-list { margin-top: 24px; }
.namaz-simple-step { padding: 22px 0; border-bottom: 1px solid var(--qdc-border); }
.namaz-simple-step h2 { font-size: 20px; color: var(--qdc-primary); margin-bottom: 8px; }
.namaz-simple-step > p { font-size: 15px; line-height: 1.8; color: var(--qdc-text); }
.namaz-simple-step .namaz-arabic { background: transparent; padding: 10px 0; margin: 0; font-size: 25px; line-height: 1.9; }
html[lang="ur"] .namaz-simple-step > p { font-size: 20px; }
.namaz-page { max-width: 940px; padding-top: 36px; }
.namaz-heading { padding: 32px; border-radius: 20px; background: #3b1741; margin-bottom: 22px; border: 1px solid #d4af3740; }
.namaz-heading .noor-eyebrow { color: #e4c76b; }
.namaz-heading h1 { color: #fff; font-size: 38px; margin: 10px 0; }
.namaz-heading p { color: #eadfed; max-width: 650px; }
.namaz-preparation { border-inline-start: 4px solid var(--qdc-gold); box-shadow: 0 4px 18px #3b174108; }
.namaz-settings { background: var(--qdc-surface); border: 1px solid var(--qdc-border); border-radius: 14px; padding: 18px 22px; margin: 20px 0 10px; }
.namaz-settings select { max-width: 420px; }
.namaz-method-label { color: var(--qdc-muted); font-size: 12px; margin-bottom: 24px; }
.namaz-simple-list { display: grid; gap: 20px; }
.namaz-simple-step { background: var(--qdc-surface); padding: 26px 30px; border: 1px solid var(--qdc-border); border-radius: 16px; box-shadow: 0 5px 18px #3b174106; }
.namaz-simple-step h2 { font-size: 21px; padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid var(--qdc-border); line-height: 1.5; }
.namaz-simple-step > p { color: var(--qdc-muted); font-size: 15px; line-height: 1.9; }
.namaz-simple-step .namaz-arabic { margin-top: 16px; padding: 18px 20px; background: var(--qdc-bg); border-radius: 12px; border-inline-start: 3px solid var(--qdc-gold); font-size: 27px; }
.namaz-simple-step .namaz-arabic:not([lang="ar"]) { font: inherit; color: var(--qdc-primary); }
@media(max-width:540px) { .namaz-heading { padding: 24px 20px; } .namaz-heading h1 { font-size: 31px; } .namaz-simple-step { padding: 20px; } .namaz-simple-step h2 { font-size: 19px; } .namaz-simple-step .namaz-arabic { font-size: 25px; padding: 14px; } }
/* Gentle UI motion and a simple reading timeline. */
.namaz-heading { position: relative; overflow: hidden; background: linear-gradient(125deg,#3b1741,#5a1a5e); }
.namaz-heading::after { content: ''; position: absolute; width: 200px; height: 200px; right: -70px; top: -80px; border: 1px solid #d4af3740; border-radius: 50%; box-shadow: 0 0 0 28px #d4af3708,0 0 0 55px #d4af3706; pointer-events: none; animation: namaz-ornament 8s ease-in-out infinite alternate; }
.namaz-reading-progress { position: sticky; top: 82px; z-index: 10; display: flex; align-items: center; gap: 18px; padding: 14px 18px; margin: 18px 0; background: var(--qdc-surface); border: 1px solid var(--qdc-border); border-radius: 12px; box-shadow: 0 4px 14px #3b17410b; }
#namazReadingLabel { flex-shrink: 0; font-size: 12px; font-weight: 600; color: var(--qdc-primary); }
#namazReadingTrack { flex: 1; height: 5px; border-radius: 8px; background: var(--qdc-border); overflow: hidden; direction: ltr; }
#namazReadingFill { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#5a1a5e,#d4af37); transition: width .35s ease; }
.namaz-simple-step { position: relative; transition: border-color .25s,box-shadow .25s; border-inline-start: 3px solid transparent; }
.namaz-simple-step.step-revealed { animation: namaz-card-in .55s ease both; animation-delay: var(--reveal-delay,0ms); }
.namaz-simple-step.reading-active { border-inline-start-color: var(--qdc-gold); box-shadow: 0 8px 25px #5a1a5e10; }
.namaz-simple-step:hover { border-color: #d4af3760; box-shadow: 0 10px 24px #3b17410b; }
@keyframes namaz-card-in { from { opacity: .3; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes namaz-ornament { from { transform: translateY(0); } to { transform: translateY(12px); } }
@media(max-width:540px) { .namaz-reading-progress { top: 72px; padding: 12px 14px; gap: 12px; } }
@media(prefers-reduced-motion:reduce) { .namaz-heading::after,.namaz-simple-step.step-revealed { animation: none; } #namazReadingFill { transition: none; } }
/* Kids Corner: warm learning cards, clear choices, no reward scores. */
.kids-page { padding-block: 38px 64px; }
.kids-hero { position: relative; overflow: hidden; background: linear-gradient(120deg,#3b1741,#6b2870); padding: 46px; border-radius: 24px; color: white; border: 1px solid #d4af3740; }
.kids-hero .noor-eyebrow { color: #ecd58c; }
.kids-hero h1 { font: 400 48px/1.2 Georgia,serif; margin: 15px 0; color: white; }
.kids-hero p { color: #eee3f0; font-size: 15px; line-height: 1.9; max-width: 620px; }
.kids-spark { position: absolute; right: 45px; top: 34px; font-size: 100px; color: #d4af3740; transform: rotate(12deg); }
.kids-parent-note { padding: 18px 22px; margin: 22px 0 28px; border: 1px solid var(--qdc-border); border-inline-start: 4px solid var(--qdc-gold); background: var(--qdc-surface); border-radius: 12px; font-size: 13px; color: var(--qdc-muted); }
.kids-topic-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.kids-topic-card { display: flex; flex-direction: column; border: 1px solid var(--qdc-border); background: var(--qdc-surface); padding: 26px; border-radius: 18px; transition: transform .2s,box-shadow .2s,border-color .2s; }
.kids-topic-card:hover { transform: translateY(-4px); border-color: var(--qdc-gold); box-shadow: 0 12px 30px #3b17410c; }
.kids-topic-icon { display: grid; place-items: center; width: 58px; height: 58px; font: 30px/1.2 'Amiri',serif; border-radius: 17px; color: var(--qdc-primary); background: var(--qdc-bg); margin-bottom: 18px; }
.kids-topic-card:nth-child(3n+2) .kids-topic-icon { background: #f6eed7; color: #775819; }
.kids-topic-card h2 { font-size: 18px; line-height: 1.5; color: var(--qdc-primary-dark); margin-bottom: 10px; }
.kids-topic-card p { color: var(--qdc-muted); font-size: 13px; line-height: 1.8; margin-bottom: 24px; flex: 1; }
.kids-card-link { border-top: 1px solid var(--qdc-border); padding-top: 14px; color: var(--qdc-primary); font-size: 12px; font-weight: 600; }
.kids-back { display: inline-block; color: var(--qdc-primary); font-size: 13px; margin-bottom: 18px; }
.kids-topic-hero .kids-topic-icon { background: #ffffff15; color: #eed68c; }
.kids-lessons { display: grid; gap: 14px; margin: 24px 0; }
.kids-lesson { display: flex; align-items: start; gap: 18px; padding: 24px; background: var(--qdc-surface); border: 1px solid var(--qdc-border); border-radius: 16px; }
.kids-lesson > div { flex: 1; min-width: 0; }
.kids-lesson-number { display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 12px; background: var(--qdc-bg); color: var(--qdc-primary); font-weight: 600; }
.kids-lesson p { font-size: 16px; line-height: 1.9; }
.kids-arabic { font: 26px/1.9 'Amiri',serif; margin-top: 15px; padding: 15px 18px; border-radius: 12px; border-inline-start: 3px solid var(--qdc-gold); background: var(--qdc-bg); text-align: right; }
.kids-practice,.kids-quiz,.kids-surahs { padding: 26px; border: 1px solid var(--qdc-border); border-radius: 18px; background: var(--qdc-surface); margin-bottom: 22px; }
.kids-practice { border-inline-start: 4px solid var(--qdc-gold); }
.kids-practice h2,.kids-quiz h2,.kids-surahs h2 { color: var(--qdc-primary); font-size: 22px; margin-bottom: 14px; }
.kids-practice p,.kids-quiz p { font-size: 15px; line-height: 1.9; margin-bottom: 16px; color: var(--qdc-muted); }
.kids-practice label { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; }
.kids-practice input { width: 22px; height: 22px; accent-color: #5a1a5e; }
#kidsSaved,#kidsQuizFeedback { font-size: 13px; margin: 14px 0 0; color: var(--qdc-primary); min-height: 20px; }
#kidsQuizOptions { display: flex; flex-wrap: wrap; gap: 10px; }
#kidsQuizOptions button { flex: 1 1 180px; padding: 14px 18px; min-height: 48px; border: 1px solid var(--qdc-border); border-radius: 12px; cursor: pointer; font: inherit; font-size: 14px; color: var(--qdc-primary); background: var(--qdc-bg); }
#kidsQuizOptions button.correct { border-color: #36885b; background: #e4f2e7; color: #194b2f; }
#kidsQuizOptions button.try-again { border-color: #b8860b; background: #fbf1d8; color: #785b15; }
.kids-audio { display: flex; align-items: center; gap: 20px; padding: 14px 0; border-top: 1px solid var(--qdc-border); }
.kids-audio a { flex: 1; color: var(--qdc-primary); font-weight: 600; }
.kids-audio audio { width: min(100%,400px); max-width: 100%; }
.kids-more { margin: 8px 0 24px; }
.kids-bottom-links { padding-block: 18px; text-align: center; color: var(--qdc-primary); }
html[lang="ur"] .kids-hero h1 { font-family: 'Amiri',serif; line-height: 1.5; }
html[lang="ur"] .kids-lesson p,html[lang="ur"] .kids-practice p,html[lang="ur"] .kids-quiz p { font-size: 20px; }
html[lang="ur"] .kids-topic-card p { font-size: 18px; }
@media(max-width:900px) { .kids-topic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { .kids-page { padding-block: 26px 40px; } .kids-hero { padding: 30px 24px; border-radius: 18px; } .kids-hero h1 { font-size: 36px; } .kids-hero p { font-size: 13px; } .kids-spark { font-size: 60px; right: 20px; top: 15px; } .kids-topic-grid { grid-template-columns: 1fr; gap: 14px; } .kids-lesson,.kids-practice,.kids-quiz,.kids-surahs { padding: 20px; } .kids-lesson { gap: 12px; } .kids-audio { flex-direction: column; align-items: stretch; gap: 12px; } .kids-audio audio { width: 100%; } }
/* Child-friendly choices: fewer options, big targets, one lesson at a time. */
.kids-page { max-width: 1040px; }
.kids-page [hidden] { display: none !important; }
.kids-hero { background: #eee4f3; border: 0; color: #3b1741; text-align: center; padding: 30px; }
.kids-hero h1 { font: 700 34px/1.4 'Poppins',sans-serif; color: #3b1741; margin: 8px 0; }
.kids-hero p { color: #6b5d70; margin-inline: auto; font-size: 17px; }
.kids-hero .noor-eyebrow,.kids-spark { display: none; }
.kids-topic-hero .kids-topic-icon { margin: 0 auto 10px; background: #fff; color: #5a1a5e; }
.kids-groups { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 24px 0; }
.kids-groups button { flex: 1 1 160px; min-height: 58px; border: 2px solid var(--qdc-border); border-radius: 16px; padding: 12px; background: var(--qdc-surface); color: var(--qdc-primary); cursor: pointer; font: 600 16px/1.5 'Poppins',sans-serif; }
.kids-groups button[aria-pressed="true"] { background: #5a1a5e; border-color: #5a1a5e; color: white; }
.kids-topic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.kids-topic-card { text-align: center; align-items: center; padding: 30px 20px; border-width: 2px; border-radius: 22px; }
.kids-topic-card .kids-topic-icon { width: 82px; height: 82px; font-size: 44px; border-radius: 24px; margin-bottom: 16px; }
.kids-topic-card h2 { font-size: 21px; margin: 0; }
.kids-topic-card p,.kids-card-link { display: none; }
.kids-step-header { display: flex; justify-content: space-between; align-items: center; margin: 24px 0 16px; gap: 12px; scroll-margin-top: 95px; }
#kidsStepCount { font-size: 15px; color: var(--qdc-muted); }
#kidsStepDots { display: flex; gap: 8px; }
#kidsStepDots span { width: 10px; height: 10px; border-radius: 50%; background: var(--qdc-border); }
#kidsStepDots span.active { background: var(--qdc-gold); }
.kids-lesson { padding: 30px; min-height: 170px; align-items: center; border-radius: 22px; border-width: 2px; }
.kids-lesson-number { display: none; }
.kids-lesson p { font-size: 23px; line-height: 1.8; text-align: center; }
.kids-practice h2,.kids-quiz h2 { font-size: 23px; }
#kidsQuizQuestion { color: var(--qdc-text); font-size: 21px; }
#kidsQuizOptions { flex-direction: column; }
#kidsQuizOptions button { flex: none; min-height: 60px; font-size: 19px; border-width: 2px; }
.kids-step-nav { display: flex; justify-content: space-between; gap: 16px; margin: 24px 0; }
.kids-step-nav button { border: 1px solid var(--qdc-border); min-height: 58px; min-width: 120px; border-radius: 15px; padding: 12px 26px; font: 600 18px/1.5 'Poppins',sans-serif; color: var(--qdc-primary); background: var(--qdc-surface); cursor: pointer; }
#kidsStepNext { background: #5a1a5e; color: white; }
#kidsStepPrev:disabled { opacity: .35; cursor: default; }
.kids-topic-hero p { display: none; }
.kids-bottom-links { font-size: 15px; }
html[lang="ur"] .kids-lesson p { font-size: 26px; }
@media(max-width:540px){ .kids-hero { padding: 24px 18px; } .kids-hero h1 { font-size: 26px; } .kids-groups { gap: 8px; } .kids-groups button { flex-basis: 40%; min-height: 54px; font-size: 13px; } .kids-topic-card { padding: 22px 10px; } .kids-topic-card h2 { font-size: 16px; } .kids-topic-card .kids-topic-icon { width: 62px; height: 62px; font-size: 36px; } .kids-lesson { padding: 24px 20px; } .kids-lesson p { font-size: 21px; } }
.prophet-search-label { display: block; margin: 24px 0 8px; color: var(--qdc-primary); font-size: 16px; }
.prophet-search { display: block; width: 100%; padding: 16px 18px; font-size: 18px; border: 2px solid var(--qdc-border); border-radius: 14px; background: var(--qdc-surface); color: var(--qdc-text); margin-bottom: 22px; }
.prophet-load-more { display: block; margin: 24px auto; padding: 14px 28px; min-height: 56px; border: 0; border-radius: 14px; background: #5a1a5e; color: white; font: inherit; font-size: 18px; cursor: pointer; }
.prophet-story-parts .kids-lesson { min-height: 210px; justify-content: center; }
.prophet-story-parts .kids-lesson > p { flex: 1; }
.prophet-lesson { border-color: var(--qdc-gold); }
.prophet-lesson h2 { text-align: center; color: var(--qdc-primary); font-size: 20px; margin-bottom: 18px; }
#prophetStepDots { display: flex; gap: 8px; }
#prophetStepDots span { width: 10px; height: 10px; border-radius: 50%; background: var(--qdc-border); }
#prophetStepDots span.active { background: var(--qdc-gold); }
#prophetNext { background: #5a1a5e; color: white; }
#prophetPrev:disabled { opacity: .35; cursor: default; }/* Independent story language, kept close to the reading card. */
.prophet-language-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 0;padding:16px 20px;background:#fff;border:1px solid #e5d9ea;border-radius:18px}
.prophet-language-picker label{font-weight:700;color:#5a1a5e}
.prophet-language-picker select{font-family:Poppins,sans-serif;font-size:16px;color:#48164d;background:#f6eff9;border:1px solid #d8c3df;border-radius:12px;padding:12px 38px 12px 14px;min-width:170px;cursor:pointer}
.prophet-language-picker select:focus-visible{outline:3px solid #d3ad4a;outline-offset:3px}
.prophet-story-parts[lang="en"] p,.prophet-story-parts[lang="ur-Latn"] p{font-family:Poppins,sans-serif;font-size:23px;line-height:1.8}
.prophet-story-parts[lang="ur"] p{font-family:Amiri,serif;font-size:28px;line-height:1.9}
@media(max-width:600px){.prophet-language-picker{padding:14px;gap:10px}.prophet-language-picker select{min-width:150px;font-size:15px}.prophet-story-parts[lang="en"] p,.prophet-story-parts[lang="ur-Latn"] p{font-size:20px}}
/* Short sourced story paragraphs, with references visible at every reading step. */
.prophet-story-copy{width:100%;max-width:780px}
.prophet-part-references{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:22px;padding-top:16px;border-top:1px solid #e7deeb;font-family:Poppins,sans-serif;font-size:13px;line-height:1.7}
.prophet-part-references a{color:#64176b;text-decoration:underline;text-underline-offset:3px;display:inline-block;direction:ltr}
.prophet-part-references a:focus-visible{outline:2px solid #ba8c10;outline-offset:3px}
.prophet-story-parts[lang="ur"] .prophet-part-references{font-family:Amiri,serif;font-size:18px}
.prophet-lesson small{display:block;margin-top:18px;font-size:13px;line-height:1.7;color:#706278}
.prophet-story-parts[lang="ur"] .prophet-lesson small{font-family:Amiri,serif;font-size:18px}
@media(max-width:600px){.prophet-story-parts .kids-lesson{padding:22px 18px}.prophet-part-references{margin-top:16px}}
/* Full accounts open in a continuous, easy-to-read view by default. */
.prophet-reading-mode{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.prophet-reading-mode button{flex:1;min-width:150px;padding:13px 16px;border:1px solid #dccde2;border-radius:13px;background:#fff;color:#5a1a5e;font:600 15px Poppins,sans-serif;cursor:pointer}
.prophet-reading-mode button[aria-pressed="true"]{background:#5a1a5e;color:#fff;border-color:#5a1a5e}
.prophet-reading-mode button:focus-visible{outline:3px solid #d3ad4a;outline-offset:3px}
.prophet-story-copy h2{font:700 22px/1.5 Poppins,sans-serif;text-align:start;color:#5a1a5e;margin:0 0 16px}
.prophet-story-copy p{text-align:start}
.prophet-story-parts[data-reading-mode="full"] .prophet-story-part{margin-bottom:22px;min-height:0}
.prophet-story-parts[data-reading-mode="full"][lang="en"] p,.prophet-story-parts[data-reading-mode="full"][lang="ur-Latn"] p{font-size:18px;line-height:1.95}
.prophet-story-parts[lang="ur"] h2{font-family:Amiri,serif;font-size:28px;line-height:1.8}
.prophet-story-parts .prophet-part-references{justify-content:flex-start;text-align:start}
.prophet-story-parts .prophet-lesson h2,.prophet-story-parts .prophet-lesson p{text-align:center}
#prophetStepDots{flex-wrap:wrap;justify-content:flex-end;max-width:45%;gap:6px}
@media(max-width:600px){.prophet-reading-mode button{font-size:13px;padding:12px 9px;min-width:0}.prophet-story-copy h2{font-size:19px}.prophet-story-parts[lang="ur"] h2{font-size:26px}.prophet-story-parts[data-reading-mode="full"][lang="en"] p,.prophet-story-parts[data-reading-mode="full"][lang="ur-Latn"] p{font-size:17px;line-height:1.95}.kids-step-header{gap:14px;font-size:13px}}
/* Arabic and Hindi story reading, independent of the website interface language. */
.prophet-story-parts[lang="ar"] p{font-family:Amiri,serif;font-size:26px;line-height:1.95}
.prophet-story-parts[lang="ar"] h2{font-family:Amiri,serif;font-size:28px;line-height:1.8}
.prophet-story-parts[lang="ar"] .prophet-part-references{font-family:Amiri,serif;font-size:18px}
.prophet-story-parts[lang="hi"] p{font-family:"Nirmala UI",Mangal,sans-serif;font-size:20px;line-height:1.95}
.prophet-story-parts[lang="hi"] h2{font-family:"Nirmala UI",Mangal,sans-serif;font-size:23px;line-height:1.7}
.prophet-story-parts[lang="hi"] .prophet-part-references{font-family:"Nirmala UI",Mangal,sans-serif;font-size:14px}
.prophet-reading-mode[lang="ar"] button,.kids-step-nav[lang="ar"] button,.prophet-references[lang="ar"],.kids-step-header[lang="ar"]{font-family:Amiri,serif;font-size:20px}
.prophet-reading-mode[lang="hi"] button,.kids-step-nav[lang="hi"] button,.prophet-references[lang="hi"],.kids-step-header[lang="hi"]{font-family:"Nirmala UI",Mangal,sans-serif}
.prophet-story-parts[lang="ar"] .prophet-lesson small{font-family:Amiri,serif;font-size:17px}
.prophet-story-parts[lang="hi"] .prophet-lesson small{font-family:"Nirmala UI",Mangal,sans-serif}
@media(max-width:600px){.prophet-story-parts[lang="ar"] p{font-size:24px}.prophet-story-parts[lang="hi"] p{font-size:18px}.prophet-story-parts[lang="hi"] h2{font-size:21px}.prophet-reading-mode[lang="hi"] button{font-size:14px}.prophet-reading-mode[lang="ar"] button{font-size:18px}.kids-step-header[lang="ar"]{font-size:17px}}

/* Four-language website interface. */
html[lang="ar"] body { font-family: 'Amiri', 'Poppins', serif; }
html[lang="ar"] .qdc-menu li a { font-size: 17px; }
html[lang="ar"] .noor-welcome-copy,html[lang="ar"] .noor-bismillah { text-align: right; }
html[lang="ar"] .noor-welcome h1 { font-family: 'Amiri',serif; font-size: clamp(38px,4vw,56px); line-height: 1.5; letter-spacing: 0; }
html[lang="ar"] .noor-eyebrow { letter-spacing: 0; font-size: 15px; }
html[lang="ar"] .noor-welcome-copy > p,html[lang="ar"] .noor-tool-card > p { font-size: 17px; }
html[lang="ar"] .noor-tool-title h3,html[lang="ar"] .noor-tool-link { font-size: 19px; }
html[lang="ar"] .noor-section-heading h2,html[lang="ar"] .noor-closing h2 { font-family: 'Amiri',serif; letter-spacing: 0; }
html[lang="ar"] .qdc-search-icon { left: auto; right: 20px; }
html[lang="ar"] .qdc-search-input { padding-right: 54px; padding-left: 18px; }
html[lang="ar"] .qdc-surah-card-right { text-align: left; }
html[lang="ar"] .audio-seek-wrap,html[lang="ar"] .audio-btns,html[lang="ar"] .dash-prayer-timer { direction: ltr; }
html[lang="ar"] .noor-feedback-dialog label { font-size: 17px; }
html[lang="ar"] .noor-feedback-note { font-size: 14px; }
select.noor-language-toggle{width:105px;max-width:120px;padding:7px 8px;direction:ltr;font-family:"Nirmala UI",Amiri,sans-serif;font-size:14px}
select.noor-language-toggle:focus-visible{outline:3px solid #d3ad4a;outline-offset:3px}
html[lang="hi"] body{font-family:"Nirmala UI",Mangal,sans-serif}
html[lang="hi"] h1,html[lang="hi"] h2,html[lang="hi"] h3,html[lang="hi"] h4,html[lang="hi"] button,html[lang="hi"] input,html[lang="hi"] select{font-family:"Nirmala UI",Mangal,sans-serif;letter-spacing:0}
html[lang="hi"] .noor-welcome h1{line-height:1.45;letter-spacing:0}
html[lang="hi"] .noor-eyebrow{letter-spacing:0;line-height:1.7}
html[lang="ar"] .kids-hero h1,html[lang="ar"] .namaz-heading h1{font-family:Amiri,serif;line-height:1.5}
html[lang="ar"] .namaz-simple-step > p{font-size:21px;line-height:1.9}
html[lang="hi"] .namaz-simple-step > p{font-size:18px;line-height:1.9}
html[dir="rtl"] .audio-seek-wrap,html[dir="rtl"] .audio-btns,html[dir="rtl"] .dash-prayer-timer{direction:ltr}
html[lang="ar"] .surah-intro-ur,html[lang="hi"] .surah-intro-ur,html[lang="ar"] .dropdown-arabic,html[lang="hi"] .dropdown-arabic{display:none}
#zakatAppWrapper .zakat-lang-bar{display:none}
html[lang="hi"] .ayah-ar-text,html[lang="hi"] .azkar-ar,html[lang="hi"] .qaida-ar-text,html[lang="hi"] .namaz-arabic{font-family:Amiri,serif}
@media(max-width:540px){select.noor-language-toggle{width:88px;min-height:38px;font-size:13px;padding-inline:5px}.qdc-header-actions{gap:7px}html[lang="ar"] .noor-welcome-copy,html[lang="ar"] .noor-bismillah{text-align:center}}
html:not([lang="ur"]) .noor-tool-title > span[lang="ur"],html[lang="ar"] .qdc-surah-info h4 small,html[lang="hi"] .qdc-surah-info h4 small,html[lang="ar"] .mobile-nav-card small,html[lang="hi"] .mobile-nav-card small{display:none}
html:not([lang="ur"]) .name-ur{display:none}html[lang="ar"] .noor-quick a > span[lang="ar"],html[lang="ar"] .qdc-surah-info > span{display:none}
.hero-daily-ref{direction:ltr;unicode-bidi:isolate}