/* Custom CSS to make .first-entry look exactly like .post-entry */

.first-entry {
    /* Remove the flexbox layout properties */
    display: block !important;
    flex-direction: unset !important;
    justify-content: unset !important;
    min-height: unset !important;
    
    /* Add the same styling as .post-entry */
    padding: var(--gap) !important;
    background: var(--entry) !important;
    border-radius: var(--radius) !important;
    border: 1px solid var(--border) !important;
    transition: transform 0.1s !important;
    
    /* Keep the same margin as .post-entry */
    margin-bottom: var(--gap) !important;
}

/* Add the active state to match .post-entry */
.first-entry:active {
    transform: scale(0.96) !important;
}

/* Override the first-entry specific child element styles to match post-entry */
.first-entry .entry-header {
    /* Remove the line-clamp and overflow styles */
    overflow: unset !important;
    display: block !important;
    -webkit-box-orient: unset !important;
    -webkit-line-clamp: unset !important;
}

.first-entry .entry-header h1 {
    /* Use the same font size as post-entry h2 */
    font-size: 24px !important;
    line-height: 1.3 !important;
}

.first-entry .entry-content {
    /* Match the post-entry content styling */
    margin: 8px 0 !important;
    color: var(--secondary) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.first-entry .entry-footer {
    /* Match the post-entry footer styling */
    color: var(--secondary) !important;
    font-size: 13px !important;
}