.recitation-check{max-width:900px;margin-inline:auto}.recitation-check p,.recitation-download p{max-width:72ch}.page-shell>h1 small{display:block;font-size:16px;letter-spacing:0;color:var(--on-frame-2);margin-top:8px}.recitation-notice{border-inline-start:4px solid var(--gold);padding:12px 18px;background:var(--gold-wash);border-radius:0 10px 10px 0;font-weight:600}html[data-theme=dark] .recitation-notice{background:var(--stone-2)}.recitation-consent,.recitation-download,.recitation-entry,.recitation-selection{margin-block:28px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.recitation-selection fieldset{border:0;padding:0;margin-top:24px;min-width:0}.recitation-selection legend{font-weight:700;margin-bottom:12px}.recitation-selection label{display:grid;gap:8px;min-width:0}.recitation-selection select{width:100%;max-width:100%;font-size:16px}.recitation-range{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.recitation-suggestions{display:flex;flex-wrap:wrap;gap:8px}.recitation-check button{white-space:normal;max-width:100%;min-height:44px}.recitation-consent>button{margin-inline-end:10px;margin-block:6px}.recitation-check .primary{background:var(--green);color:var(--surface);border-color:var(--green);font-weight:700}.recitation-check progress{display:block;width:100%;accent-color:var(--green);margin-block:16px}.recitation-consent [role=status]{min-height:1.6em}.recitation-passage{margin-block:32px}.recitation-passage article{padding-block:20px;border-bottom:1px solid var(--line)}.recitation-passage .verse-number{margin:0}.recitation-passage .ar-line{font-size:34px;line-height:2.6;text-align:start;margin-block:6px 0;overflow-wrap:anywhere}.recitation-word{position:relative;display:inline-block;white-space:nowrap;color:inherit}.recitation-word>.recitation-marker{position:absolute;bottom:0;inset-inline:16%;width:auto;height:5px}.recitation-marker{display:inline-block;width:24px;height:5px;flex:none;background:var(--green)}.recitation-marker.missed{background:none;border-bottom:3px dashed var(--ink-2)}.recitation-marker.uncertain{background:none;border-block:2px solid var(--fn);height:7px}.recitation-key{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0}.recitation-key li{display:flex;align-items:center;gap:8px}.recitation-extras,.recitation-passage details{margin-top:20px}.recitation-extras p,.recitation-transcript{font-family:var(--font-cairo);font-size:22px;line-height:1.8}.recitation-credits{overflow-wrap:anywhere}.recitation-download small{display:block;color:var(--ink-2);font-size:16px}@media(max-width:600px){.recitation-consent,.recitation-download,.recitation-entry,.recitation-selection{padding:16px}.recitation-passage .ar-line{font-size:27px}.recitation-range{gap:12px}.recitation-key{gap:12px;font-size:14px}.recitation-check .primary{width:100%}}@media(forced-colors:active){.recitation-marker.matched{background:CanvasText}.recitation-marker.missed,.recitation-marker.uncertain{border-color:CanvasText}}.recitation-check button,.recitation-download button{border:1px solid var(--line-2);border-radius:999px;background:var(--surface);padding:10px 18px;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.recitation-check button:hover,.recitation-download button:hover{border-color:var(--green);color:var(--green)}.recitation-check button.primary{background:var(--green);border-color:var(--green);color:var(--surface)}.recitation-check button:disabled{cursor:wait}.recitation-check .text-button{border-color:transparent;padding-inline:0}