.bedu-compat{background:var(--bedu-surface-canvas);color:var(--bedu-text-primary);min-height:100vh}.bedu-compat main{max-width:1180px;margin:0 auto;padding:1rem 1.25rem 5rem}.bedu-compat-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:2rem;padding:3.5rem 0 2rem;border-bottom:1px solid var(--bedu-border-subtle)}.bedu-compat-hero h1{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.92;max-width:11ch;margin:.25rem 0 1rem}.bedu-compat-hero>div>p:last-child{max-width:68ch;font-size:1.08rem}.bedu-compat-hero aside,.bedu-compat-workspace,.bedu-compat-evidence article,.bedu-compat-boundary aside{border:1px solid var(--bedu-border-strong);background:var(--bedu-surface-raised);padding:1.25rem}.bedu-compat-hero aside strong{display:block;font-size:1.8rem}.bedu-compat-hero aside span{display:block;font-family:var(--bedu-font-mono);font-size:.78rem;margin:.45rem 0}.bedu-compat-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:1.5rem;margin:2rem 0}.bedu-compat-workspace form{display:grid;gap:1rem}.bedu-compat-workspace label{display:grid;gap:.4rem;font-weight:650}.bedu-compat-workspace select,.bedu-compat-workspace input{min-height:44px;padding:.65rem;border:1px solid var(--bedu-border-strong);background:var(--bedu-surface-canvas);color:inherit}.bedu-compat-workspace fieldset{border:1px solid var(--bedu-border-subtle);padding:1rem}.bedu-compat-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.bedu-compat-check{grid-template-columns:auto 1fr!important;align-items:center;font-weight:500!important}.bedu-compat-check input{min-height:auto;width:1.1rem;height:1.1rem}.bedu-compat-result{border-left:5px solid var(--bedu-accent-primary);padding:1.2rem;background:var(--bedu-surface-canvas);min-height:220px}.bedu-compat-examples,.bedu-compat-evidence,.bedu-compat-boundary{margin-top:3.5rem}.bedu-compat-examples>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bedu-compat-card{border:1px solid var(--bedu-border-subtle);padding:1.1rem;background:var(--bedu-surface-raised)}.bedu-compat-card__top{display:flex;justify-content:space-between;gap:1rem;font-family:var(--bedu-font-mono);font-size:.75rem;text-transform:uppercase}.bedu-compat-status{font-weight:800}.bedu-compat-card--compatible{border-top:4px solid currentColor}.bedu-compat-card--incompatible{border-top:4px double currentColor}.bedu-compat-card--conditional{border-top:4px dashed currentColor}.bedu-compat-card--unknown{border-top:4px dotted currentColor}.bedu-compat-meta{font-family:var(--bedu-font-mono);font-size:.76rem;opacity:.8}.bedu-compat-evidence article{margin:.85rem 0}.bedu-compat-evidence ul{padding-left:1.2rem}.bedu-compat-boundary>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.bedu-compat-boundary>div article{border-left:3px solid var(--bedu-border-strong);padding:.6rem 1rem}.bedu-compat :focus-visible{outline:3px solid currentColor;outline-offset:4px}.bedu-fit-tools--six{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:820px){.bedu-compat-hero,.bedu-compat-workspace{grid-template-columns:1fr}.bedu-compat-facts,.bedu-compat-examples>div,.bedu-compat-boundary>div,.bedu-fit-tools--six{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bedu-compat *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
