.appban:has(.compat-card){grid-template-columns:112px minmax(0,1fr)}
.appban .compat-card{grid-column:1/-1;min-width:0;margin-top:12px;padding:20px;border:1px solid var(--line,var(--muted));border-radius:12px;background:var(--white);color:var(--ink)}
.compat-card h2{font-size:18px;margin:0 0 18px}
.compat-grid{display:grid;grid-template-columns:.7fr 1fr 1.5fr;gap:18px;margin:0 0 18px}
.compat-grid dt,.compat-card .fine{font-size:13px;color:var(--muted)}
.compat-grid dd{margin:6px 0 0;font-weight:700;font-size:15px}
.compat-grid .compat-min{color:var(--green);font-weight:800}
.compat-permissions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}
.compat-chip{border:1px solid var(--muted);border-radius:99px;padding:3px 10px;font-size:12px}
.compat-picker{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}
.compat-picker select{min-width:200px;max-width:100%;padding:9px 12px;border:1px solid var(--muted);border-radius:6px;background:var(--white);color:var(--ink);font:inherit}
.compat-picker select:focus-visible,.compat-tech summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.compat-result{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:10px 0;font-size:14px;min-height:1.4em}
.compat-result.compatible{color:var(--green)}
.compat-result.upgrade-needed{color:#946000}
.compat-result a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.compat-tech{border-top:1px solid var(--muted);padding-top:12px;margin-top:16px;font-size:13px}
.compat-tech summary{cursor:pointer;font-weight:700}
.compat-tech p{margin:12px 0}
.compat-tech code{display:block;overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,monospace;line-height:1.6;margin:5px 0 10px}
.appban:has(.compat-card) .appban-b{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin-top:12px}
html[data-theme="dark"] .compat-result.upgrade-needed{color:#f2bd55}
@media(max-width:600px){
 .appban:has(.compat-card){grid-template-columns:88px minmax(0,1fr)}
 .appban .compat-card{padding:16px}
 .compat-grid{grid-template-columns:1fr;gap:14px}
 .compat-picker{align-items:stretch;flex-direction:column;gap:8px}
 .compat-picker select{min-width:0;width:100%}
 .appban:has(.compat-card) .appban-b{grid-template-columns:1fr}
}

@media(prefers-color-scheme:dark){
 .appban .compat-card{--white:#242626;--ink:#f2f2ee;--muted:#b6bcb9;--green:#63d3ad;--line:#68716c}
 .compat-card .compat-result.upgrade-needed{color:#f2bd55}
}