.ckb-compatibility{scroll-margin-top:24px;padding:clamp(22px,4vw,42px);border:1px solid rgba(116,107,90,.24);border-radius:24px;background:linear-gradient(145deg,#fff,#f4efe4);box-shadow:0 20px 55px rgba(85,83,70,.09)}
.ckb-compatibility__intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.ckb-compatibility__intro>div{max-width:850px}.ckb-compatibility__badge{padding:10px 13px;border-radius:999px;background:#555346;color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ckb-compat-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.ckb-compat-control{padding:18px;border:1px solid rgba(116,107,90,.2);border-radius:15px;background:#fff}.ckb-compat-control label{display:block;margin-bottom:9px;font-weight:850}.ckb-compat-control select{width:100%;min-height:52px;padding:0 13px;border:1px solid rgba(116,107,90,.3);border-radius:10px;background:#fff;font:inherit}.ckb-compat-control__row{display:grid;grid-template-columns:1fr auto;gap:8px}.ckb-compat-control button,.ckb-compat-reset{min-height:52px;padding:0 17px;border:0;border-radius:10px;background:#555346;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.ckb-compat-owned{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.ckb-compat-owned>span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#f1ecdf;font-size:.78rem;font-weight:750}.ckb-compat-owned button{min-height:0;padding:0;border:0;background:transparent;color:#6d3f2d;font-size:1.1rem}.ckb-compat-owned small{color:#66725f}.ckb-compat-owned em{color:#656b7c;font-size:.82rem}
.ckb-compat-reset{margin-top:14px;border:1px solid rgba(116,107,90,.3);background:#fff;color:#555346}.ckb-compat-results{margin-top:26px;padding-top:26px;border-top:2px solid #a39976}.ckb-compat-results__head{display:flex;justify-content:space-between;gap:20px}.ckb-compat-results__head h3{margin:3px 0 7px;font-size:clamp(1.6rem,3vw,2.3rem)}.ckb-compat-results__head>div:last-child{display:flex;gap:8px;align-items:flex-start}.ckb-compat-results__head a,.ckb-compat-next a{padding:10px 13px;border-radius:9px;background:#555346;color:#fff;font-size:.8rem;font-weight:800;text-decoration:none}.ckb-compat-results__summary{max-width:850px;color:#4d5048;line-height:1.6}
.ckb-compat-legend{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.ckb-compat-legend span{padding:6px 9px;border:1px solid rgba(116,107,90,.2);border-radius:999px;background:#fff;font-size:.72rem;font-weight:750}.ckb-compat-results__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ckb-compat-card{display:flex;flex-direction:column;padding:17px;border:1px solid rgba(116,107,90,.22);border-top:4px solid #8e7b59;border-radius:13px;background:#fff}.ckb-compat-card[data-compat-category="already"],.ckb-compat-card[data-compat-category="included"]{border-top-color:#5b7a58;background:#f4f8f2}.ckb-compat-card[data-compat-category="required"]{border-top-color:#a66a3f;background:#fff9f2}.ckb-compat-card[data-compat-category="alternative"]{border-top-color:#667a90}.ckb-compat-card__meta{display:flex;justify-content:space-between;gap:8px;color:#746b5a;font-size:.66rem;font-weight:850;text-transform:uppercase}.ckb-compat-card h4{margin:10px 0 6px;font-size:1.08rem}.ckb-compat-card p{color:#565950;font-size:.84rem;line-height:1.5}.ckb-compat-card__limit{margin-top:auto;padding:9px;border-left:3px solid #a66a3f;background:#fff4e8;font-size:.76rem}.ckb-compat-card__actions{display:flex;gap:10px;margin-top:13px}.ckb-compat-card__actions a{color:#555346;font-size:.76rem;font-weight:850}.ckb-compat-empty{grid-column:1/-1;padding:18px;border-radius:12px;background:#fff7e7;color:#65572c}
.ckb-compat-card[data-compat-category="blocked"]{border-top-color:#8b3f35;background:#fff8f5}.ckb-compat-card[data-compat-category="blocked"] .ckb-compat-card__meta strong{color:#7d3028}
.ckb-compat-source{margin-top:13px;border-top:1px solid rgba(116,107,90,.18);padding-top:10px;color:#565950;font-size:.76rem}.ckb-compat-source summary{cursor:pointer;color:#504736;font-weight:850}.ckb-compat-source p{margin:8px 0 0;font-size:.74rem}.ckb-compat-ranked{margin:24px 0;padding:22px;border:1px solid rgba(116,107,90,.24);border-radius:14px;background:linear-gradient(145deg,#f2ecdf,#fff)}.ckb-compat-ranked>div:first-child{max-width:780px}.ckb-compat-ranked h4{margin:4px 0 7px;font-size:1.35rem}.ckb-compat-ranked>div:first-child>p:last-child{margin:0;color:#565950;font-size:.8rem}.ckb-compat-ranked__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}.ckb-compat-ranked__grid .ckb-compat-card{border-top-color:#6a5e44}.ckb-compat-all-title{margin:26px 0 0;font-size:1.15rem}
.ckb-compat-builds{margin-top:24px}.ckb-compat-builds>h4{font-size:1.2rem}.ckb-compat-build{display:grid;grid-template-columns:minmax(210px,.8fr) 1.4fr minmax(150px,.55fr) auto;gap:18px;align-items:center;margin-top:10px;padding:16px;border:1px solid rgba(116,107,90,.2);border-radius:13px;background:#fff}.ckb-compat-build>div{display:flex;flex-direction:column}.ckb-compat-build span{color:#746b5a;font-size:.68rem;font-weight:850;text-transform:uppercase}.ckb-compat-build small{margin-top:4px;color:#656b7c}.ckb-compat-build ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.ckb-compat-build li{padding:5px 8px;border-radius:999px;background:#fff2e5;font-size:.72rem}.ckb-compat-build li.is-owned{background:#e7f1e3;text-decoration:line-through}.ckb-compat-build__source{font-size:.72rem;line-height:1.45}.ckb-compat-build>a{color:#555346;font-size:.8rem;font-weight:850}.ckb-compat-next{display:flex;gap:10px;margin-top:20px}.ckb-compat-policy{margin:16px 0 0;padding:13px;border-left:4px solid #a39976;background:#f8f4eb;color:#565950;font-size:.8rem;line-height:1.5}
@media(max-width:980px){.ckb-compat-results__grid,.ckb-compat-ranked__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ckb-compat-build{grid-template-columns:1fr}.ckb-compat-build>a{justify-self:start}}
@media(max-width:700px){.ckb-compatibility__intro,.ckb-compat-results__head{display:block}.ckb-compatibility__badge{display:inline-block;margin-top:12px}.ckb-compat-controls,.ckb-compat-results__grid,.ckb-compat-ranked__grid{grid-template-columns:1fr}.ckb-compat-results__head>div:last-child,.ckb-compat-next{display:grid;margin-top:12px}.ckb-compat-control__row{grid-template-columns:1fr}.ckb-compat-card__actions{display:grid}}