/* 1. The Container - Updated class name */
.obj_issue_summary .description {
    position: relative;
    max-height: 15em; /* Approximately 10 lines */
    line-height: 1.5em; 
    padding-bottom: 25px; /* Creates space for the 'floor' */
    overflow: hidden;
    transition: max-height 0.5s ease;
    cursor: pointer;
}

/* 2. The Solid Floor + Small Fade (Bottom to Top) */
.obj_issue_summary .description::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* Creates a solid white base (20px) with a 15px fade above it */
    height: 35px; 
    background: linear-gradient(to top, 
        rgba(255, 255, 255, 1) 0%, 
        rgba(255, 255, 255, 1) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* 3. The "Read more..." Link */
.obj_issue_summary .description::after {
    content: "Read more...";
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 5px;
    font-weight: bold;
    color: #007ab2;
    z-index: 2; /* Sits on top of the white floor */
}

/* 4. Expanded State */
.obj_issue_summary .description:hover,
.obj_issue_summary .description:active {
    max-height: 5000px;
    padding-bottom: 0;
}

/* Hide the mask and link when expanded */
.obj_issue_summary .description:hover::before,
.obj_issue_summary .description:hover::after {
    display: none;
}