.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.compat-hub,.compat-page{max-width:var(--content-max);margin:0 auto;padding:clamp(24px,6vw,72px)var(--space-page)80px}.compat-hub__intro{margin-bottom:32px}.compat-crumbs{font-family:var(--f-sans);font-size:13px;color:var(--c-ink-mute);margin-bottom:18px}.compat-crumbs a{color:var(--c-sage)}.compat-crumbs a:hover{text-decoration:underline}.compat-calc{background:var(--c-ivory-warm);border:1px solid var(--c-rule-soft);border-radius:14px;padding:clamp(20px,4vw,32px);margin:32px 0}.compat-calc__title{font-family:var(--f-display);font-size:clamp(20px,3vw,26px);font-weight:500;margin-bottom:18px}.compat-calc__form{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.compat-calc__field{display:flex;flex-direction:column;gap:6px;flex:1 1 180px}.compat-calc__field span{font-family:var(--f-sans);font-size:13px;color:var(--c-ink-soft)}.compat-calc__field input{font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--c-rule);border-radius:8px;background:var(--c-ivory);color:var(--c-ink)}.compat-calc__btn,.compat-cta__btn{font-family:var(--f-sans);font-weight:600;font-size:15px;padding:12px 22px;border:none;border-radius:999px;background:var(--c-sage);color:var(--c-ivory);cursor:pointer;transition:background .15s ease;text-align:center}.compat-calc__btn:hover,.compat-cta__btn:hover{background:#5c6e4a}.compat-calc__note,.compat-grid__hint{font-family:var(--f-sans);font-size:13px;color:var(--c-ink-mute);margin-top:14px;line-height:1.5}.compat-calc__note a,.compat-grid__hint a{color:var(--c-sage);text-decoration:underline}.compat-calc__result{margin-top:22px}.compat-calc__cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:18px}.compat-calc__detail{font-family:var(--f-sans);font-size:14px;color:var(--c-rose);text-decoration:underline}.compat-score{margin:28px 0}.compat-score__head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.compat-score__big{font-family:var(--f-display);font-size:clamp(44px,9vw,68px);line-height:1;font-weight:500;color:color-mix(in srgb,var(--c-sage),var(--c-rose) calc((100 - var(--h,60)) * 1%))}.compat-score__unit{font-size:.4em;color:var(--c-ink-mute)}.compat-score__meta{flex:1 1 240px}.compat-score__aspect{font-family:var(--f-sans);font-size:14px;color:var(--c-ink-soft);font-weight:600}.compat-score__note{font-family:var(--f-sans);font-size:13px;color:var(--c-ink-mute);margin-top:4px;line-height:1.5}.compat-score__note a{color:var(--c-sage);text-decoration:underline}.compat-dims{list-style:none;margin:22px 0 0;display:grid;gap:10px}.compat-dim{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:12px}.compat-dim__label{font-family:var(--f-sans);font-size:13px;color:var(--c-ink-soft)}.compat-dim__bar{height:8px;background:var(--c-ivory-deep);border-radius:999px;overflow:hidden}.compat-dim__fill{display:block;height:100%;background:var(--c-sage-soft);border-radius:999px}.compat-dim--friction .compat-dim__fill{background:var(--c-rose-soft)}.compat-dim__val{font-family:var(--f-sans);font-size:13px;color:var(--c-ink-mute);text-align:right}.compat-grid-wrap{margin:40px 0}.compat-grid__title{font-family:var(--f-display);font-size:clamp(20px,3vw,26px);font-weight:500}.compat-grid__scroll{overflow-x:auto;margin-top:14px;-webkit-overflow-scrolling:touch}.compat-grid{border-collapse:collapse;font-family:var(--f-sans);font-size:12px}.compat-grid th{font-weight:600;color:var(--c-ink-soft);padding:4px 6px;white-space:nowrap;position:sticky;background:var(--c-ivory)}.compat-grid thead th{top:0}.compat-grid tbody th[scope=row]{left:0;text-align:right}.compat-grid__corner{left:0;top:0;z-index:2}.compat-cell{width:34px;height:30px;text-align:center;padding:0;background:color-mix(in srgb,var(--c-sage-pale) calc(var(--h,60) * 1%),var(--c-rose-pale));border:1px solid var(--c-ivory)}.compat-cell a,.compat-cell span{display:block;line-height:30px;color:var(--c-ink)}.compat-cell a{font-weight:600;text-decoration:underline;text-decoration-color:var(--c-ink-faint)}.compat-cell a:hover{background:rgba(255,255,255,.35)}.compat-related{margin:40px 0 0;padding-top:24px;border-top:1px solid var(--c-rule-soft)}.compat-related__title{font-family:var(--f-display);font-size:20px;font-weight:500;margin-bottom:12px}.compat-related__links{display:flex;flex-wrap:wrap;gap:8px 18px}.compat-related__links a{font-family:var(--f-sans);font-size:14px;color:var(--c-sage);text-decoration:underline}.compat-related__more{font-family:var(--f-sans);font-size:14px;margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 18px}.compat-related__more a{color:var(--c-rose);text-decoration:underline}.compat-cta{margin:36px 0 0;padding:clamp(20px,4vw,28px);background:var(--c-sage-pale);border-radius:14px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.compat-cta__lead{font-size:16px;color:var(--c-ink)}.compat-cta .compat-cta__btn{display:inline-block}@media(max-width:540px){.compat-dim{grid-template-columns:80px 1fr 30px}}