.compatibility-v2-body { background: var(--surface-page); }
.compat-v2-hero { padding-block: clamp(4rem, 9vw, 8rem); }
.compat-v2-hero__grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(26rem,1.05fr); gap:clamp(3rem,8vw,8rem); align-items:center; }
.compat-v2-hero__copy .display { max-width:9em; margin:var(--space-6) 0 var(--space-8); font-size:clamp(4rem,7vw,7rem); }
.compat-v2-hero__copy .deck { max-width:38rem; margin:0 0 var(--space-8); }
.compat-v2-hero__actions { display:flex; flex-wrap:wrap; gap:var(--space-5,1.25rem); align-items:center; margin-bottom:var(--space-4); }
.compat-v2-hero__actions .btn--quiet { min-height:3rem; padding:.78rem 0; }
.compat-v2-hero__grid > .compatibility-aspect-field { min-height:35rem; }
.compat-v2-ledger { border-block:var(--rule-ink); }
.compat-v2-ledger__grid { display:grid; grid-template-columns:repeat(3,1fr); }
.compat-v2-ledger__grid > div { display:flex; min-height:8rem; flex-direction:column; justify-content:center; border-right:var(--rule-ink); padding:var(--space-6) var(--space-8); }
.compat-v2-ledger__grid > div:first-child { padding-left:0; }
.compat-v2-ledger__grid > div:last-child { border-right:0; }
.compat-v2-ledger strong { font-family:var(--font-display); font-size:1.35rem; font-weight:450; }
.compat-v2-ledger span { color:var(--text-secondary); font-size:var(--font-size-sm); }
.compat-v2-scope { border-top:1px solid var(--text-primary); }
.compat-v2-scope > div { display:grid; grid-template-columns:2.75rem 1fr; column-gap:var(--space-4); border-bottom:var(--rule-ink); padding-block:var(--space-6); }
.compat-v2-scope > div > span { grid-row:span 2; color:var(--text-secondary); font-size:var(--font-size-xs); }
.compat-v2-scope strong { font-family:var(--font-display); font-size:1.4rem; font-weight:450; }
.compat-v2-scope p { margin:var(--space-2) 0 0; color:var(--text-secondary); }
.compat-v2-method { display:grid; grid-template-columns:.85fr 1.15fr; gap:var(--space-20); }
.compat-v2-method ol { margin:0; padding:0; border-top:var(--rule-inverse); list-style:none; }
.compat-v2-method li { display:grid; grid-template-columns:3rem 1fr; gap:var(--space-4); border-bottom:var(--rule-inverse); padding-block:var(--space-6); }
.compat-v2-method li > span { color:var(--text-accent-on-dark); font-size:var(--font-size-xs); }
.compat-v2-method strong { color:var(--text-inverse); font-family:var(--font-display); font-size:1.45rem; font-weight:450; }
.compat-v2-method p { margin:var(--space-2) 0 0; color:var(--text-on-dark-muted); }
.compat-v2-sample { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr); gap:clamp(3rem,8vw,8rem); align-items:center; }
.compat-v2-sample .heading-1 { max-width:11em; margin:var(--space-6) 0 var(--space-8); }
.compat-v2-sample__card { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-4); border:var(--rule-ink); padding:clamp(2rem,5vw,4rem); background:var(--surface-muted); }
.compat-v2-sample__card strong { font-family:var(--font-display); font-size:clamp(1.75rem,3vw,2.5rem); font-weight:450; }
.compat-v2-sample__card p { margin:0 0 var(--space-4); color:var(--text-secondary); }
.compat-v2-checkout { padding-block:var(--section-space); background:var(--surface-muted); }
.compat-v2-checkout__grid { display:grid; grid-template-columns:minmax(18rem,.7fr) minmax(32rem,1.3fr); gap:clamp(3rem,8vw,8rem); align-items:start; }
.compat-v2-checkout__intro { position:sticky; top:var(--space-8); }
.compat-v2-checkout__intro .heading-1 { margin:var(--space-6) 0 var(--space-8); }
.compat-v2-form { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-8); }
.compat-v2-form > .field--wide { grid-column:1/-1; }
.compat-v2-person { min-width:0; margin:0; border:0; border-top:1px solid var(--text-primary); padding:var(--space-6) 0 0; }
.compat-v2-person legend { display:flex; align-items:center; gap:var(--space-3); padding:0 var(--space-3) 0 0; font-family:var(--font-display); font-size:1.5rem; font-weight:450; }
.compat-v2-person legend span { color:var(--text-secondary); font-family:var(--font-body); font-size:var(--font-size-xs); }
.compat-v2-person .field { margin-top:var(--space-5,1.25rem); }
.compat-v2-person .input { background:var(--surface-page); }
.compat-v2-person .city-suggestions { background:var(--surface-page); }
.compat-v2-form .consent-row { grid-column:1/-1; }
.compat-v2-form .checkout-submit-area { grid-column:1/-1; }

@media (max-width:64rem) {
  .compat-v2-hero__grid,.compat-v2-method,.compat-v2-sample,.compat-v2-checkout__grid { grid-template-columns:1fr; }
  .compat-v2-checkout__intro { position:static; }
}
@media (max-width:47.99rem) {
  .compat-v2-hero { padding-top:var(--space-16); }
  .compat-v2-hero__copy .display { font-size:clamp(3.5rem,16vw,5rem); }
  .compat-v2-hero__grid > .compatibility-aspect-field { min-height:29rem; }
  .compat-v2-ledger__grid { grid-template-columns:1fr; }
  .compat-v2-ledger__grid > div { min-height:auto; border-right:0; border-bottom:var(--rule-ink); padding:var(--space-5,1.25rem) 0; }
  .compat-v2-ledger__grid > div:last-child { border-bottom:0; }
  .compat-v2-form { grid-template-columns:1fr; }
  .compat-v2-form > .field--wide,.compat-v2-form .consent-row,.compat-v2-form .checkout-submit-area { grid-column:auto; }
}