::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.note-content-html h1 { font-size: 1.75rem; font-weight: 700; color: #1e293b; margin-top: 1.25rem; margin-bottom: 0.75rem; }
.note-content-html h2 { font-size: 1.5rem; font-weight: 700; color: #334155; margin-top: 1.25rem; margin-bottom: 0.75rem; }
.note-content-html h3 { font-size: 1.25rem; font-weight: 600; color: #475569; margin-top: 1.25rem; margin-bottom: 0.75rem; }
.note-content-html p { margin-bottom: 1.2rem; line-height: 1.7; }
.note-content-html ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.2rem; }
.note-content-html ol { list-style-type: decimal; padding-left: 1.5rem; margin-bottom: 1.2rem; }
.note-content-html a { color: #059669; text-decoration: underline; text-underline-offset: 2px; }
.note-content-html a:hover { color: #047857; }
.note-content-html blockquote { border-left: 4px solid #cbd5e1; padding-left: 1rem; font-style: italic; color: #64748b; margin-bottom: 1.2rem; }
.note-content-html pre { background-color: #f1f5f9; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; margin-bottom: 1.2rem; font-size: 0.875rem; border: 1px solid #e2e8f0; }
.note-content-html code { background-color: #f1f5f9; padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-size: 0.875em; color: #ec4899; }
.note-content-html pre code { background-color: transparent; padding: 0; color: inherit; }