.tree .branch-container {
    &:has(th-bc > h3) > th-bb {
        opacity: 100%;

        & .branch-date {
            display: block !important;
        }
    }
}

@media (max-width: 720px) {
    .tree .branch-container {
        &:has(th-bc > h3) {
            flex-direction: column;
            padding-left: 1rem;
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;

            & > th-bp {
                display: none;
            }

            & > th-bc > h3 {
                margin-top: 0;
                margin-bottom: 0;
            }

            & > th-bb {
                margin: 0;
            }
        }
    }
}
