/* =================================
  Subpage 3 ('Info 2') Styles
  ================================= */

/* 시안(3.jpg)의 아카이브 목록 스타일 */
.archive-item {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 30px 35px;
    margin-bottom: 40px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.archive-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--main-color);
}

.archive-description {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 30px;
}

/* [수정됨] 시안(12.00.02.png)의 테이블 스타일 */
.archive-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #E5D5D9; /* [수정] 상단 테두리 */
    border-bottom: 1px solid #E5D5D9; /* [추가] 하단 테두리 */
    margin-bottom: 30px;
}

.archive-table th,
.archive-table td {
    border-bottom: 1px solid #E5D5D9; /* [수정] 테두리 색상 */
    padding: 15px 10px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.6;
}

/* [추가됨] 마지막 행의 하단 테두리 제거 */
.archive-table tr:last-child th,
.archive-table tr:last-child td {
    border-bottom: none;
}

.archive-table th {
    /* [수정됨] 1열(<th>)의 기본 스타일 - 분홍색 배경 제거 */
    background-color: #fcfcfc; /* 기본 배경색 */
    color: #333;             /* 기본 글자색 */
    font-weight: 600;
    /* width: 30%; */ /* [제거됨] 모든 th에 적용되던 너비 속성 제거 */
    vertical-align: top;
}

/* [제거됨] 1행 분홍색 배경 규칙을 삭제합니다.
.archive-table tr:first-child th {
    background-color: #FFF5F7; 
    color: var(--main-color); 
    width: auto; 
}
*/

/* [추가됨] 1열의 <th>(행 제목)에만 너비 적용 */
.archive-table tr > th:first-child {
    width: 30%;
}


.archive-table td {
    color: #666;
    /* width: 70%; */ /* [제거됨] 모든 td에 적용되던 너비 속성 제거 */
}

/* 시안(3.jpg)의 '바로가기' 버튼 스타일 */
.archive-link {
    display: block; /* [수정됨] inline-block에서 block으로 변경 */
    width: fit-content; /* [추가됨] 내용물 크기에 맞게 너비 설정 */
    margin-left: auto; /* [추가됨] 왼쪽 마진을 auto로 주어 오른쪽 정렬 */
    background-color: var(--main-color);
    color: #fff;
    padding: 8px 25px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.archive-link:hover {
    background-color: #e64b63;
}