.compat-directory{margin:2.5rem 0;color:#d2d9e2}.compat-directory h2{color:#f8fafc}.compat-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1.5rem}.compat-directory-grid h3{font-size:1rem;border-bottom:2px solid #ff5500;padding-bottom:.7rem;color:#f8fafc}.compat-directory-grid h3 span{color:#94a3b8;font-weight:400}.compat-directory-grid ul{list-style:none;padding:0}.compat-directory-grid li{border-bottom:1px solid #30363d}.compat-directory-grid a{display:flex;flex-direction:column;gap:.4rem;padding:.85rem .5rem;color:#e6edf3;text-decoration:none}.compat-directory-grid a:hover{background:#161b22}.compat-directory-grid code{color:#ff995f;font-size:.83rem}.compat-filter{margin:1.2rem 0;color:#d2d9e2}.compat-filter label{display:block;margin-bottom:.5rem}.compat-filter input{width:100%;max-width:450px;padding:.8rem;border:1px solid #536171;border-radius:6px;background:#0d1117;color:#f8fafc;box-sizing:border-box}.compat-filter p{font-size:.9rem;color:#a8b5c5}.compat-conditions{padding:1rem;border-left:4px solid #fbbf24;background:#161b22}.compat-conditions h2{font-size:1.1rem;margin-top:0}.compat-source{overflow-wrap:anywhere}@media print{.compat-filter{display:none!important}}
.compat-buy{margin:2rem 0;padding:1.5rem;border:1px solid #536171;border-left:4px solid #ff5500;background:#161b22;border-radius:8px;color:#d2d9e2;line-height:1.6}.compat-buy-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#ff995f;font-weight:700}.compat-buy h2{font-size:1.25rem;color:#f8fafc;line-height:1.3}.compat-buy .compat-buy-cta{display:inline-flex;padding:.8rem 1.1rem;background:#ff995f;color:#18202c;font-weight:700;border-radius:6px;text-decoration:none;line-height:1.35}.compat-buy .compat-buy-cta:hover{background:#ffb78d}.compat-buy-disclosure{font-size:.83rem;color:#a8b5c5;margin-bottom:0}.compat-buy code{overflow-wrap:anywhere}@media print{.compat-buy{display:none!important}}