.cmp{max-width:54rem;margin:0 auto;padding:1rem 16px 3rem;color:var(--ink,#1b241d);font-family:var(--font-ui,system-ui,sans-serif);line-height:1.5}
.cmp h1{font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.15;margin:.5rem 0 .75rem;text-wrap:balance}
.cmp h2{font-size:1.25rem;margin:2rem 0 .5rem;text-wrap:balance}
.cmp p,.cmp li span.s,.cmp b{max-width:44rem;text-wrap:pretty}.cmp p{margin:0 0 .9rem}.cmp a{text-decoration:underline;text-underline-offset:2px}.cmp h1,.cmp h2{text-wrap:balance}
.cmp .key{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.cmp ul.rows{list-style:none;padding:0;margin:.5rem 0}
.cmp ul.rows li{display:grid;grid-template-columns:8.5rem 1fr;gap:.25rem 1rem;padding:.75rem 0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.cmp ul.rows li b{display:block}
.cmp ul.rows li span.s{display:block;opacity:.85}
.cmp .chip{display:inline-block;font-size:.8rem;font-weight:600;padding:.15rem .6rem;border-radius:999px;border:1px solid currentColor;white-space:nowrap;height:fit-content;width:fit-content}
.cmp .c-live{color:#1d6b3a}.cmp .c-beta{color:#8a5a00}.cmp .c-early-access{color:#4a3d9a}.cmp .c-coming{color:#555}.cmp .c-not-built{color:#8a2a2a}
@media (prefers-color-scheme:dark){.cmp .c-live{color:#7CC694}.cmp .c-beta{color:#E2B867}.cmp .c-early-access{color:#b8aef0}.cmp .c-coming{color:#bbb}.cmp .c-not-built{color:#e59a9a}}
@media (max-width:640px){.cmp ul.rows li{grid-template-columns:1fr}}
.cmp .note{padding:.75rem 1rem;border-left:3px solid currentColor;margin:1.25rem 0;max-width:44rem}
.chip--cta{font-size:1rem;padding:.6rem 1.1rem;min-height:44px;display:inline-flex;align-items:center} /* re-walk seat B: 44px tap target (--tap-min) */