/* Learning tools: /islamic-quiz and /hifz-planner. Uses the ak.css tokens. */

/* ---------------------------------------------------------------- Quiz ---- */
.lt_stage{min-height:22rem;padding:clamp(1.25rem,4vw,2rem);border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.lt_intro,.lt_q,.lt_end{display:grid;gap:1rem}
.lt_big{font-size:clamp(1.125rem,1rem + .6vw,1.375rem);line-height:1.4;letter-spacing:-.02em}
.lt_meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font:400 .8125rem/1.3 var(--mono);color:var(--muted)}
.lt_meta span:last-child{margin-inline-start:auto;color:var(--text)}
.lt_bar{height:4px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.lt_bar i{display:block;height:100%;width:0;background:var(--lapis);transition:width .3s var(--ease-out)}
.lt_time{font:500 .875rem var(--mono);color:var(--gold-ink)}
.lt_qt{font-size:clamp(1.25rem,1.05rem + .9vw,1.625rem);font-weight:500;line-height:1.35;letter-spacing:-.02em}
.lt_opts{display:grid;gap:.6rem}
@media (min-width:640px){.lt_opts{grid-template-columns:1fr 1fr}}
.lt_opt{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;padding:.7rem 1rem;border:0;border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:1rem;line-height:1.35;text-align:left;cursor:pointer;transition:box-shadow .15s,background-color .15s}
.lt_opt:hover:not(:disabled){box-shadow:inset 0 0 0 1px rgba(29,58,138,.55)}
.lt_opt:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--lapis),var(--ring)}
.lt_opt:disabled{cursor:default}
.lt_key{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--r1);background:var(--page);box-shadow:inset 0 0 0 1px var(--line);font:500 .8125rem var(--mono);color:var(--muted)}
.lt_opt.is-right{background:var(--ok-tint);box-shadow:inset 0 0 0 2px #22A55A}
.lt_opt.is-right .lt_key{background:#22A55A;color:#fff;box-shadow:none}
.lt_opt.is-wrong{background:#FDECEA;box-shadow:inset 0 0 0 2px var(--bad)}
.lt_opt.is-wrong .lt_key{background:var(--bad);color:#fff;box-shadow:none}
.lt_opt:disabled:not(.is-right):not(.is-wrong){opacity:.6}
.lt_fb{display:grid;gap:.75rem}
.lt_fb:empty{display:none}
.lt_x{font-size:.9375rem;line-height:1.55;color:var(--muted)}
.lt_score{font-size:1.25rem;color:var(--muted)}
.lt_score b{font-size:clamp(3rem,2rem + 4vw,4.5rem);font-weight:500;letter-spacing:-.04em;color:var(--lapis)}
.lt_review ul{display:grid;gap:.75rem}
.lt_review li{display:grid;gap:.2rem;padding:.85rem 1rem;border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:.9375rem;line-height:1.5}
.lt_review li span{color:var(--muted)}
.lt_best dt{max-width:12rem}
.lt_samples{display:grid;gap:.9rem;padding-inline-start:1.25rem;list-style:decimal}
.lt_samples li{padding-inline-start:.25rem}
.lt_ans{margin-block-start:.3rem}
.lt_ans summary{cursor:pointer;color:var(--lapis);font-size:.9375rem}
.lt_ans p{margin-block-start:.35rem}

/* ---------------------------------------------------------------- Hifz ---- */
.lt_prog{display:grid;gap:.5rem}
.lt_prog[hidden]{display:none}
.lt_plan table{min-width:0}
.lt_plan td:first-child{white-space:nowrap;font:400 .8125rem/1.5 var(--mono);color:var(--muted)}
.lt_plan td small{display:block;color:var(--muted);font-size:.8125rem}
.lt_plan td:last-child{width:2.5rem;text-align:center}
.lt_plan a{color:var(--lapis)}
.lt_plan a:hover{text-decoration:underline}
.lt_n{display:inline-block;margin-inline-end:.35rem;font:500 .8125rem var(--mono);color:var(--gold-ink)}
.lt_rev td{background:var(--gold-tint)}
.lt_rev .lt_n{color:var(--lapis)}
.lt_plan tr.is-done td:nth-child(2){color:var(--muted)}
.lt_plan tr.is-done td:nth-child(2) a{color:var(--muted);text-decoration:line-through}
.lt_tick{display:inline-grid;place-items:center;width:2rem;height:2rem;cursor:pointer}
.lt_tick input{width:1.15rem;height:1.15rem;accent-color:var(--lapis);cursor:pointer}
.lt_days button{padding:0 .8rem}
.tool_guide .post_table table{min-width:0}
@media (max-width:479px){.lt_plan th,.lt_plan td{padding:.6rem .5rem}}

@media print{
  body:has([data-lt-hifz]) .section:not(:has([data-lt-hifz])),body:has([data-lt-hifz]) .page_head .lede,body:has([data-lt-hifz]) .tool_side,body:has([data-lt-hifz]) .tool_row{display:none!important}
  [data-lt-hifz] .tool_ws{display:block}
  body:has([data-lt-hifz]) .page_head .eyebrow{display:none!important}
  body:has([data-lt-hifz]) .h1 .fade{color:var(--muted)}
  .lt_plan{box-shadow:none;overflow:visible}
  .lt_plan th,.lt_plan td{padding:.25rem .45rem;font-size:9.5pt}
  .lt_plan tr{break-inside:avoid}
  .lt_rev td{background:#f6f1e3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.lt_stage{scroll-margin-top:5.5rem}