/* Comment System Styles */
.comment-tooltip{position:fixed;background:#333;color:#fff;padding:.5rem .8rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.2);display:none;transition:opacity .15s}
.comment-tooltip:hover{background:#444}
.comment-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#333}

.comment-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1001;padding:1rem}
.comment-modal.open{display:flex}
.comment-modal-content{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:1.5rem;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.comment-modal h4{font-family:'Fraunces',serif;font-size:1.1rem;margin-bottom:.3rem;color:#1E1E2A}
.comment-modal .highlight-preview{background:#FFF9E6;border:1px solid #F0E0A0;border-radius:8px;padding:.6rem .8rem;font-size:.85rem;color:#5A5A72;margin-bottom:.8rem;font-style:italic;max-height:80px;overflow:auto}
.comment-modal textarea{width:100%;border:1.5px solid #E8E8EE;border-radius:10px;padding:.8rem;font-family:'DM Sans',sans-serif;font-size:.9rem;resize:vertical;min-height:100px;outline:none;transition:border-color .2s}
.comment-modal textarea:focus{border-color:#5B7FC7}
.comment-modal-btns{display:flex;gap:.6rem;margin-top:1rem;justify-content:flex-end}
.comment-modal-btns button{padding:.5rem 1rem;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}
.comment-modal-btns .cancel{background:#f0f0f0;border:none;color:#666}
.comment-modal-btns .cancel:hover{background:#e0e0e0}
.comment-modal-btns .submit{background:#65bf9e;border:none;color:#fff}
.comment-modal-btns .submit:hover{background:#55a88a}

/* General comment box */
.general-comment-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E8E8EE}
.general-comment-section h4{font-family:'Fraunces',serif;font-size:1rem;color:#1E1E2A;margin-bottom:.5rem}
.general-comment-section p{font-size:.82rem;color:#8A8AA0;margin-bottom:.6rem}
.general-comment-section textarea{width:100%;border:1.5px solid #E8E8EE;border-radius:10px;padding:.8rem;font-family:'DM Sans',sans-serif;font-size:.88rem;resize:vertical;min-height:80px;outline:none;transition:border-color .2s}
.general-comment-section textarea:focus{border-color:#65bf9e}
.general-comment-section button{margin-top:.6rem;background:#65bf9e;color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-family:'DM Sans',sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}
.general-comment-section button:hover{background:#55a88a}
.general-comment-section button:disabled{background:#ccc;cursor:not-allowed}
.general-comment-section .success-msg{color:#65bf9e;font-size:.82rem;margin-top:.4rem;display:none}

/* Hint */
.comment-hint{background:#F8F8F6;border:1px dashed #D8D8D0;border-radius:8px;padding:.6rem .8rem;margin-bottom:1rem;font-size:.78rem;color:#8A8AA0;text-align:center}