@charset "UTF-8";
:root{color-scheme:light;--ink:#14253c;--muted:#5c6c7f;--blue:#153f73;--line:#d9e2ed;--surface:#f3f6fb;--white:#fff;--orange:#9d470f}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid var(--blue);background:var(--blue);color:white;border-radius:7px;cursor:pointer;font-weight:600;text-decoration:none;font-size:.9rem;line-height:1.4}button:hover,.button:hover{filter:brightness(.92)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:white;color:var(--blue);border-color:var(--line)}input,select,textarea{border:1px solid #bac7d7;border-radius:6px;padding:.65rem;background:white;color:var(--ink);max-width:100%}textarea{resize:vertical}label{display:block;font-weight:600;font-size:.9rem}input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--blue)}input[type=range]{accent-color:var(--blue);padding:0}a{color:var(--blue)}:focus-visible{outline:3px solid #3396df;outline-offset:3px}[hidden]{display:none!important}.topbar{height:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:1.5rem;font-weight:700}.brandmark{display:grid;place-items:center;background:var(--blue);color:white;width:46px;height:46px;border-radius:9px;font-size:2rem;font-family:serif}.brand small{display:block;font-size:.75rem;letter-spacing:.1em;color:var(--muted);font-weight:500}.account{display:flex;align-items:center;gap:1rem;font-size:.875rem;flex-wrap:wrap}.account span{overflow-wrap:anywhere}main{display:grid;grid-template-columns:275px minmax(0,1fr);max-width:1900px;margin:auto}.chapter-panel{padding:1.4rem 1.2rem;background:#fff;border-right:1px solid var(--line);height:calc(100vh - 88px);position:sticky;top:0;display:flex;flex-direction:column;min-height:500px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}h1,h2,h3,p{margin-top:0}h1{font-size:1.125rem;margin-bottom:0}h2{font-size:1.75rem;line-height:1.6;margin-bottom:0}h3{font-size:1rem;margin-bottom:.5rem}.book-label{font-family:serif;font-size:1.1rem}.intro{font-size:.875rem;color:var(--muted);margin:1rem 0}.book-progress{font-size:.875rem;background:#edf3fb;padding:.75rem;border-radius:6px;margin-bottom:1rem}.search-label{margin-bottom:.35rem}.chapter-panel input,.chapter-panel select{width:100%;margin-bottom:.7rem}.chapter-panel nav{overflow:auto;flex:1;margin:1rem -.3rem .5rem;padding:0 .3rem}.story-label{margin:1rem 0 .5rem;color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.chapter-item{width:100%;background:transparent;border:1px solid transparent;color:var(--ink);display:flex;justify-content:start;align-items:flex-start;gap:.7rem;text-align:left;padding:.75rem .6rem;margin-bottom:.3rem;font-weight:400}.chapter-item.active{background:#eaf1fb;border-color:#c9d8ed}.chapter-number{color:var(--muted);font-size:.875rem;padding-top:.2rem;min-width:22px}.chapter-copy{min-width:0;flex:1}.chapter-copy b{font-size:1.1rem;font-family:"Noto Naskh Arabic","Traditional Arabic",serif;display:block;direction:rtl;font-weight:500}.chapter-copy small{display:block;color:var(--muted);font-size:.75rem;margin-top:.25rem}.source-link{font-size:.875rem;padding:.5rem 0}.workspace{padding:1.75rem 2rem 3rem;min-width:0}.chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:var(--muted);font-weight:700;margin-bottom:.4rem}.pill{font-size:.875rem;border:1px solid var(--line);padding:.35rem .7rem;background:white;border-radius:30px;white-space:nowrap}.pill.approved{background:#e7f5ef;color:#195d43;border-color:#bbdfcf}.review-strip{display:flex;align-items:center;gap:1.8rem;padding:1rem 1.2rem;margin-bottom:1.3rem;border:1px solid var(--line);background:white;border-radius:8px}.review-strip>div{display:flex;flex-direction:column;min-width:110px}.review-strip strong{font-size:1.5rem;color:var(--blue)}.review-strip span{font-size:.8rem;color:var(--muted)}.review-strip p{margin:0 0 0 auto;font-size:.875rem;max-width:320px;color:var(--muted)}.comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2rem;align-items:start}.scan-panel,.text-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.pane-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line);gap:1rem}.pane-toolbar h3{margin:0}.pane-toolbar a,.pane-toolbar span{font-size:.875rem}.scan-controls,.zoom-controls{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;flex-wrap:wrap}.scan-controls button{font-size:.8rem;background:white;color:var(--blue);border-color:var(--line);padding:.4rem .65rem}.scan-controls select{padding:.25rem .5rem}.zoom-controls{padding-top:0}.zoom-controls input{width:120px}.zoom-controls output{font-size:.875rem}.scan-viewport{overflow:auto;max-height:650px;background:#e7ecf3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.8rem}.scan-viewport img{display:block;width:100%;max-width:none;height:auto;box-shadow:0 2px 10px #14253c20}.page-check{display:flex;gap:.5rem;align-items:flex-start;padding:1rem 1rem .2rem;font-weight:400}.small{font-size:.875rem;color:var(--muted);line-height:1.5}.scan-panel>.small{padding:.5rem 1rem;margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 .75rem;gap:.5rem}.tabs button{border:0;border-radius:0;background:white;color:var(--muted);padding:1rem .6rem;font-size:.875rem;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue)}#text-pane{padding:1rem}#transcription{width:100%;min-height:420px;font-family:"Noto Naskh Arabic","Traditional Arabic","Times New Roman",serif;font-size:1.45rem;line-height:2.05;border-color:#d9e2ed;white-space:pre;overflow:auto;tab-size:5;padding:1rem;resize:vertical}#transcription.vocabulary{font-size:1.2rem;line-height:2.2;direction:ltr;unicode-bidi:plaintext}.draft-actions{display:flex;align-items:center;gap:.75rem;padding:0 1rem 1rem;flex-wrap:wrap}.draft-actions span{font-size:.8rem;color:var(--muted)}.draft-actions button{font-size:.8rem}.report-form{border-top:1px solid var(--line);padding:1rem;background:#f8fafd}.report-form label{margin-bottom:.5rem}.report-form textarea{width:100%;font-size:.9rem}.report-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}.report-form .small{margin-bottom:0}.finish-panel{margin:1.3rem 0;display:flex;align-items:center;gap:1.2rem;background:#eaf1fb;border:1px solid #c9d8ed;padding:1.2rem;border-radius:8px;flex-wrap:wrap}.finish-panel div{flex:1;min-width:220px}.finish-panel p{font-size:.875rem;color:var(--muted);margin:0}.finish-panel label{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;flex:1.2;min-width:230px}.contributions,.admin-panel{padding:1.2rem;background:white;border:1px solid var(--line);border-radius:8px;margin-top:1.2rem}.flag{border-top:1px solid var(--line);padding:1rem 0}.flag p{margin-bottom:.5rem;white-space:pre-wrap;overflow-wrap:anywhere}.flag-meta{font-size:.875rem;color:var(--muted)}.flag-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.proposal-preview{max-height:260px;overflow:auto;white-space:pre-wrap;font-family:serif;font-size:1.3rem;line-height:2}.admin-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}details summary{cursor:pointer;color:var(--blue);font-size:.9rem}.audit-row{font-size:.875rem;padding:.5rem 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.notice{background:#fff3de;border:1px solid #edcd94;border-radius:7px;padding:.9rem;color:#754213;font-size:.875rem}#message{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:#14253c;color:white;padding:1rem 1.5rem;border-radius:8px;max-width:calc(100% - 2rem);z-index:20;box-shadow:0 5px 30px #0003}#message.error{background:#8b2525}dialog{border:1px solid var(--line);border-radius:14px;width:min(480px,calc(100% - 2rem));padding:2rem;color:var(--ink)}dialog::backdrop{background:#14253c88}dialog h2{font-size:1.5rem;line-height:1.3;margin:.5rem 0 1rem}dialog p{font-size:.95rem;color:var(--muted)}dialog input{width:100%;margin:.4rem 0 1rem}dialog button[type=submit]{width:100%}.dialog-close{float:right;font-size:.8rem;margin-bottom:1rem}#resend-code{width:100%;margin-top:.75rem;font-size:.8rem}#login-error{color:#a12222;white-space:pre-wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){#transcription{min-height:570px}.scan-viewport{max-height:830px}}
@media(max-width:1150px){main{grid-template-columns:220px minmax(0,1fr)}.workspace{padding:1.3rem}.comparison{grid-template-columns:1fr}.scan-viewport{max-height:520px}.review-strip{gap:1rem}.review-strip p{display:none}}
@media(max-width:700px){.topbar{padding:1rem;align-items:start;flex-wrap:wrap}.brand small{font-size:.7rem}.account{font-size:.8rem;gap:.6rem;width:100%;justify-content:space-between}main{display:block}.chapter-panel{position:static;height:auto;min-height:0;padding:1rem;border-right:0;border-bottom:1px solid var(--line)}.chapter-panel nav{max-height:180px;margin:.5rem 0}.chapter-panel .intro,.source-link,.book-label{display:none}.panel-title{margin-bottom:.75rem}.book-progress{margin-bottom:.75rem}.workspace{padding:1rem}.chapter-heading{align-items:start}.chapter-heading h2{font-size:1.4rem}.pill{font-size:.75rem}.review-strip{padding:.8rem;gap:1rem}.review-strip strong{font-size:1.2rem}.eyebrow{font-size:.7rem}.scan-viewport{max-height:500px}.finish-panel{padding:1rem}.finish-panel>button{width:100%}#transcription{font-size:1.3rem;min-height:330px}.tabs{gap:0;padding:0 .5rem}.tabs button{flex:1;font-size:.8rem}dialog{padding:1.4rem}}