.page-title { max-width: 1200px; margin: 0 auto; padding: 30px 40px 20px; }
        .page-title h1 { font-size: 28px; color: #1a1a2e; font-weight: 700; }
        .page-title .sub { font-size: 14px; color: #999; margin-top: 6px; }

        .content { max-width: 1200px; margin: 0 auto; padding: 0 40px 40px; }
        .table-wrap { background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); overflow: hidden; }
        table { width: 100%; border-collapse: collapse; }
        thead { background: #f8f9fc; }
        th { padding: 14px 20px; text-align: left; font-size: 13px; color: #888; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
        td { padding: 16px 20px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
        tr:last-child td { border-bottom: none; }
        tr:hover td { background: #fdf8f9; }
        .idx { color: #bbb; width: 60px; text-align: center; }
        .title-cell a { color: #1a1a2e; text-decoration: none; font-weight: 500; }
        .title-cell a:hover { color: #e94560; }
        .date-cell { color: #999; font-size: 13px; white-space: nowrap; width: 120px; }
        .dl-cell { width: 120px; }
        .dl-link { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 12px; color: #666; text-decoration: none; margin-right: 4px; transition: all .2s; }
        .dl-link:hover { border-color: #e94560; color: #e94560; background: #fdf2f4; }
        .dl-icon { width: 14px; height: 14px; }

        @media (max-width: 768px) {
            .content, .page-title { padding-left: 16px; padding-right: 16px; }
            .dl-cell { width: auto; }
            th:nth-child(1), td:nth-child(1) { display: none; }
        }