/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a; 
}
::-webkit-scrollbar-thumb {
    background: #334155; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569; 
}

/* Syntax Highlighting Simulation */
.code-block {
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 0.9rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.tag { color: #c084fc; } /* Purple */
.attr { color: #60a5fa; } /* Blue */
.string { color: #4ade80; } /* Green */
.comment { color: #64748b; } /* Slate */

/* Typing Cursor Animation */
.cursor {
    display: inline-block;
    width: 2px;
    height: 1.2em;
    background-color: #a855f7;
    animation: blink 1s step-end infinite;
    vertical-align: text-bottom;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Markdown Styling */
.markdown p { margin-bottom: 0.5rem; }
.markdown code { 
    background: rgba(255,255,255,0.1); 
    padding: 0.2rem 0.4rem; 
    border-radius: 0.25rem; 
    font-family: monospace;
}