.compatibility-reference { min-width: 0; max-width: 100%; }
.compatibility-controls { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 1rem; align-items: end; }
.compatibility-controls[hidden], .compatibility-reference [hidden] { display: none !important; }
.compatibility-controls label { display: flex; flex-direction: column; gap: .4rem; max-width: 100%; font-size: .9rem; }
.compatibility-controls label:first-child { flex: 1 1 18rem; }
.compatibility-controls input, .compatibility-controls select, .compatibility-controls button { font: inherit; color: inherit; background: #19232e; border: 1px solid #657282; border-radius: .4rem; padding: .65rem; min-height: 44px; max-width: 100%; }
.compatibility-controls p { flex-basis: 100%; margin: 0; }
.compatibility-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid #657282; border-radius: .5rem; }
.compatibility-table { width: 1800px; min-width: 100%; table-layout: fixed; font-size: .85rem; }
.compatibility-table caption { text-align: left; padding: 1rem; caption-side: top; }
.compatibility-table th, .compatibility-table td { white-space: normal; overflow-wrap: anywhere; vertical-align: top; padding: .85rem; }
.compatibility-table th:nth-child(1) { width: 170px; }
.compatibility-table th:nth-child(2) { width: 110px; }
.compatibility-table th:nth-child(3) { width: 260px; }
.compatibility-table th:nth-child(4) { width: 100px; }
.compatibility-table th:nth-child(5) { width: 150px; }
.compatibility-table th:nth-child(6) { width: 170px; }
.compatibility-table th:nth-child(7) { width: 200px; }
.compatibility-table th:nth-child(8) { width: 110px; }
.compatibility-table th:nth-child(9) { width: 130px; }
.compatibility-table th:nth-child(10) { width: 300px; }
.compatibility-table p { font-size: inherit; margin: 0 0 .75rem; }
.compatibility-table code { font-size: .85em; white-space: normal; overflow-wrap: anywhere; }
.compatibility-table ul { padding-left: 1rem; }
.compatibility-table button { font: inherit; color: inherit; background: none; border: 0; text-align: left; cursor: pointer; padding: .3rem; min-height: 44px; }
.compatibility-table [aria-sort] { background: #25394b; }
.compatibility-table tr:target { outline: 2px solid #71c9ef; outline-offset: -2px; background: #192c39; }
.compatibility-reference :focus-visible { outline: 2px solid #71c9ef; outline-offset: 2px; }
.compatibility-table tr { scroll-margin-top: 6rem; }
/* A long table can never reach the site's section-reveal visibility threshold. */
.motion .compatibility-reference.reveal { opacity: 1; transform: none; transition: none; will-change: auto; }
.page:has(.compatibility-reference) h1 { hyphens: none; }