/* Workspace compatibility page */
.chip.gap{color:var(--error);border-color:color-mix(in srgb,var(--error) 45%,transparent);background:color-mix(in srgb,var(--error) 12%,transparent)}
.hero-note > span:last-child:not(.chip){font-size:13px;color:var(--text-muted)}

.proof{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-soft),var(--bg-panel) 70%);padding:28px}
.proof-head{max-width:72ch}
.proof-head h2{margin-top:8px}
.proof-head .muted{margin-top:10px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.stat{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel);padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.stat b{font-size:clamp(1.9rem,1.5rem + 1vw,2.4rem);line-height:1;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}
.stat b span{font-size:.55em;color:var(--text-muted);font-weight:600}
.stat > span{font-size:13.5px;color:var(--text-muted)}
.proof-foot{margin-top:16px;font-size:13px;color:var(--text-muted)}

.types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.type{border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel);padding:14px 16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:6px 10px;align-items:start}
.type .k{grid-column:1;font-weight:400;color:var(--text-muted);font-size:13.5px}
.type code{font-size:13.5px;color:var(--text)}
.type > span{grid-column:1 / -1;font-size:13.5px;color:var(--text-muted)}
.type i{grid-column:2;grid-row:1;font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.type i.ok{color:var(--accent);background:var(--accent-soft)}
.type i.no{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent)}
.type.gapc{border-style:dashed}

.cpanels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.cpanel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);padding:22px 24px}
.cpanel h3{font-size:1.05rem}
.cpanel .ticks{margin-top:14px}
.cpanel .ticks li{font-size:14.5px}
.cpanel code,.type code,.gaplist code{overflow-wrap:anywhere}

.checker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:22px}
.ck-in,.ck-out{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);padding:16px}
.ck-label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.ck-in textarea{width:100%;min-height:300px;resize:vertical;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);color:var(--text);font:13px/1.5 var(--mono);padding:12px}
.ck-btns{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.ck-btns .btn{cursor:pointer;font:inherit;font-weight:600;font-size:15px}
.ck-out{max-height:420px;overflow:auto}
.ck-sum{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ck-sum span{font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--border)}
.ck-sum .ok{color:var(--accent);background:var(--accent-soft);border-color:transparent}
.ck-sum .no{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent);border-color:transparent}
.ck-sum .note{color:var(--warning);background:var(--warning-soft);border-color:transparent}
.ck-w{border-top:1px solid var(--border);padding:10px 0}
.ck-w:first-of-type{border-top:0}
.ck-w h4{font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ck-w h4 code{font-weight:500;color:var(--text-muted)}
.ck-w ul{list-style:none;margin-top:6px;display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--text-muted)}
.ck-w li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:8px;vertical-align:1px;background:var(--accent)}
.ck-w li.no::before{background:var(--error)}
.ck-w li.note::before{background:var(--warning)}
.ck-err{color:var(--error);font-size:14px}

.gaplist{list-style:none;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);overflow:hidden}
.gaplist li{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:12px;padding:11px 16px;border-top:1px solid var(--border);font-size:14px;color:var(--text-muted)}
.gaplist li:first-child{border-top:0}
.gaplist code{color:var(--text)}
.gaplist .k{font-weight:400;color:var(--text-muted)}

.srcs{padding-top:8px}
.srcs h3{font-size:1rem}
.srcs ul{margin-top:10px;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--text-muted)}

@media (max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.cpanels,.checker{grid-template-columns:1fr}.types{grid-template-columns:1fr}.gaplist li{grid-template-columns:1fr;gap:2px}.proof{padding:20px}}
@media (max-width:420px){.stats{grid-template-columns:1fr}}