/* Ilm for Kids — shared bits for the Qaida lesson pages */
.nqf{margin:30px auto 0;max-width:620px;text-align:center}
.nqf-done{border:0;border-radius:999px;padding:14px 26px;font:900 1.05rem Nunito,system-ui,sans-serif;cursor:pointer;background:var(--teal,#2F7A6B);color:#fff;box-shadow:0 5px 0 #1F5A4E}
.nqf-done:active{transform:translateY(4px);box-shadow:0 1px 0 #1F5A4E}
.nqf-done.on{background:var(--gold,#E2A93B);box-shadow:0 5px 0 var(--gold-d,#B9821E)}
.nqf-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px}
.nqf-nav{white-space:nowrap;font:800 .92rem Nunito,system-ui,sans-serif;color:var(--night,#1F3A5C);text-decoration:none;background:var(--cream,#FBF5E9);border-radius:999px;padding:9px 14px;box-shadow:0 3px 0 var(--line,#E8DFCC)}
.nqf-nav.home{background:var(--paper,#fff)}
@media (max-width:420px){.nqf-nav{font-size:.8rem;padding:8px 11px}}
/* "What you'll learn" card */
.nql{background:var(--cream,#FBF5E9);border-radius:20px;margin:14px 0 6px;box-shadow:0 4px 0 var(--line,#E8DFCC);font-family:Nunito,system-ui,sans-serif;color:var(--night,#1F3A5C)}
.nql summary{cursor:pointer;list-style:none;padding:12px 16px;font-weight:700;font-size:.98rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.nql summary::-webkit-details-marker{display:none}
.nql summary::after{content:"▾";margin-left:auto;transition:transform .2s}
.nql[open] summary::after{transform:rotate(180deg)}
.nql-ar{font-family:Amiri,serif;color:var(--gold-d,#B9821E);font-size:1.1rem}
.nql-body{padding:0 16px 14px;line-height:1.55}
.nql-body p{margin:0 0 8px}
.nql-ex{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px;direction:rtl}
.nql-ex div{direction:ltr;background:var(--paper,#fff);border-radius:14px;padding:4px 12px 6px;text-align:center;min-width:72px;box-shadow:0 3px 0 var(--line,#E8DFCC)}
.nql-ex b{display:block;font:400 1.9rem/1.5 Amiri,serif;color:var(--night,#1F3A5C)}
.nql-ex small{font-weight:800;color:var(--soft,#6B7280);font-size:.78rem}
.nql-tip{background:var(--paper,#fff);border-radius:12px;padding:8px 12px;font-weight:700;margin-top:10px!important}
.nql-mk{font-family:Amiri,serif;font-size:1.5em;line-height:1;padding:0 .15em;color:var(--teal,#2F7A6B)}