.compatibility-main{max-width:1280px}.compatibility-main h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.045em}.compatibility-main h2{font-size:1.4rem}.catalog-top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:2rem 0 1rem;font-size:.85rem}.catalog-top label{display:flex;align-items:center;gap:.6rem}.catalog-top p{margin:0;flex:1}.catalog-top a{white-space:nowrap}.compatibility-main select,.compatibility-main input,.compatibility-main button{font:inherit}.compatibility-main select,.compatibility-main input{min-height:42px;padding:.55rem .7rem;border:1px solid #c4cdd3;border-radius:5px;background:#fff;color:#20303b;max-width:100%}.catalog-flow{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:1px;background:#cbd6dc;border:1px solid #cbd6dc;border-radius:8px;overflow:hidden}.catalog-flow a{display:flex;flex-direction:column;gap:.65rem;padding:1.4rem;background:#f5f8fa;color:#20303b;text-decoration:none}.catalog-flow a:nth-child(2){background:#eaf2ef}.catalog-flow span{font-size:.67rem;font-weight:700;letter-spacing:.1em;color:#45646c}.catalog-flow strong{font-size:1.1rem}.catalog-flow small{font-size:.8rem;line-height:1.5}.catalog-note{font-size:.85rem;line-height:1.6;color:#536570;max-width:100ch}.catalog-filters{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(120px,1fr)) auto;gap:.7rem;align-items:end}.catalog-filters label{display:flex;flex-direction:column;gap:.4rem;font-size:.75rem;font-weight:600}.catalog-filters button{min-height:42px;padding:.6rem;border:1px solid #c4cdd3;border-radius:5px;background:#f4f7f8;color:#20303b;cursor:pointer}.catalog-workspace{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.4fr);border:1px solid #cbd6dc;border-radius:8px;overflow:hidden;min-height:420px;background:#fff}.catalog-list{max-height:640px;overflow:auto;border-right:1px solid #cbd6dc;background:#f8fafb}.mapping-row{display:flex;width:100%;flex-direction:column;gap:.4rem;padding:1rem;text-align:left;border:0;border-bottom:1px solid #dee5e9;background:transparent;cursor:pointer;color:#253943}.mapping-row:hover{background:#edf4f1}.mapping-row[aria-pressed=true]{background:#e6f0ec;box-shadow:inset 4px 0 #276555}.mapping-row strong{font-size:.87rem;font-weight:600}.mapping-row small{font-size:.72rem;color:#4a5d68;overflow-wrap:anywhere}.mapping-row .badge{align-self:flex-start}.badge{display:inline-block;padding:.16rem .45rem;border:1px solid #bfcfc9;border-radius:4px;font-size:.67rem;letter-spacing:.03em;text-transform:uppercase;color:#29584b;background:#f0f7f3}.badge[data-status=preview],.badge[data-status=proposed]{color:#77531b;background:#fdf7e9;border-color:#d8caaa}.catalog-detail{padding:1.5rem;min-width:0;max-height:640px;overflow:auto}.catalog-detail h3{font-size:1.3rem;line-height:1.45;margin:.6rem 0}.catalog-detail h4{font-size:.85rem;margin:1.4rem 0 .5rem}.catalog-detail p,.catalog-detail li{font-size:.87rem;line-height:1.6}.mapping-id,.digest{font:.75rem/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.mapping-boundary{padding:.9rem 1rem;border-left:3px solid #49786c;background:#f1f6f4}.field-paths{border-collapse:collapse;width:100%;font-size:.78rem}.field-paths th{text-align:left;padding:.6rem;border-bottom:2px solid #cbd6dc;color:#405761}.field-paths td{vertical-align:top;padding:.65rem;border-bottom:1px solid #e0e6e9;overflow-wrap:anywhere}.field-paths code{font-size:.72rem;white-space:normal;word-break:break-word}.catalog-detail ul{padding-left:1.2rem}.catalog-detail a{overflow-wrap:anywhere}.catalog-legend{margin:1rem 0 2.5rem;padding:.8rem 1rem;background:#f4f7f8;font-size:.85rem}.catalog-legend summary{cursor:pointer;font-weight:600}.catalog-legend dt{font-weight:700}.catalog-legend dd{margin:0 0 .65rem}.schema-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.schema-card{border:1px solid #d5dfe4;border-radius:6px;padding:1rem;min-width:0;background:#fff}.schema-card h3{font-size:1rem;margin:0 0 .5rem}.schema-card p{font-size:.78rem;line-height:1.6;margin:.5rem 0;overflow-wrap:anywhere}.schema-card code{font-size:.72rem;overflow-wrap:anywhere}.schema-card a{font-size:.8rem;margin-right:.8rem}.source-pins{max-height:320px;overflow:auto;padding-left:1.1rem;font-size:.75rem;overflow-wrap:anywhere}.source-pins code{display:block;font-size:.65rem}#result-count{font-size:.8rem;color:#536570;margin:.9rem 0}#load-error{border-left:3px solid #a43e35;background:#fff4f2;padding:1rem;color:#7d302a}#empty{padding:1rem;font-size:.9rem}.compatibility-main :focus-visible{outline:3px solid #237d9a;outline-offset:3px}@media(max-width:950px){.catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filters .search{grid-column:1/-1}.schema-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.catalog-flow,.catalog-workspace,.schema-grid{grid-template-columns:1fr}.catalog-flow a{padding:1rem}.catalog-list{max-height:260px;border-right:0;border-bottom:1px solid #cbd6dc}.catalog-detail{max-height:none;padding:1rem}.catalog-top{align-items:flex-start}.catalog-top p{flex-basis:100%}.catalog-filters{gap:.6rem}.catalog-filters select{width:100%}.compatibility-main{padding-left:16px;padding-right:16px}.field-paths td,.field-paths th{padding:.4rem}.catalog-legend{padding:.8rem}}@media(prefers-reduced-motion:no-preference){.mapping-row{transition:background-color .14s ease}}.mapping-neighbors{display:flex;flex-wrap:wrap;gap:.4rem}.mapping-neighbors button{padding:.4rem .6rem;border:1px solid #c5d5ce;background:#f1f6f4;color:#285748;border-radius:4px;font-size:.74rem;cursor:pointer;text-align:left}.mapping-neighbors button:hover{background:#e1eee7}