/* Values V6 — Competitor Comparison Table */
.vls.v6 {
    /* Heading (h4 → fnt_t-1) — mixed case, lh 0.9 */
    --fnt-t-1-tt: none;
    --fnt-t-1-lh: 0.9;

    /* Cell text (fnt_t-itm) — Figma 24px Bayon mixed case (defaults: 27px Bayon 400 uppercase) */
    --fnt-t-itm-s: 1.33rem;
    --fnt-t-itm-tt: none;

    /* Cell radius — Figma 14px */
    --bdr-rds-crd: 0.778rem;

    /* Comparison grid — 3 columns (feature wider), 4px gap */


    /* Each row's 3 cells flow into the parent grid */
    .vls-v6-rw { display: contents; }

    /* Header row cells — transparent, black text, soft blue drop shadow */
    .vls-v6-hdr {
        font-family: var(--fnt-t);
        font-size: 1.33rem;
        font-weight: 400;
        text-align: center;
        line-height: 1;
    }
    .vls-v6-hdr-ftr { text-align: left; padding-left: 2.22rem; }

    /* Feature label cell — dark teal bg, white text, left-aligned with extra left padding */
    .vls-v6-ftr {
        padding: 1.11rem 0.556rem 1.11rem 2.22rem;
    }

    /* Ours (Poseidon) cell — green tint */
    .vls-v6-ous {
        background: color-mix(in srgb, var(--valid-color) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--valid-color) 50%, transparent);
        color: var(--valid-color);
        border-radius: var(--bdr-rds-crd);
        padding: 1.67rem 2.22rem;
    }

    /* Theirs (Others) cell — red tint */
    .vls-v6-thr {
        background: color-mix(in srgb, var(--invalid-color) 10%, transparent);
        border: 2px solid color-mix(in srgb, var(--invalid-color) 50%, transparent);
        color: var(--invalid-color);
        border-radius: var(--bdr-rds-crd);
        padding: 1.67rem 2.22rem;
    }

    /* Icons — inherit cell color via currentColor */
    .vls-v6-chk,
    .vls-v6-xx { font-size: 1.33rem; }


    @media screen and (min-width:1280px) {
         .vls-v6-tbl {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr;
            gap: 0.222rem;
        }
    }
}