/* Tajweed annotations and rule names follow Quran.com API v4 and MMoneer's
   Quran Tajweed reader. Palette tuned for contrast on this site's cream paper. */
:root{
  --tj-muted:#78857f;--tj-madd:#a74761;--tj-madd-permissible:#a15c0d;
  --tj-madd-obligatory:#bd2758;--tj-madd-necessary:#ac2430;
  --tj-ghunnah:#167b67;--tj-qalqalah:#08799a;--tj-tafkhim:#305fbb;
}
.tajweed-active .tj.ham_wasl,.tajweed-active .tj.laam_shamsiyah,
.tajweed-active .tj.slnt,.tajweed-active .tj.idgham_wo_ghunnah,
.tajweed-active .tj.idgham_mutajanisayn,.tajweed-active .tj.idgham_mutaqaribayn{color:var(--tj-muted)}
.tajweed-active .tj.madda_normal,.tajweed-active .tj.custom-alef-maksora{color:var(--tj-madd)}
.tajweed-active .tj.madda_permissible,.tajweed-active .tj.madda_obligatory_monfasel{color:var(--tj-madd-permissible)}
.tajweed-active .tj.madda_obligatory,.tajweed-active .tj.madda_obligatory_mottasel{color:var(--tj-madd-obligatory)}
.tajweed-active .tj.madda_necessary{color:var(--tj-madd-necessary);font-weight:700}
.tajweed-active .tj.ghunnah,.tajweed-active .tj.ikhafa,
.tajweed-active .tj.ikhafa_shafawi,.tajweed-active .tj.idgham_ghunnah,
.tajweed-active .tj.idgham_shafawi,.tajweed-active .tj.iqlab{color:var(--tj-ghunnah)}
.tajweed-active .tj.qalaqah{color:var(--tj-qalqalah)}
.tajweed-active .tj.tafkhim{color:var(--tj-tafkhim)}
.tj{transition:color .16s ease}
.tajweed-switch{display:inline-flex;align-items:center;gap:.45rem}
.tajweed-switch.active{background:#ddede5!important;border-color:#8fbea8!important;color:#15543f!important}
.tajweed-legend{max-width:940px;margin:0 auto 1.25rem;border:1px solid #d5e0d7;border-radius:16px;background:#f5f8f1;overflow:hidden}
.tajweed-legend summary{cursor:pointer;list-style:none;padding:.85rem 1.1rem;font:800 .76rem Manrope,Arial,sans-serif;color:#225b46;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.tajweed-legend summary::-webkit-details-marker{display:none}
.tajweed-legend summary:after{content:'+';font-size:1.25rem;line-height:1}
.tajweed-legend[open] summary:after{content:'−'}
.tajweed-legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:0 1.1rem 1rem}
.tajweed-legend-item{display:flex;align-items:center;gap:.55rem;font:.7rem/1.45 Manrope,Arial,sans-serif;color:#324b40}
.tajweed-legend-item i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--swatch)}
.tajweed-legend-note{margin:0;padding:.1rem 1.1rem 1rem;color:#63776b;font:.65rem/1.6 Manrope,Arial,sans-serif}
.tajweed-page{box-sizing:border-box;width:min(100%,590px);min-height:735px;background:#fffdf7;border:1px solid #dacdb2;box-shadow:0 15px 45px rgba(28,34,29,.18);padding:1.5rem 1.6rem 1.8rem;display:flex;flex-direction:column}
.mushaf-pages.spread .tajweed-page{width:min(47%,570px)}
.tajweed-page-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9caa9;padding-bottom:.5rem;color:#8d734b;font:700 .65rem Manrope,Arial,sans-serif}
.tajweed-page-body{font:1.65rem/2.15 'Amiri',serif;text-align:justify;text-align-last:center;color:#173a30;direction:rtl;flex:1;padding-top:1rem}
.tajweed-page-body .tj-verse{display:inline}
.tajweed-page-body .tj-verse button{display:inline;padding:0;background:transparent;border:0;color:inherit;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer}
.tajweed-page-body .tj-verse button:hover{text-decoration:underline;text-decoration-color:#b89b6d;text-underline-offset:.2em}
.tajweed-page-body .tj-ayah-end{color:#a38250;font:.82rem 'Amiri',serif;white-space:nowrap;padding-inline:.22rem}
.tajweed-page-surah{display:block;text-align:center;font:700 1.18rem/1.8 'Amiri',serif;color:#23604b;border:1px solid #dcc89e;border-radius:100px;margin:.35rem auto .5rem;padding:.15rem .9rem;width:max-content;max-width:95%}
.tajweed-page-bismillah{display:block;text-align:center;color:#7e693f;font:1.12rem/1.7 'Amiri',serif;margin-bottom:.45rem}
.tajweed-page-empty{font:.85rem/1.6 Manrope,Arial,sans-serif;color:#63776b;text-align:center}
.mushaf-main .tajweed-legend{max-width:none;margin-top:-.2rem}
@media(max-width:900px){.tajweed-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tajweed-page{min-height:0;padding:1rem}.mushaf-pages.spread .tajweed-page{width:100%}.tajweed-page-body{font-size:1.35rem;line-height:2}.tajweed-legend-grid{grid-template-columns:1fr 1fr}.tajweed-legend-item{font-size:.62rem}}

/* QPC Hafs Mushaf: the official word line numbers determine every row. */
@font-face{font-family:'KFGQPC Hafs';src:url('./fonts/UthmanicHafs_V22.ttf') format('truetype');font-display:swap}
.verse-ar,.hero-verse,.bookmark-card p{font-family:'KFGQPC Hafs','Amiri',serif}
.qpc-stage{background:#e9e8df;align-items:start}
.mushaf-pages.qpc-pages{align-items:stretch;gap:1.15rem}
.qpc-page{box-sizing:border-box;width:min(100%,650px);min-height:840px;background:#fffdf7;border:1px solid #d7c9a8;box-shadow:0 16px 48px rgba(25,44,33,.16);padding:1.15rem 1.45rem;display:flex;flex-direction:column;overflow:hidden}
.mushaf-pages.spread .qpc-page{width:min(48%,600px)}
.qpc-page-header,.qpc-page-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#8a704b;font:700 .65rem Manrope,Arial,sans-serif;letter-spacing:.04em}
.qpc-page-header{border-bottom:1px solid #d9cba9;padding-bottom:.5rem}
.qpc-page-header span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qpc-page-footer{border-top:1px solid #d9cba9;justify-content:center;padding-top:.5rem}
.qpc-page-lines{display:grid;grid-template-rows:repeat(15,minmax(0,1fr));flex:1;padding:.55rem 0;direction:rtl;font:1.55rem/1.5 'KFGQPC Hafs','Amiri',serif;color:#14382e}
.qpc-line{display:block;align-content:center;white-space:nowrap;min-width:0;text-align:center;text-align-last:center}
.qpc-line.qpc-empty{min-height:0}
.qpc-surah-title,.qpc-bismillah{display:flex;align-items:center;justify-content:center;text-align:center;color:#225c47}
.qpc-surah-title{font-size:.9em;border:1px solid #d9c69e;border-radius:100px;margin:.15rem auto;padding:0 .8rem;min-width:45%;max-width:100%}
.qpc-outside-title{font:1.3rem/1.7 'KFGQPC Hafs','Amiri',serif;margin:.45rem auto 0;min-height:2rem}
.qpc-bismillah{font-size:.82em;color:#806737}
.qpc-verse-part{display:inline;min-width:0;border:0;padding:0;margin:0;background:none;color:inherit;font:inherit;line-height:inherit;white-space:nowrap;cursor:pointer}
.qpc-verse-part:hover{text-decoration:underline;text-decoration-color:#a88c5a;text-underline-offset:.2em}
.qpc-verse-part:focus-visible{outline:2px solid #167b67;outline-offset:2px;border-radius:4px}
.qpc-end{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.35em;height:1.35em;margin-inline:.15em;border:1px solid #bca675;border-radius:50%;color:#967948;font-size:.63em;line-height:1}
.qpc-status{box-sizing:border-box;width:min(100%,650px);min-height:840px;background:#fffdf7;border:1px solid #d7c9a8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;padding:2rem;color:#245a44;font:700 .82rem Manrope,Arial,sans-serif}
.qpc-status small{color:#7d6956;font-size:.65rem;font-weight:500;max-width:30rem;overflow-wrap:anywhere}
.qpc-loading .loading-mark{font:3rem 'Amiri',serif;color:#bb9d6b;animation:qpc-pulse 1.5s ease-in-out infinite alternate}
@keyframes qpc-pulse{from{opacity:.4}to{opacity:1}}
.mushaf-pages.spread .qpc-page-lines{font-size:clamp(.9rem,1.35vw,1.32rem)}
@media(max-width:960px){.qpc-page{min-height:720px}.qpc-page-lines{font-size:clamp(1rem,3vw,1.5rem)}}
@media(max-width:760px){.qpc-stage{padding:.6rem}.qpc-page,.qpc-status{min-height:640px;padding:.8rem}.mushaf-pages.spread .qpc-page{width:100%}.qpc-page-lines{font-size:clamp(.84rem,3.2vw,1.2rem)}.qpc-page-header,.qpc-page-footer{font-size:.55rem}.qpc-end{width:1.2em;height:1.2em}}