.podcast-script {
    float: left;
}

.podcast-title-display h3 {
    margin: 0 0 5px 0;
}

.generator-browse .podcast-title-display {
    margin: 0;
}

.podcast-description {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9em;
    margin: 0 0 15px 0;
    line-height: 1.5;
}

.episode-info {
    background: rgba(106, 252, 255, 0.05);
    border-left: 3px solid rgba(106, 252, 255, 0.3);
    padding: 12px 15px;
    margin: 10px 0 15px 0;
    border-radius: 0 8px 8px 0;
}

.episode-title {
    color: #6afcff;
    font-size: 1em;
    margin: 0 0 5px 0;
    font-weight: 600;
}

.episode-summary {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9em;
    margin: 0;
    line-height: 1.5;
}


/* Podcast Script Truncation */
.podcast-script-text {
    /* font-size: 0.95em;
    line-height: 1.6;
    color: #e0e6ed;
    background: rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 6px; */
    margin-top: 15px;
    text-align: left;

    /* Truncation logic */
    max-height: 100px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
    mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}

.podcast-script-text.expanded {
    max-height: none;
    mask-image: none;
    -webkit-mask-image: none;
}