/* 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;
}

.section-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

    position: sticky;
    top: 0;
    z-index: 1000;

    background: white;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;

.section-button {
    background-color: #007ab2;
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.section-button:hover {
    background-color: #005f8a;
}