/* Pricing page — comparison table + FAQ specifics. */

.pr-compare {
    background: var(--sk-color-surface-alt);
}

.pr-compare__table-wrap {
    overflow-x: auto;
    border-radius: var(--sk-radius-xl);
    border: 1px solid var(--sk-color-border);
    background: var(--sk-color-surface);
}

.pr-compare__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.pr-compare__table th,
.pr-compare__table td {
    padding: var(--sk-space-4) var(--sk-space-6);
    text-align: left;
    vertical-align: middle;
}

.pr-compare__table thead th {
    font-family: var(--sk-font-body);
    font-weight: var(--sk-weight-semibold);
    font-size: 15px;
    color: var(--sk-color-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--sk-color-border);
    background: var(--sk-color-surface-alt);
}

.pr-compare__table thead th:first-child { width: 40%; }
.pr-compare__table thead th:not(:first-child) { text-align: center; width: 20%; }

.pr-compare__table tbody tr {
    border-top: 1px solid var(--sk-color-border);
}

.pr-compare__table tbody td {
    color: var(--sk-color-ink-soft);
}

.pr-compare__table tbody td:not(:first-child) {
    text-align: center;
    color: var(--sk-color-ink);
    font-weight: var(--sk-weight-medium);
}

.pr-compare__section td {
    background: var(--sk-color-accent-soft);
    color: var(--sk-color-accent) !important;
    font-size: 13px;
    font-weight: var(--sk-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding-top: var(--sk-space-3);
    padding-bottom: var(--sk-space-3);
}

/* FAQ section */
.pr-faq {
    background: var(--sk-color-bg);
}

.pr-faq .sk-accordion {
    border-top: none;
}

.pr-faq .sk-accordion__item {
    background: var(--sk-color-surface);
    border: 1px solid var(--sk-color-border);
    border-radius: var(--sk-radius-lg);
    margin-bottom: var(--sk-space-3);
    overflow: hidden;
}

.pr-faq .sk-accordion__trigger {
    padding: var(--sk-space-4) var(--sk-space-5);
    font-size: 16px;
}

.pr-faq .sk-accordion__content {
    padding: 0 var(--sk-space-5) var(--sk-space-5);
    font-size: 15px;
}

@media (max-width: 767px) {
    .pr-compare__table th,
    .pr-compare__table td {
        padding: var(--sk-space-3);
    }
    .pr-compare__table thead th {
        font-size: 12px;
    }
    .pr-compare__table {
        font-size: 14px;
    }
}