/* ----------------------------------------------------------------
   Figma Node 118:248 (Article Component)
   Refactored for uniform display
   ---------------------------------------------------------------- */

#pic_basic.pic_lt {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Pretendard', sans-serif;
}

#pic_basic ul {
    display: flex;
    flex-direction: column;
    gap: 12px; /* Gap between cards */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* List Item (Card Style) */
#pic_basic li.galley_li {
    background-color: #F8FAFC; /* Light Gray Background */
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
}

#pic_basic .lt_link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Meta: Category • Date */
#pic_basic .lt_meta_top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

#pic_basic .lt_cat {
    font-size: 14px;
    font-weight: 400;
    color: #13027E; /* Blue */
    line-height: 20px;
}

#pic_basic .lt_sep {
    font-size: 14px;
    color: #99A1AF;
    line-height: 20px;
}

#pic_basic .lt_date {
    font-size: 14px;
    color: #6A7282;
    line-height: 20px;
    font-weight: 400;
}

/* Title */
#pic_basic .subject {
    display: block;
    font-size: 20px;
    font-weight: 600; /* SemiBold */
    color: #101828;
    line-height: 28px;
    margin-bottom: 8px;
    letter-spacing: -0.3px;
    
    /* Text truncate */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Content (Description) */
#pic_basic .lt_content {
    font-size: 16px;
    font-weight: 400;
    color: #4A5565;
    line-height: 26px;
    margin: 0;
    letter-spacing: -0.3px;

    /* Multi-line truncate (2 lines) */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2; /* Standard property for compatibility */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#pic_basic .empty_li {
    text-align: center;
    color: #999;
    padding: 40px 0;
}