.dev-formulas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 36px}.dev-formula{background:var(--panel,#163c35);border:1px solid var(--line,#34564c);border-radius:20px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:14px;color:inherit}.dev-formula strong{font-size:17px}.dev-formula span{font-family:Amiri,serif;font-size:25px;line-height:1.8}.dev-formula small{line-height:1.6;opacity:.75}.dev-formula b{font-size:12px;color:#cee99e;margin-top:auto}.dev-collections,.dev-daily{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.dev-collections button{padding:14px 18px;background:#254d43;color:#edf1e7;border:1px solid #53715c;border-radius:14px}.dev-reader{max-width:900px;margin:auto}.dev-reader .arabic-text{font-size:var(--arabic-size,32px);line-height:2.3;overflow-wrap:anywhere}.dev-font{display:flex;align-items:center;gap:8px;font-size:13px}.dev-font select{padding:10px;border-radius:10px;background:#173d33;color:#fff;border:1px solid #476753}.dev-source{margin:28px 0;padding:20px;background:#183b32;border:1px solid #355748;border-radius:16px;font-size:13px;line-height:1.8}.dev-source summary{cursor:pointer;font-weight:600}.dev-source a{color:#d9e8ba;text-decoration:underline}.dev-transcription,.q-transcription{font-size:18px;line-height:1.9;color:#dee9b6;overflow-wrap:anywhere}.q-transcription small{display:block;text-transform:uppercase;letter-spacing:.1em;font:10px/2 sans-serif;color:inherit;opacity:.65}.q-reader.q-paper .q-transcription{color:#425b40}.dev-entry{scroll-margin-top:80px}.jaw-text{padding:32px}.dev-reader .reader-bottom{flex-wrap:wrap;gap:12px}.dev-reader .reader-bottom button{min-height:48px}.counter-arabic{overflow-wrap:anywhere;line-height:1.9}.counter-main .dev-transcription{max-width:650px;margin:16px auto}.counter-main .q-tools{justify-content:center}
@media(max-width:760px){.dev-formulas{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-formula{padding:15px}.jaw-text{padding:20px}.dev-reader .reader-toolbar{gap:12px;flex-wrap:wrap}.dev-reader .reader-bottom .primary{order:3;width:100%}.dev-reader .reader-bottom{justify-content:space-between}.dev-entry .ayah-controls{gap:12px;flex-wrap:wrap}}
@media(max-width:420px){.dev-formulas{grid-template-columns:1fr}.dev-formula span{font-size:27px}}
.k-deadline{display:inline-block;margin:16px 0 8px;padding:10px 15px;border-radius:12px;background:#274e43;color:#e3efd4;font-weight:600}.k-deadline.soon{background:#5c5028;color:#ffe5a1}.k-deadline.overdue{background:#603c34;color:#ffdbcb}.k-deadline.complete{background:#3a592e;color:#d9f4bb}.k-deadline.closed{background:#3a4945;color:#d6dfdb}