.paper-content p margin-bottom: 0.9rem; font-size: 1.05rem; text-align: justify; hyphens: auto;
.tool-btn.primary background: #2c6e9e; color: white; box-shadow: 0 4px 8px rgba(44,110,158,0.3); -types html2pdf.js
.paper-content h2 font-size: 1.6rem; margin: 1.5rem 0 0.8rem 0; font-weight: 600; font-family: 'Cormorant Garamond', serif; border-left: 4px solid #2c6e9e; padding-left: 0.9rem; Since we set innerHTML exactly as original, all
/* editable effect */ [contenteditable="true"] outline: none; transition: background 0.1s ease; [contenteditable="true"]:hover background: #fffbf0; [contenteditable="true"]:focus background: #fffae6; box-shadow: inset 0 0 0 1px #cbd5e1; but no extra events needed.
// Reset functionality: restores original academic content const resetBtn = document.getElementById('resetPaperBtn'); if (resetBtn) resetBtn.addEventListener('click', () => const editableDiv = document.getElementById('editableContent'); if (editableDiv) editableDiv.innerHTML = originalContentHTML; // After reset, re-attach contenteditable attributes? Actually original HTML already has contenteditable="true" on elements. // But some dynamic innerHTML might lose reference? Since we set innerHTML exactly as original, all attributes remain. // Ensure that contenteditable elements are editable again (fine because original had them). // small optional: reapply any event if needed, but no extra events needed. );