/* --- tenbestonline.css (DECORATIONS FOR THIS ONE PAGE ONLY) --- */

/* Unique background image for this page's terrain section */
.terrain-section {
    background: linear-gradient(to bottom, #000074, #000000);
    background-size: cover;
    background-position: inherit;
    background-repeat: no-repeat;
}


/* Unique css related to this article */
.comparison-table-wrapper {
    width: 100%;
    max-width: 1200px;
    overflow-x: auto;
    border-radius: 8px;
    border: 1px solid var(--border-color, #353535);
    margin: 0 auto;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--secondary-text-color, rgba(255, 255, 255, 0.7));
    background-color: var(--bg-color, black);
    font-size: 14px;
}

.comparison-table th,
.comparison-table td {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid var(--border-color, #353535);
    white-space: normal;
}

.comparison-table thead th {
    background-color: #111;
    color: var(--text-color, white);
    font-weight: 600;
    font-size: 15px;
}

.comparison-table tbody th {
    font-weight: 600;
    color: var(--text-color, white);
    background-color: #101010;
}

.comparison-table .business-networking-col {
    background-color: #001f4d;
    color: white;
}

@media (max-width: 768px) {
    .comparison-table-wrapper {
        width: 95%;
    }
    .comparison-table th,
    .comparison-table td {
        padding: 10px;
        font-size: 13px;
    }
}

.pro-tip {
    background-color: #101010;
    border-left: 4px solid var(--primary-color);
    padding: 1rem 1.5rem;
    margin: 2rem 0;
    font-style: italic;
    color: var(--text-color);
}

.details-table-wrapper {
    margin: 2rem 0;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
}

.details-table {
    width: 100%;
    border-collapse: collapse;
}

.details-table th,
.details-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.details-table tr:last-child th,
.details-table tr:last-child td {
    border-bottom: none;
}

.details-table th {
    background-color: #0a006ec4;
    font-weight: 600;
    width: 30%;
}

.details-table td {
    color: var(--secondary-text-color);
}