.compat-table{overflow:hidden;border:1px solid rgba(184,225,243,.19);border-radius:22px;background:rgba(220,241,249,.055)}.compat-row{display:grid;grid-template-columns:1.1fr .8fr 1fr 1.4fr;gap:12px;align-items:center;padding:17px 20px;border-bottom:1px solid rgba(184,225,243,.12)}.compat-row:last-child{border-bottom:0}.compat-row.head{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8eabba;background:rgba(219,240,249,.05)}.compat-row strong{font-size:14px}.compat-row span{color:#a8bfcc;font-size:13px}.compat-status{display:inline-flex!important;width:max-content;padding:6px 9px;border-radius:999px;font-size:10px!important;font-weight:900!important;letter-spacing:.05em;text-transform:uppercase}.compat-status.ok{background:rgba(73,222,177,.10);border:1px solid rgba(73,222,177,.20);color:#79ebc6!important}.compat-status.check{background:rgba(255,189,105,.10);border:1px solid rgba(255,189,105,.20);color:#ffd39d!important}.compat-callout{margin-top:16px;padding:20px;border:1px solid rgba(184,225,243,.18);border-radius:18px;background:rgba(220,241,249,.05);display:flex;justify-content:space-between;gap:18px;align-items:center}.compat-callout p{margin:0;color:#a9c0ce}.compat-callout strong{display:block;color:#fff;margin-bottom:4px}@media(max-width:800px){.compat-row{grid-template-columns:1fr}.compat-row.head{display:none}.compat-row>span:before{content:attr(data-label);display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#728f9f;margin-bottom:3px}.compat-callout{align-items:flex-start;flex-direction:column}}