.claude-columns {
    display: flex;
}
.claude-column {
    padding: 0.5em 1em;
    max-height: calc(100vh - 4rem - 3rem);
    overflow-y: scroll;
    min-width: 33vh; /* hotfix: sometimes columns are squished, why? */
}

@media screen and (max-width: 1024px) {
    .claude-columns {
        flex-direction: column;
    }
    .claude-column {
        max-height: initial;
        overflow-y: initial;
    }
}


