.ex-app{--ex-max:1040px;--page-max:var(--ex-max);background:var(--c-bg);min-block-size:100dvh;color:var(--c-text);font-family:var(--font-ui)}.ex-row .ui-btn{text-decoration:none}.ex-main{gap:var(--space-5);max-inline-size:var(--ex-max);padding-block:var(--space-5) var(--space-16);padding-inline:var(--gutter);margin-inline:auto;display:grid}.ex-head{gap:var(--space-2);display:grid}.ex-lead{margin:0}.ex-h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug);margin:0}.ex-h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);overflow-wrap:anywhere;margin:0}.ex-ready{gap:var(--space-2);flex-wrap:wrap;align-items:center;margin:0;display:flex}.ex-link{color:var(--c-accent-soft-text);font-size:var(--fs-sm);text-underline-offset:3px}.ex-muted{color:var(--c-text-soft);font-size:var(--fs-help);margin:0}.ex-small{font-size:var(--fs-xs)}.ex-pre{white-space:pre-line;overflow-wrap:anywhere;margin:0}.ex-note,.ex-warn{padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--c-accent);border-radius:var(--radius-sm);background:var(--c-accent-soft);font-size:var(--fs-sm);margin:0}.ex-warn{border-inline-start-color:var(--c-warning);background:var(--c-warning-soft)}.ex-answer{font-weight:var(--fw-semibold);margin:0}.ex-stack,.ex-stack-lg,.ex-stack-tight{gap:var(--space-3);min-inline-size:0;display:grid}.ex-stack-lg{gap:var(--space-5)}.ex-stack-tight{gap:var(--space-1)}.ex-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;margin:0;display:flex}.ex-line{gap:var(--space-2);padding-block:var(--space-2);border-block-end:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.ex-line:last-child{border-block-end:0}.ex-form{gap:var(--space-4);min-inline-size:0;display:grid}.ex-inline-form{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.ex-inline-form>.ui-field{flex:12rem;min-inline-size:0}.ex-grid-2,.ex-grid-3{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.ex-fieldset{gap:var(--space-3);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.ex-legend{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-block-end:var(--space-2);padding:0}.ex-scope-row{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.ex-scope-row>.ui-field{flex:9rem;min-inline-size:0}.ex-check,.ex-radio{gap:var(--space-2);align-items:center;min-block-size:44px;display:flex}.ex-check input,.ex-radio input{block-size:20px;inline-size:20px;accent-color:var(--c-accent)}.ex-credit{gap:var(--space-1) var(--space-4);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.ex-credit .ex-legend{inline-size:100%;margin-block-end:0}.ex-access,.ex-error{justify-items:start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);display:grid}.ex-error p{margin:0}.ex-section{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);display:grid}.ex-section-head,.ex-card-head{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:start;display:flex}.ex-list,.ex-plain,.ex-questions{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.ex-plain{gap:var(--space-1);font-size:var(--fs-sm)}.ex-card{gap:var(--space-3);min-inline-size:0;display:grid}.ex-section-edit{gap:var(--space-3);display:grid}.ex-result{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-surface-2);display:grid}.ex-choices{gap:var(--space-1);margin:0;padding-inline-start:var(--space-5);display:grid}.ex-choices li[data-correct]{font-weight:var(--fw-semibold);color:var(--c-success)}.ex-question{scroll-margin-block-start:calc(var(--ex-bar-h) + var(--space-3))}.ex-read-label{font-size:var(--fs-xs);color:var(--c-text-soft);margin:0}.ex-ayah{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--c-page-paper);color:var(--c-page-ink);font-family:var(--font-quran);font-size:calc(var(--fs-xl) * 1.1);overflow-wrap:anywhere;margin:0;line-height:2.1}.ex-mistake-group{gap:var(--space-1-5);display:grid}.ex-group-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text-soft)}.ex-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ex-kind{gap:var(--space-1);min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-full);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-sm);cursor:pointer;align-items:center;display:inline-flex}.ex-kind:hover{background:var(--c-surface-2)}.ex-kind:focus-visible,.ex-chip-x:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.ex-kind[data-group=tajweed]{border-color:var(--c-reviewed)}.ex-kind[data-group=hifz]{border-color:var(--c-mistake)}.ex-recorded{gap:var(--space-1);min-block-size:36px;padding-inline:var(--space-3) var(--space-1);border-radius:var(--radius-full);background:var(--c-mistake-soft);font-size:var(--fs-sm);align-items:center;display:inline-flex}.ex-recorded[data-help=prompted]{background:var(--c-danger-soft);font-weight:var(--fw-semibold)}.ex-recorded[data-help=reminded]{background:var(--c-warning-soft)}.ex-recorded[data-help=selfCorrected]{background:var(--c-surface-2)}.ex-chip-x{border-radius:var(--radius-full);block-size:32px;inline-size:32px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.ex-footer{z-index:var(--z-bar);margin-inline:calc(var(--gutter) * -1);padding-block:var(--space-3);padding-inline:var(--gutter);border-block-start:1px solid var(--c-border);background:color-mix(in srgb, var(--c-bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;inset-block-end:0}.ex-footer-inner{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.ex-cert{gap:var(--space-3);display:grid}.ex-cert-revoked{padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-danger-soft);color:var(--c-danger);font-weight:var(--fw-semibold);margin:0}.ex-cert-frame{justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);border:3px double var(--c-page-frame);border-radius:var(--radius-md);outline:1px solid var(--c-page-frame-soft);outline-offset:-10px;background:var(--c-page-paper);color:var(--c-page-ink);font-family:var(--font-text);text-align:center;display:grid}.ex-cert[data-revoked] .ex-cert-frame{opacity:.55}.ex-cert-heading{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:0}.ex-cert-line{font-size:var(--fs-lg);margin:0}.ex-cert-name{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);overflow-wrap:anywhere;margin:0}.ex-cert-grade{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0}.ex-cert-examiners{gap:var(--space-2);inline-size:100%;justify-items:center;margin-block-start:var(--space-4);display:grid}.ex-cert-signs{gap:var(--space-5);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.ex-cert-signs li{gap:var(--space-1);justify-items:center;min-inline-size:10rem;display:grid}.ex-cert-sign-line{border-block-end:1px solid var(--c-border-strong);block-size:2.5rem;inline-size:100%}.ex-cert-sanad{gap:var(--space-2);inline-size:100%;border-block-start:1px solid var(--c-page-frame-soft);text-align:start;margin-block-start:var(--space-4);padding-block-start:var(--space-4);display:grid}.ex-cert-sanad p,.ex-cert-sanad h4{margin:0}.ex-chain{gap:var(--space-1);margin:0;padding-inline-start:var(--space-6);list-style:arabic-indic;display:grid}.ex-cert-code{gap:var(--space-1) var(--space-4);margin:var(--space-4) 0 0;font-size:var(--fs-sm);color:var(--c-text-soft);flex-wrap:wrap;justify-content:center;display:flex}.ex-code{font-family:var(--font-mono);letter-spacing:.05em}@media (min-width:640px){.ex-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ex-cert-frame{padding:var(--space-12) var(--space-10)}}@media print{.ex-print-root .ex-bar,.ex-print-root .ex-head,.ex-noprint,.ex-cert-sanad[data-draft],.ui-toasts{display:none!important}.ex-print-root .ex-app,.ex-print-root .ex-main{color:#000;background:#fff;min-block-size:0;max-inline-size:none;padding:0}.ex-cert-frame{--c-page-paper:#fff;--c-page-ink:#000;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-color:#555;align-content:center;min-block-size:250mm}.ex-cert-code{color:#333}}