/* =======================
   Network Equipment Page
   ======================= */

.network-wrap {
    width: min(900px, 92%);
    margin: 6rem auto 10rem;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* 상단 텍스트 */
.content-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #e11d2e;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}
.highlight {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.3rem;
}
.content-sub {
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 6rem;
}

/* 네트워크 장비 제목 */
.network-head {
    margin-bottom: 2rem;
}
.network-head h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
}
.network-head span {
    color: #888;
    font-weight: 400;
}

/* 테이블 */
.network-table-wrap {
    margin: 0 auto;
    overflow-x: auto;
}
.network-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}
.network-table thead th {
    background: #f5f5f5;
    color: #222;
    font-weight: 700;
    padding: 0.8rem;
    border-bottom: 2px solid #ddd;
}
.network-table tbody td {
    padding: 0.7rem;
    border-bottom: 1px solid #eee;
    color: #000000;
    text-align: center;
}
.network-table tbody tr:nth-child(even) {
    background: #fafafa;
}

/* 반응형 */
@media (max-width: 768px) {
    .network-table thead {
        display: none;
    }
    .network-table,
    .network-table tbody,
    .network-table tr,
    .network-table td {
        display: block;
        width: 100%;
    }
    .network-table tr {
        margin-bottom: 1rem;
        border: 1px solid #eee;
        border-radius: 4px;
        background: #fff;
    }
    .network-table td {
        padding: 0.6rem 1rem;
        text-align: left;
        position: relative;
    }
    .network-table td::before {
        content: attr(data-label);
        font-weight: 600;
        display: block;
        margin-bottom: 0.3rem;
        color: #e11d2e;
    }
}