/* Custom styles extending Tailwind */
.progress-bar {
    transition: width 0.3s ease-in-out;
}

/* Mobile: make code blocks and tables scrollable */
pre {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Mobile: prevent long strings from breaking layout */
.font-mono {
    word-break: break-all;
}

/* Mobile: ensure API key doesn't overflow */
@media (max-width: 640px) {
    .blur-sm {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}