[data-testid=compatibility-page]{container-type:inline-size}@container (max-width: 20rem){[data-testid=compatibility-view-switcher]{flex-direction:column;border-radius:var(--radius-control)}[data-testid=compatibility-view-switcher] [role=tab]{flex:none;width:100%;border-radius:var(--radius-control);overflow-wrap:normal}}.match-workspace{width:100%;max-width:68.75rem;margin-inline:auto;padding-block:var(--space-2) var(--space-12)}.match-workspace__heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.match-workspace__heading h1{font-size:var(--text-task);color:var(--text-heading);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.match-workspace__heading p{max-width:var(--measure-reading);margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-reading)}.match-workspace__heading>button{flex-shrink:0}.match-workspace__other{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.match-workspace__other summary{cursor:pointer;min-height:var(--target-task);color:var(--text-heading);font-size:var(--text-reading);padding-block:var(--space-3)}.match-workspace__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6)}.match-workspace__links a{display:inline-flex;align-items:center;min-height:var(--target-task);font-size:var(--text-helper);color:var(--text-muted);text-decoration:underline;text-underline-offset:.25em}.match-workspace :where(button,summary,a):focus-visible,.match-inbox :where(button,summary,input,select,[role=tabpanel]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.match-inbox{min-width:0;font-size:var(--text-reading);color:var(--text-body);overflow-wrap:anywhere}.match-inbox__tabs{display:flex;gap:var(--space-6);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5)}.match-inbox__tab{position:relative;min-height:var(--target-task);padding:var(--space-3) var(--space-1);color:var(--text-muted);font-size:var(--text-helper);font-weight:var(--weight-medium)}.match-inbox__tab[aria-selected=true]{color:var(--text-heading)}.match-inbox__tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;inset-inline:0;height:2px;background:var(--text-heading)}.match-inbox__panel{min-width:0}.match-inbox__card{background:var(--surface-reading);border-radius:var(--radius-panel);padding:var(--space-5)}.match-inbox__identity-row{display:flex;justify-content:space-between;gap:var(--space-4)}.match-inbox__initial{width:2.75rem;height:2.75rem;flex-shrink:0;display:grid;place-items:center;background:rgb(var(--color-cosmic-700));color:var(--text-body);border-radius:var(--radius-pill)}.match-inbox__name{font-family:var(--font-body);font-size:var(--text-reading);font-weight:var(--weight-semibold);color:var(--text-heading)}.match-inbox__status{display:block;font-size:var(--text-helper);line-height:var(--leading-helper);color:var(--text-muted)}.match-inbox__score{text-align:right;max-width:11rem}.match-inbox__score-label{display:block;font-size:var(--text-metadata);color:var(--text-muted)}.match-inbox__score strong{font-size:var(--text-subtitle);font-weight:var(--weight-medium);color:var(--text-heading);font-variant-numeric:tabular-nums}.match-inbox__score small{font-size:var(--text-helper);font-weight:var(--weight-body);color:var(--text-muted)}.match-inbox__concern{margin-top:var(--space-4);font-size:var(--text-reading);max-width:var(--measure-reading)}.match-inbox__concern>span{display:block;font-size:var(--text-metadata);margin-bottom:var(--space-1);color:var(--text-muted)}.match-inbox__coverage{margin-block:var(--space-2);color:var(--text-muted);font-size:var(--text-helper)}.match-inbox__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-task);border:1px solid var(--border-control);border-radius:var(--radius-control);padding:var(--space-2) var(--space-4);color:var(--text-heading);font-size:var(--text-helper);font-weight:var(--weight-semibold)}.match-inbox__action:hover{border-color:var(--border-hover)}.match-inbox__manage{margin-left:auto;font-size:var(--text-helper)}.match-inbox__manage summary{min-height:var(--target-task);padding:var(--space-3);cursor:pointer;color:var(--text-muted)}.match-inbox__manage-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-2)}.match-inbox__date{font-size:var(--text-metadata);color:var(--text-muted);font-variant-numeric:tabular-nums}.match-inbox__copy-recovery{margin-block:var(--space-3);font-size:var(--text-helper);color:var(--text-muted)}.match-inbox__copy-recovery input{display:block;width:100%;min-height:var(--target-task);margin-top:var(--space-2);border:1px solid var(--border-control);border-radius:var(--radius-control);padding:var(--space-3);background:var(--surface-input);color:var(--text-heading);font-size:var(--text-reading)}.match-comparison{background:var(--surface-reading);border-radius:var(--radius-panel);padding:var(--space-6)}.match-comparison__intro{display:flex;align-items:start;justify-content:space-between;gap:var(--space-6)}.match-comparison__intro h3{font-size:var(--text-subtitle);line-height:var(--leading-title);color:var(--text-heading)}.match-comparison__intro p{margin-top:var(--space-2);max-width:48ch;color:var(--text-muted);font-size:var(--text-helper)}.match-comparison__sort{flex-shrink:0;font-size:var(--text-metadata);color:var(--text-muted)}.match-comparison__sort select{display:block;width:100%;min-height:var(--target-task);margin-top:var(--space-1);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--border-control);border-radius:var(--radius-control);background-color:var(--surface-input);color:var(--text-heading);font-size:var(--text-reading)}.match-comparison__context{margin-block:var(--space-5);color:var(--text-muted);font-size:var(--text-helper);max-width:var(--measure-reading)}.match-comparison__table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:var(--text-helper)}.match-comparison__table thead th{color:var(--text-muted);font-size:var(--text-metadata);font-weight:var(--weight-medium);padding-bottom:var(--space-3)}.match-comparison__table thead th:nth-child(1){width:28%}.match-comparison__table thead th:nth-child(2){width:18%}.match-comparison__table thead th:nth-child(3){width:22%}.match-comparison__table thead th:nth-child(4){width:32%}.match-comparison__table :is(th,td){padding-right:var(--space-6)}.match-comparison__table :is(th,td):last-child{padding-right:0}.match-comparison__table tbody :is(th,td){border-top:1px solid var(--border-subtle);padding-block:var(--space-5);vertical-align:top}.match-comparison__identity{font-weight:var(--weight-body)}.match-comparison__person{display:flex;gap:var(--space-3);align-items:baseline}.match-comparison__rank{display:inline-block;color:var(--text-muted);font-size:var(--text-metadata);font-variant-numeric:tabular-nums;margin-bottom:var(--space-1)}.match-comparison__name{display:inline-flex;gap:var(--space-2);align-items:center;min-height:var(--target-task);text-align:left;color:var(--text-heading);font-size:var(--text-reading);font-weight:var(--weight-semibold)}.match-comparison__name svg{flex-shrink:0;color:var(--text-muted)}.match-comparison__name:hover{color:var(--action-primary)}.match-comparison__date,.match-comparison__answers{display:block;color:var(--text-muted);font-size:var(--text-metadata);line-height:var(--leading-helper)}.match-comparison__answers{margin-top:var(--space-2)}.match-comparison__table strong{font-weight:var(--weight-medium)}.match-comparison__numeric{text-align:right;font-variant-numeric:tabular-nums}.match-comparison__score{display:block;color:var(--text-heading);font-size:var(--text-subtitle);line-height:var(--leading-title);margin-top:var(--space-1)}.match-comparison__score>span{color:var(--text-muted);font-size:var(--text-metadata)}.match-comparison__bar{display:block;width:100%;height:3px;margin-top:var(--space-3);background:rgb(var(--color-cosmic-700))}.match-comparison__bar>span{display:block;height:100%;background:var(--action-primary)}.match-comparison__topic{line-height:var(--leading-helper)}.match-comparison__unavailable{color:var(--text-muted)}.match-comparison__method{border-top:1px solid var(--border-subtle);padding-top:var(--space-2);font-size:var(--text-helper)}.match-comparison__method summary{cursor:pointer;min-height:var(--target-task);padding-block:var(--space-3);color:var(--text-heading)}.match-comparison__method p{max-width:var(--measure-reading);color:var(--text-muted);margin-block:var(--space-3)}.match-comparison__footnote{font-size:var(--text-metadata);color:var(--text-muted);margin-top:var(--space-2)}@media (max-width: 850px){.match-comparison__intro{flex-direction:column;gap:var(--space-4)}.match-comparison__sort{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%}.match-comparison__sort select{width:auto;max-width:100%;flex:1;margin:0}.match-comparison__table,.match-comparison__table tbody{display:block}.match-comparison__table thead{display:none}.match-comparison__table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);border-top:1px solid var(--border-subtle);padding-block:var(--space-5)}.match-comparison__table tbody :is(th,td){display:block;padding:0;border:0}.match-comparison__identity,.match-comparison__topic{grid-column:1 / -1}.match-comparison__numeric{text-align:left}.match-comparison__table td:before{content:attr(data-label);display:block;font-size:var(--text-metadata);color:var(--text-muted);margin-bottom:var(--space-2)}.match-comparison__bar{max-width:8rem}.match-comparison__date,.match-comparison__answers{font-size:var(--text-helper)}}@media (max-width: 600px){.match-workspace{padding-inline:var(--space-1)}.match-workspace__heading{display:block}.match-workspace__heading>button{margin-top:var(--space-3)}.match-workspace__heading h1{font-size:var(--text-subtitle)}.match-inbox__tabs{gap:0;justify-content:space-between}.match-inbox__tab{font-size:var(--text-metadata);padding-inline:var(--space-1)}.match-inbox__card,.match-comparison{padding:var(--space-4)}.match-inbox__identity-row{flex-wrap:wrap}.match-inbox__score{text-align:left}.match-comparison__intro h3{font-size:var(--text-section)}}@media (max-width: 360px){.match-comparison__table tr{grid-template-columns:minmax(0,1fr)}.match-inbox__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}}
