.detail {
    /*gap: 1rem;*/
    padding: 0.5rem;
}

.detail .col {
    gap: 0.25rem;
}

.detail .row {
    gap: 1rem;
}

.detail .image {
    /*border: 1rem solid #eeeeee;*/
    border-radius: 1rem;
    /*max-height: 50vh;*/
    margin: 0;
    /*height: 50%;*/
    width: 100%;
}

.detail.stack .text{
    text-align: left;
    align-items: flex-start;
    white-space: break-spaces;

    justify-content: flex-start;
    justify-items: flex-start;
    justify-self: flex-start;
}

.detail a {
    text-decoration-color: cornflowerblue;
    color: cornflowerblue;
}

.detail {
    font-size: 0.9rem;
}

.detail .card-title {
    font-size: 1.6rem;
}

.detail .row,
.detail .col {
    width: 100%;
}

.detail > .card-section,
.detail > .row {
    width: 98%;
}

.detail .card-subtitle {
    width: 100%;
    font-size: 1.1rem;
}

.detail .icon {
    width: 2rem;
    height: 2rem;
}

.detail .titles .icon {
    width: 3rem;
    height: 3rem;
}

.detail .card-tags {
    display: block;
    margin: 0;

    overflow-y: visible;
    overflow-x: visible;
}

.page.explore_detail > .content-panel{
    height: 100vh;
}
/*.detail.explore {*/
/*    align-content: space-between;*/
/*    justify-content: space-between;*/
/*    !*height: 476px;*!*/
/*}*/

/* Styling for clickable URLs in activity attributes */
.clickable-url {
    color: #dd8800 !important;
    text-decoration: underline !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

.clickable-url:hover {
    text-decoration: underline !important;
}

.clickable-url:visited {
    color: #660099 !important;
}

/* Ensure URLs in attributes are properly styled */
.detail .col .clickable-url {
    word-break: break-all;
    max-width: 100%;
    display: inline-block;
}