/* Shared AU specifications, preserving each collection's colors. */
.compatibility { padding:clamp(56px,7vw,100px) clamp(20px,6vw,90px); background:var(--paper); color:var(--black,var(--ink)); border-top:1px solid currentColor; scroll-margin-top:90px; }
.compatibility-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; margin-bottom:34px; }
.compatibility-kicker { margin:0 0 12px; font:700 .7rem/1.5 var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.compatibility h2 { margin:0; font:700 clamp(1.5rem,2.5vw,2.3rem)/1.4 var(--sans); letter-spacing:-.025em; text-transform:none; }
.compatibility-badge { padding:9px 12px; border:1px solid currentColor; font:700 .65rem/1.6 var(--mono); }
.compatibility-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 24px; border-block:1px solid currentColor; }
.compatibility-grid > div { min-width:0; padding:26px 20px; border-right:1px solid currentColor; }
.compatibility-grid > div:first-child { padding-left:0; }
.compatibility-grid > div:last-child { border-right:0; }
.compatibility dt { font:700 .65rem/1.5 var(--mono); text-transform:uppercase; }
.compatibility dd { margin:14px 0 0; font-size:clamp(1rem,1.6vw,1.35rem); font-weight:700; line-height:1.5; }
.compatibility dd span { display:block; margin-top:6px; font-size:.8rem; font-weight:400; }
.compatibility-note { margin:10px 0 0; max-width:85ch; font-size:.8rem; line-height:1.85; }
.compatibility-note a { text-decoration:underline; text-underline-offset:4px; }
.compatibility a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:900px) { .compatibility-grid { grid-template-columns:1fr 1fr; } .compatibility-grid > div { padding:24px 16px; } .compatibility-grid > div:first-child { padding-left:16px; } .compatibility-grid > div:nth-child(2) { border-right:0; } .compatibility-grid > div:nth-child(-n+2) { border-bottom:1px solid currentColor; } }
@media(max-width:420px) { .compatibility-grid { grid-template-columns:1fr; } .compatibility-grid > div { padding:20px 0; border-right:0; border-bottom:1px solid currentColor; } .compatibility-grid > div:first-child { padding-left:0; } .compatibility-grid > div:last-child { border-bottom:0; } }