.compat-hero:where(.astro-bqomomiu){background:linear-gradient(135deg,#0f2027,#1a3a2a,#0f2027);border:1px solid #2d6a4f;border-radius:12px;padding:2.5rem 2rem;text-align:center;margin:2rem 0}.compat-hero:where(.astro-bqomomiu) h2:where(.astro-bqomomiu){font-size:1.1rem;font-weight:700;color:#95d5b2;margin:0 0 .5rem;border:none;text-transform:uppercase;letter-spacing:.08em}.compat-pct:where(.astro-bqomomiu){font-size:5rem;font-weight:900;line-height:1;margin:.25rem 0 .5rem}.compat-meta:where(.astro-bqomomiu){font-size:.85rem;color:#95d5b2;margin:.5rem 0 0}.compat-counts:where(.astro-bqomomiu){display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.compat-count:where(.astro-bqomomiu){background:#ffffff12;border-radius:8px;padding:.75rem 1.25rem;min-width:90px}.compat-count:where(.astro-bqomomiu) .val:where(.astro-bqomomiu){font-size:1.6rem;font-weight:800;line-height:1}.compat-count:where(.astro-bqomomiu) .lbl:where(.astro-bqomomiu){font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-top:.3rem;color:#b7e4c7}.val-pass:where(.astro-bqomomiu){color:#52b788}.val-fail:where(.astro-bqomomiu){color:#e63946}.val-skip:where(.astro-bqomomiu){color:#adb5bd}.val-total:where(.astro-bqomomiu){color:#fff}.section-hdr:where(.astro-bqomomiu){font-size:1rem;font-weight:700;color:var(--sl-color-text-accent, #aaa);text-transform:uppercase;letter-spacing:.07em;margin:2.5rem 0 1rem;border:none}.service-grid:where(.astro-bqomomiu){display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:2rem}.service-card:where(.astro-bqomomiu){background:var(--sl-color-bg-nav, #1a1a2e);border:1px solid var(--sl-color-hairline, #333);border-radius:10px;overflow:hidden}.service-card:where(.astro-bqomomiu) summary:where(.astro-bqomomiu){list-style:none;cursor:pointer;padding:1rem 1.1rem .85rem;user-select:none}.service-card:where(.astro-bqomomiu) summary:where(.astro-bqomomiu)::-webkit-details-marker{display:none}.service-card:where(.astro-bqomomiu) summary:where(.astro-bqomomiu)::marker{display:none}.card-header:where(.astro-bqomomiu){display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.card-name:where(.astro-bqomomiu){font-size:.9rem;font-weight:700;color:var(--sl-color-text, #eee);text-transform:capitalize}.card-pct:where(.astro-bqomomiu){font-size:.85rem;font-weight:800;flex-shrink:0}.card-expand-icon:where(.astro-bqomomiu){font-size:.65rem;color:var(--sl-color-text-accent, #888);flex-shrink:0}details:where(.astro-bqomomiu)[open] .card-expand-icon:where(.astro-bqomomiu){transform:rotate(90deg)}.pct-bar-track:where(.astro-bqomomiu){background:#ffffff14;border-radius:3px;height:6px;overflow:hidden;margin-bottom:.6rem}.pct-bar-fill:where(.astro-bqomomiu){height:100%;border-radius:3px;min-width:2px;transition:width .3s ease}.card-counts:where(.astro-bqomomiu){display:flex;gap:.75rem;font-size:.75rem}.card-counts:where(.astro-bqomomiu) span:where(.astro-bqomomiu){display:flex;align-items:center;gap:.25rem}.dot:where(.astro-bqomomiu){width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-pass:where(.astro-bqomomiu){background:#52b788}.dot-fail:where(.astro-bqomomiu){background:#e63946}.dot-skip:where(.astro-bqomomiu){background:#adb5bd}.ops-list:where(.astro-bqomomiu){border-top:1px solid var(--sl-color-hairline, #2a2a2a);padding:.75rem 1.1rem .9rem;display:flex;flex-direction:column;gap:.3rem;max-height:280px;overflow-y:auto}.op-row:where(.astro-bqomomiu){display:flex;align-items:flex-start;gap:.45rem;font-size:.76rem;line-height:1.4}.op-icon:where(.astro-bqomomiu){flex-shrink:0;font-size:.75rem;margin-top:.05rem}.op-name:where(.astro-bqomomiu){color:var(--sl-color-text, #ddd);font-family:JetBrains Mono,monospace;word-break:break-all}.op-pass:where(.astro-bqomomiu) .op-name:where(.astro-bqomomiu){color:#95d5b2}.op-fail:where(.astro-bqomomiu) .op-name:where(.astro-bqomomiu){color:#f28b8d}.op-skip:where(.astro-bqomomiu) .op-name:where(.astro-bqomomiu){color:#888}.compat-note:where(.astro-bqomomiu){background:#52b78814;border-left:3px solid #52b788;border-radius:0 8px 8px 0;padding:.75rem 1rem;margin:1.5rem 0 2rem;font-size:.85rem;color:var(--sl-color-text, #ccc);line-height:1.6}
