/* HejBit Lead Magnet: 9-Point Decision Framework - Page-specific styles */

.lm-preview-inner--wide {
    max-width: 1000px;
}

.lm-tbl-wrap {
    border: 1px solid var(--lm-border);
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0;
}

.lm-tbl-wrap table {
    width: 100%;
    border-collapse: collapse;
}

.lm-tbl-wrap thead tr {
    background: var(--lm-surface2);
}

.lm-tbl-wrap thead th {
    padding: 12px 16px;
    text-align: left;
    font-family: 'Space Mono', monospace;
    font-size: 9px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--lm-white55);
    border-bottom: 1px solid var(--lm-border);
    white-space: nowrap;
}

.lm-tbl-wrap thead th:last-child {
    background: var(--lm-yellow);
    color: var(--lm-bg);
    font-weight: 700;
}

.lm-tbl-wrap tbody tr {
    border-bottom: 1px solid var(--lm-border2);
}

.lm-tbl-wrap tbody tr:last-child {
    border-bottom: none;
}

.lm-tbl-wrap tbody td {
    padding: 11px 16px;
    color: var(--lm-white55);
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.4;
}

.lm-tbl-wrap tbody td:first-child {
    font-family: 'Space Mono', monospace;
    font-size: 9px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: var(--lm-yellow);
    width: 120px;
    border-right: 1px solid var(--lm-border2);
}

.lm-tbl-wrap tbody td:last-child {
    color: var(--lm-white);
    font-weight: 400;
    background: var(--lm-yellow-bg);
    border-left: 1px solid var(--lm-yellow-bd);
}

.lm-blurred-row {
    filter: blur(3px);
    user-select: none;
    pointer-events: none;
}

/* Responsive table */
@media (max-width: 767px) {
    .lm-tbl-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .lm-tbl-wrap table {
        min-width: 560px;
    }
}