header{width:100%}.header-text{font-size:4rem;font-weight:700;text-align:center}.header-container{margin:auto;max-width:1200px;padding:5px}nav{padding-top:20px;text-align:center}nav ul{justify-content:center}nav ul a{color:#000;text-decoration:none}nav ul a:hover{text-decoration:underline}nav li{float:left;padding:0 10px}footer{flex:0 0 125px;height:128px;margin:20px;max-width:100%}.div-footer{height:125px;margin:auto;padding-top:12.5px;position:relative;text-align:center;width:100%}.footer-link-container{padding-bottom:20px;text-align:center;width:100%}.footer-link-container a{margin:20px;text-decoration:none}.footer-link-container img{display:inline}.footer-link-container a:hover{text-decoration:underline}.manuscripts-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.manuscript-card{padding:10px;width:350px}.card{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;min-height:500px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.card-image-container{height:250px;overflow:hidden}.card-content{display:flex;flex-direction:column;padding-top:10px;text-align:center}.card-image{object-fit:cover;transition:transform .3s;width:100%}.card-image:hover{transform:scale(1.05)}.card-content h3{margin-bottom:5px}.card-content h4{margin-bottom:10px}.card-links{display:flex;justify-content:space-between;margin-top:auto;padding:5px}.card-content div{font-size:1.2rem;line-height:1.75rem;padding:1px 10px}.ms-title{font-size:1.6rem!important}.ms-author{margin-bottom:10px}.viewer-link{border-radius:10px}.viewer-link,.viewer-link:hover{color:#000;font-size:1rem;padding:5px;text-decoration:none}.viewer-link:hover{text-decoration:underline}.card-links .viewer-link{margin-top:10px!important}.practice-banner{background-color:#f5f5f5;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.practice-banner h3{color:#333;margin-top:0}.practice-banner p{margin-bottom:15px}.practice-link{background-color:#666;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .2s}.practice-link:hover{background-color:#333;color:#fff}@media (max-width:768px){.manuscripts-grid{gap:15px}.manuscript-card{max-width:400px;width:100%}}.manuscript-titles{margin-bottom:20px;text-align:center}.manuscript-titles h3{margin:10px 0}.title-ar{font-size:2rem;margin-bottom:5px;margin-top:10px}.title-lat{color:#666;font-size:1.5rem;font-weight:400}.manuscript-content{display:flex;flex-wrap:wrap;gap:40px}.manuscript-image{flex:1 1;min-width:300px}.manuscript-image img{border-radius:10px;height:auto;max-width:600px;width:100%}.manuscript-info{flex:1 1;min-width:300px}.description-section{margin-bottom:10px}.description-section h3{font-size:1.2rem;margin:0}.metadata-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.metadata-item{background-color:#f5f5f5;border-radius:5px;padding:5px}.metadata-item h4{font-weight:700;margin:10px}.metadata-item p{color:#333;margin:10px}.viewer-link{margin-top:20px}.viewer-link a.button{background-color:#666;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .2s}.viewer-link a.button:hover{background-color:#333;color:#fff}@media (max-width:768px){.manuscript-content{flex-direction:column;gap:20px}.manuscript-image,.manuscript-info{width:100%}.metadata-grid{grid-template-columns:1fr}.title-ar{font-size:1.75rem}.title-lat{font-size:1.25rem}}.thumbnail-panel{border-right:1px solid #ccc;direction:rtl;max-height:900px;overflow-y:auto;padding:10px;width:150px}.thumbnail{border:2px solid #0000;border-radius:5px;cursor:pointer;margin:0 auto 10px;overflow:hidden;position:relative}.thumbnail.active{border-color:#008011}.thumbnail img{display:block;height:auto;width:100%}.thumbnail-label{background:#000000b3;bottom:0;color:#fff;font-size:.8rem;left:0;padding:4px;position:absolute;right:0;text-align:center}@media (max-width:1400px){.thumbnail{max-width:75px}.thumbnail-panel{width:100px}}@media (max-width:768px){.thumbnail-panel{display:none}}.hover-tooltip{background:#000c;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.3rem;left:50%;min-width:100%;overflow-wrap:break-word;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(calc(100% + 10px));white-space:normal;z-index:1000}.tooltip-transcription{padding:0 50px}.image-panel{flex:1 1;max-width:calc(50% - 75px);overflow-y:hidden;padding:10px}.image-container{height:100%;overflow:hidden;position:relative}.centered-wrapper{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;position:relative;width:100%}.image-container img{max-height:100%;max-width:100%}.rectangle-overlay{pointer-events:auto;position:absolute;transform:scale(1.25);transition:opacity .2s,background-color .2s}.zoom-controls{display:flex;gap:5px;position:absolute;right:10px;top:10px;z-index:10}.zoom-controls button{background:#fffc;border:1px solid #ccc;border-radius:3px;cursor:pointer;padding:5px 8px}.image-panel.full-width{height:auto;max-width:100%}@media (max-width:1400px){.image-panel{max-width:calc(50% - 50px)}}@media (max-width:1024px){.image-container{height:auto;position:relative}.image-panel{max-width:100%;overflow-y:auto}}.transcription-panel{border-left:1px solid #ccc;display:flex;flex:1 1;flex-direction:column;max-width:calc(50% - 75px);overflow:hidden;padding:10px}.transcription-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:10px;padding:5px 10px}.toggle-button{background:#eee;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:all .2s}.toggle-button.active{background:#666;color:#fff}.toggle-button:hover{background-color:#333;color:#fff}.transcription-content{box-sizing:border-box;height:100%;overflow-y:auto;padding:10px}.line-item{grid-gap:5px;align-items:center;border-radius:5px;display:grid;gap:5px;grid-template-columns:1fr auto;grid-template-rows:repeat(2,auto);transition:background-color .2s}.line-item.active{background:#f0f0f0}.line-number{color:#666;font-size:1rem;grid-column:2;grid-row:1/span 2;margin:auto;min-width:20px;padding:5px;text-align:left}.transcription{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.8rem;grid-row:1}.transcription,.translation{grid-column:1;line-height:1.4;text-align:right}.translation{color:#333;font-size:1.2rem;grid-row:2}@media (max-width:1400px){.transcription-panel{max-width:calc(50% - 50px)}}@media (max-width:1024px){.transcription-panel{border-left:0;max-width:100%;padding:0}.transcription-controls{justify-content:center}}.combined-controls{align-items:center;border-top:1px solid #ccc;display:flex;flex-direction:column;gap:20px;max-height:60px;padding:10px}.combined-controls>div{display:flex;justify-content:space-evenly;text-align:center;width:100%}.combined-controls button{background:#eee;border:none;border-radius:5px;cursor:pointer;margin:2px;padding:5px 10px}.combined-controls button.active{background:#666;color:#fff}.folio-header{font-weight:700}@media (min-width:1024px){.toggle-panel-btn{display:none}}@media (max-width:768px){.combined-controls div:first-child{display:flex;flex-direction:column}.combined-controls *{margin:5px}.combined-controls{max-height:100%}}.manuscript-detail-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;max-width:500px;overflow:hidden;position:absolute;right:20px;top:80px;width:100%;z-index:100}.card-header{background-color:#f5f5f5;border-bottom:1px solid #eee;padding:15px;position:relative}.card-title-ar{font-size:1.5rem;margin:0 0 5px;text-align:center}.card-title-lat{color:#666;font-size:1.2rem;font-weight:400;margin:0;text-align:center}.close-button{align-items:center;background-color:initial;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.close-button:hover{background-color:#0000001a}.card-body{padding:15px}.detail-row{align-items:flex-start;display:flex;margin-bottom:10px}.detail-label{flex-shrink:0;font-weight:700;width:80px}.detail-value{flex:1 1}.arabic-text{font-size:1.2rem;margin-bottom:5px}.latin-text{font-size:1rem}.detail-description{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.detail-description p{font-size:.95rem;line-height:1.5;margin:0}.card-footer{border-top:1px solid #eee;padding:15px;text-align:center}.detail-link{background-color:#666;border-radius:5px;color:#fff;display:inline-block;padding:8px 16px;text-decoration:none;transition:background-color .2s}.detail-link:hover{background-color:#333}@media (max-width:768px){.manuscript-detail-card{left:50%;max-height:80vh;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}}.manuscript-viewer{border:1px solid #ccc;border-radius:10px;display:flex;margin:auto;max-width:1900px;min-height:500px}.panels-container{display:flex;flex-direction:column;width:100%}.panels-content{display:flex;flex:1 1;max-height:80vh;min-height:600px;position:relative}.main{padding:20px}.text-center{text-align:center}.p10{padding:10px}.highlight{color:red}@media (max-width:1024px){.inactive-panel{display:none}.active-panel,.toggle-panel-btn{display:block}.transcription-toggle-btn{display:none}}@media (max-width:768px){.manuscript-viewer{min-height:500px!important}.loading-container{height:40vh}.loading-spinner{height:40px;margin:auto;width:40px}.panels-content{min-height:0}}.practice-container{margin:0 auto;max-width:1600px}.practice-intro{margin:0 auto 30px;max-width:800px}.practice-selection{align-items:center;display:flex;flex-direction:column;margin:30px auto;max-width:800px}.selection-options{display:flex;flex-direction:column;gap:20px;max-width:600px;width:100%}.random-button{background-color:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 24px;transition:background-color .2s}.random-button:hover{background-color:#333}.dropdown-container{display:flex;gap:10px;width:100%}.excerpt-dropdown{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:1rem;padding:10px}.practice-button{background-color:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:0 20px;transition:background-color .2s}.practice-button:hover{background-color:#333}.practice-button:disabled{background-color:#ccc;cursor:not-allowed}.practice-session{width:100%}.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.back-button{background-color:initial;border:1px solid #ccc;border-radius:5px;cursor:pointer;padding:8px 16px;transition:all .2s}.viewer-container{border:1px solid #ccc;border-radius:10px;overflow:hidden}.practice-controls{border-top:1px solid #ccc;display:flex;justify-content:center;padding:15px}.check-button,.try-again-button{background-color:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:10px 20px;transition:background-color .2s}.check-button:hover,.try-again-button:hover{background-color:#333}.check-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.panels-content{flex-direction:column;max-height:none}.session-header{align-items:flex-start;gap:10px}.dropdown-container,.session-header{flex-direction:column}}.practice-transcription-panel{border-left:1px solid #ccc;display:flex;flex:1 1;flex-direction:column;max-width:40%;overflow:hidden;padding:10px}.practice-panel-header{margin-bottom:15px;padding:0 10px}.practice-panel-header h3{margin-bottom:5px}.practice-transcription-content{box-sizing:border-box;height:100%;overflow-y:auto;padding:10px}.practice-line-item{align-items:flex-start;direction:rtl;display:flex;margin-bottom:20px;position:relative}.input-container{flex:1 1;width:calc(100% - 40px)}.arabic-input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.5rem;line-height:1.5;min-height:80px;padding:10px;resize:vertical;width:100%}.arabic-input:focus{border-color:#666;box-shadow:0 0 0 2px #6663;outline:none}.checked-content{flex:1 1;width:calc(100% - 40px)}.correct-transcription{background-color:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:5px 5px 0 0}.correct-transcription,.user-transcription{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.5rem;line-height:1.5;padding:10px}.user-transcription{background-color:#fff;border:1px solid #ddd;border-radius:0 0 5px 5px;min-height:40px}.correct-token{color:#2e7d32}.error-token{color:#d32f2f}.error-highlight{color:#d32f2f;font-weight:700}.correct-transcription .error-highlight,.user-transcription .error-token{display:inline-block;padding:0 2px;position:relative}.toggle-correct-text{background-color:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:10px;padding:6px 12px;transition:background-color .2s}.toggle-correct-text:hover{background-color:#333}.toggle-correct-text.active{background-color:#2e7d32}.viewer-container .panels-content .image-panel{max-width:60%}@media (max-width:1024px){.practice-transcription-panel{border-left:0;max-width:100%;padding:0}}@media (max-width:768px){.checked-content,.input-container{width:100%}.arabic-input{min-height:60px}.arabic-input,.correct-transcription,.user-transcription{font-size:1.2rem}.practice-panel-header{align-items:center;text-align:center}}html{font-size:14px;overflow-y:scroll}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.25rem;margin:0;width:100%}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;margin:10px 25px 25px}.main{margin:auto;max-width:1200px;padding:0 20px;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h2{text-align:center}button:hover{background-color:#333;color:#fff}a{color:#000}ul{list-style:none;margin:0;padding:0}div{box-sizing:border-box}.container{width:100%}.text-content{margin:auto;max-width:800px}button:disabled:hover{background-color:#eee;color:#1010104d;cursor:default}.flex{display:flex}nav .text-button{text-decoration:none}.text-button{font-size:.95rem;min-height:10px;padding:0}.text-button,.text-button:hover{background-color:initial;text-decoration:underline}.text-button:hover{color:#000;cursor:pointer}.about-image{margin:20px 0;max-width:800px}.about-image-mobile{display:none}.text-content h3:first-child{margin-top:0}.loading-container{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#666;height:60px;margin:auto;width:60px}.loading-spinner-container{margin-top:100px}.loading-text{color:#333;font-size:1.2rem;margin-top:20px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error,.loading{padding:10px;text-align:center}.error.highlight{color:#d32f2f;font-weight:700}@media (max-width:1200px){.main{max-width:1000px}}@media (max-width:992px){.main{max-width:800px}}@media (max-width:768px){.main{max-width:100%;padding:0 20px}.about-image{display:none}.about-image-mobile{display:block;margin:20px 0;max-width:100%}}
/*# sourceMappingURL=main.d3331613.css.map*/