.transcriptions-list-container{max-width:1200px;margin:0 auto;padding:20px}.transcriptions-table{width:100%;border-collapse:collapse}.transcriptions-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:15px 20px;background-color:#f8f9fa;border-bottom:2px solid #e9ecef;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#495057}.transcriptions-header-link{color:#495057;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center;gap:5px}.transcriptions-header-link:hover{color:#ff6b6b}.transcriptions-header-link.active{color:#ff6b6b;font-weight:700}.transcriptions-header-link .active-indicator{font-size:10px;margin-left:3px}.transcriptions-group,.transcriptions-maqam-group{margin-bottom:40px}.transcriptions-group-heading,.transcriptions-maqam-heading{font-size:28px;font-weight:700;color:#ff6b6b;margin:30px 0 20px;padding-bottom:10px;border-bottom:3px solid #ff6b6b}.transcriptions-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:15px 20px;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.transcriptions-row:hover{background-color:#f8f9fa}.transcriptions-col{padding:5px 0;color:#212529}.transcriptions-col-title a,.transcriptions-col-composer a{color:#212529;text-decoration:none;transition:color .2s ease;font-weight:500}.transcriptions-col-title a:hover,.transcriptions-col-composer a:hover{color:#ff6b6b;text-decoration:underline}.transcriptions-col-form{color:#6c757d}.transcriptions-empty{text-align:center;padding:60px 20px;color:#6c757d;font-size:18px}.transcription-single-container{max-width:900px;margin:0 auto;padding:40px 20px}.transcription-title{font-size:36px;font-weight:700;color:#212529;margin-bottom:10px;line-height:1.2}.transcription-composer{font-size:28px;font-weight:600;color:#495057;margin:0 0 30px;line-height:1.3}.transcription-section{margin-bottom:40px}.transcription-section-heading{font-size:20px;font-weight:600;color:#ff6b6b;margin:0 0 15px;padding-bottom:8px;border-bottom:2px solid #ff6b6b}.transcription-section-content{font-size:18px;color:#495057;line-height:1.6;margin:15px 0}.transcription-pdf-section{margin-top:50px}.transcription-pdf-embed{width:100%;margin-top:20px;border:1px solid #dee2e6;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.transcription-pdf-embed embed{display:block;width:100%;min-height:800px}.transcription-pdf-fallback{text-align:center;padding:20px;background-color:#f8f9fa;margin-top:10px}.transcription-pdf-fallback a{display:inline-block;padding:10px 20px;background-color:#ff6b6b;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:background-color .2s ease}.transcription-pdf-fallback a:hover{background-color:#ff5252}@media screen and (max-width:768px){.transcriptions-header,.transcriptions-row{grid-template-columns:1fr;gap:10px}.transcriptions-header{display:none}.transcriptions-row{padding:15px;border-left:3px solid #ff6b6b}.transcriptions-col::before{content:attr(data-label);font-weight:600;display:block;color:#6c757d;font-size:12px;text-transform:uppercase;margin-bottom:5px}.transcriptions-maqam-heading{font-size:24px}.transcription-title{font-size:28px}.transcription-composer{font-size:22px}.transcription-pdf-embed embed{min-height:500px}}@media screen and (max-width:480px){.transcriptions-list-container,.transcription-single-container{padding:15px}.transcriptions-maqam-heading{font-size:20px}.transcription-title{font-size:24px}.transcription-composer{font-size:20px}.transcription-section-heading{font-size:18px}.transcription-pdf-embed embed{min-height:400px}}@media print{.transcription-pdf-embed{border:none;box-shadow:none}.transcription-pdf-fallback{display:none}}