/* ================================================================
 * Block: Comparison matrix — comparison_matrix
 * Design: Figma "GS - LP Design - Service" §13 COMPARISON
 * Tokens: assets/css/tokens.css only (gaps listed in build report).
 * ================================================================ */

.block-comparison_matrix {
    /* Block-local additive token: cyan 20% tint — no global token for it. */
    --matrix-highlight: rgba(0, 229, 255, 0.2);
    background: var(--color-white);
    padding-block: var(--verti-padding);
}

.block-comparison_matrix__inner {
    max-width: calc(var(--container-service) + 2 * var(--container-pad));
    margin-inline: auto;
    padding-inline: var(--container-pad);
}

/* ── Head ── */
.block-comparison_matrix__head {
    display: flex;
    flex-direction: column;
    gap: var(--space-15);
    max-width: var(--measure-quote);
    margin-bottom: calc(var(--space-6) + var(--space-6));
}

.block-comparison_matrix__eyebrow {
    display: flex;
    align-items: center;
    gap: var(--space-10);
    font-family: var(--font-body);
    font-size: var(--fs-h6);
    font-weight: var(--fw-light);
    line-height: var(--lh-h3);
    text-transform: uppercase;
    color: var(--color-whimsical-blue);
    margin: 0;
}

.block-comparison_matrix__eyebrow::before {
    content: "";
    flex: none;
    width: 33px;
    height: calc(var(--btn-border-width) / 2);
    background: var(--color-whimsical-blue);
}

.block-comparison_matrix__heading {
    font-family: var(--font-display);
    font-size: var(--fs-display-50);
    font-weight: var(--fw-heading);
    line-height: var(--lh-heading);
    color: var(--color-yankees-blue);
    margin: 0;
}

.block-comparison_matrix__heading p {
    margin: 0;
}

/* ── Table ── */
.block-comparison_matrix__tablewrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.block-comparison_matrix__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.block-comparison_matrix__table th,
.block-comparison_matrix__table td {
    padding: var(--space-4);
    border-bottom: calc(var(--btn-border-width) / 2) solid var(--color-yankees-blue-10);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

/* Empty top-left corner cell (kept for column alignment). */
.block-comparison_matrix__corner {
    padding: 0;
}

.block-comparison_matrix__headcell {
    font-family: var(--font-display);
    font-size: var(--fs-h6);
    font-weight: var(--fw-medium);
    line-height: var(--lh-h3);
    color: var(--color-yankees-blue);
}

.block-comparison_matrix__rowlabel {
    font-family: var(--font-body);
    font-size: var(--fs-table-label);
    font-weight: var(--fw-medium);
    line-height: var(--lh-body);
    color: var(--color-yankees-blue-70);
}

.block-comparison_matrix__cell {
    font-family: var(--font-body);
    font-size: var(--fs-table-cell);
    font-weight: var(--fw-regular);
    line-height: var(--lh-body);
    color: var(--color-yankees-blue);
}

/* Last column = highlighted (design: cyan tint + medium text + top radius). */
.block-comparison_matrix__table thead th:last-child,
.block-comparison_matrix__table tbody td:last-child {
    background: var(--matrix-highlight);
}

.block-comparison_matrix__table thead th:last-child {
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

.block-comparison_matrix__table tbody td:last-child {
    font-weight: var(--fw-medium);
}