/* styles-home-layout.css
   홈 상단 2단 레이아웃 · 업데이트 요약 표
   (분할 전 styles.css 의 423~544 줄 — 선언 순서 그대로 옮김) */
/* Home top layout (upload + updates side-by-side) */
.home-layout {
    max-width: 1100px;
    width: 90%;
    margin: 20px auto 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 20px;
    /* 좌/우 패널 높이를 같은 행(row) 기준으로 맞춤 */
    align-items: stretch;
}

.home-panel,
.home-aside {
    background: var(--card);
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--border);
}

.home-aside {
    padding: 22px;
}

.updates-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.updates-title {
    font-size: 22px;
    margin: 0;
    color: var(--text);
    letter-spacing: -0.02em;
}

.updates-more {
    color: var(--brand);
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    padding: 6px 8px;
    border-radius: 10px;
}
.updates-more:hover {
    background: rgba(0, 123, 255, 0.08);
}

.updates-table-wrap {
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--card);
}

.updates-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.updates-table thead th {
    text-align: left;
    padding: 10px 12px;
    color: var(--muted);
    background: rgba(148, 163, 184, 0.10);
    border-bottom: 1px solid var(--border);
    font-weight: 700;
}

.updates-table tbody td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
}

.updates-table tbody tr:last-child td {
    border-bottom: none;
}

.updates-table tbody tr:hover td {
    background: rgba(90, 162, 255, 0.06);
}

.updates-date {
    width: 92px;
    white-space: nowrap;
    color: var(--text);
    font-weight: 700;
}

.updates-content {
    color: var(--text);
    word-break: keep-all;
}

.updates-empty {
    color: var(--muted);
    text-align: center;
    padding: 14px 12px;
}

/* 목록이 길면 내부만 스크롤(박스 자체는 내용만큼만 높이) */
.updates-card .updates-table-wrap {
    max-height: 560px;
    overflow: auto;
}

/* Updates page tweaks */
.updates-page .updates-header {
    align-items: center;
}
.updates-page-title {
    margin: 0;
    font-size: 26px;
    letter-spacing: -0.02em;
}