.cmp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(40px,6vw,112px);margin:var(--spacing-head) 0 0;padding:0;list-style:none}.cmp-ap{padding:26px 0 36px;border-top:1px solid var(--ink-400);scroll-margin-top:calc(var(--nav-h, 76px) + 24px)}.cmp-ap__n{margin:0 0 10px;font:500 var(--step-label)/1 var(--font-mono);letter-spacing:.14em;color:var(--faint)}.cmp-ap__h{margin:0;font:500 var(--step-h3)/1.15 var(--font-display);letter-spacing:-.02em;color:var(--text)}.cmp-ap__tz{margin:8px 0 0;max-width:40ch;font-size:var(--step-small);line-height:1.45;color:var(--muted);text-wrap:balance}.cmp-ap__l{display:grid;gap:14px;margin:18px 0 0}.cmp-ap__r{display:grid;grid-template-columns:var(--cmp-dt, 6.5rem) minmax(0,1fr);column-gap:16px;align-items:baseline}.cmp-ap__l--stack .cmp-ap__r{display:block}.cmp-ap__l--stack .cmp-ap__r dt{margin-bottom:6px}.cmp-ap__r dt{color:var(--faint)}.cmp-ap__r dd{margin:0;font-size:var(--step-small);line-height:1.55;color:var(--muted);max-width:46ch;text-wrap:pretty}.cmp-ap:target{border-top-color:var(--text)}.cmp-ap:target .cmp-ap__r dd{color:var(--text)}:is(.cmp-check__d,.cmp-ap) code{font:500 .92em/1 var(--font-mono);padding:.14em .34em;border-radius:var(--radius-xs);background:var(--neo-quartz, #D4D7DA);color:var(--text)}.cmp-cards.is-grid{position:relative;display:block;gap:0}.cmp-cards.is-grid>.cmp-ap{position:absolute;left:0;top:0;box-sizing:border-box;padding:0;border:0;border-radius:0;--chamfer-line: var(--rule);--chamfer-fill: var(--surface-3, #fff);cursor:pointer;--chamfer: 18px;transition:filter .56s var(--ease-glide),opacity .56s var(--ease-glide),background-color .2s var(--ease-glide)}.cmp-cards.is-grid>.cmp-ap.is-active{z-index:3;--chamfer-line: var(--text)}.cmp-cards.is-grid>.cmp-ap.is-leaving{z-index:2}.cmp-cards.is-grid>.cmp-ap.is-dim{filter:blur(1.6px);opacity:.5}@media(hover:hover)and (pointer:fine){.cmp-cards.is-grid>.cmp-ap:not(.is-active):not(.is-dim):hover{--chamfer-line: var(--ink-400)}}.cmp-cards.is-grid .cmp-ap__in{position:absolute;inset:0;display:flex;flex-direction:column;padding:22px 24px 24px;overflow:hidden}.cmp-cards.is-grid .cmp-ap__h{flex:none;font-size:1.375rem;line-height:1.18;letter-spacing:-.018em;text-wrap:balance}.cmp-cards.is-grid .cmp-ap__tz{flex:none;max-width:32ch}.cmp-ap__b{display:inline;margin:0;padding:0;border:0;border-radius:var(--radius-xs);background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.cmp-ap__b:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.cmp-cards.is-grid .cmp-ap__l{flex:none;width:calc(var(--cmp-xw, 600px) - 50px);margin-top:22px;gap:0;visibility:hidden;transition:visibility 0s linear .12s}.cmp-cards.is-grid>.cmp-ap.is-open .cmp-ap__l{visibility:visible;transition:visibility 0s}.cmp-cards.is-grid .cmp-ap__r{position:relative;grid-template-columns:var(--cmp-dt, 6rem) minmax(0,1fr);padding:13px 0 14px}.cmp-cards.is-grid .cmp-ap__r:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--ink-400);transform:scaleX(0);transform-origin:0 50%;transition:transform .1s linear}.cmp-cards.is-grid .cmp-ap__r>*{opacity:0;transition:opacity .1s linear}.cmp-cards.is-grid .cmp-ap__r dd{max-width:none;color:var(--text)}.cmp-cards.is-grid>.cmp-ap.is-open .cmp-ap__r:before{transform:scaleX(1);transition:transform .52s var(--ease-glide) calc(.32s + var(--ri, 0) * 80ms)}.cmp-cards.is-grid>.cmp-ap.is-open .cmp-ap__r>*{opacity:1;transition:opacity .42s var(--ease-glide) calc(.44s + var(--ri, 0) * 80ms)}.cmp-cards.is-grid .cmp-ap__r:nth-child(2){--ri: 1}.cmp-cards.is-grid .cmp-ap__r:nth-child(3){--ri: 2}.cmp-cards.is-grid .cmp-ap__r:nth-child(3) dt{color:var(--text)}@media(prefers-reduced-motion:reduce){.cmp-cards.is-grid>.cmp-ap,.cmp-cards.is-grid .cmp-ap__r:before,.cmp-cards.is-grid .cmp-ap__r>*,.cmp-cards.is-grid>.cmp-ap.is-open .cmp-ap__r:before,.cmp-cards.is-grid>.cmp-ap.is-open .cmp-ap__r>*{transition:opacity .12s linear!important}}html.is-still .cmp-cards.is-grid>.cmp-ap,html.is-still .cmp-cards.is-grid .cmp-ap__r:before,html.is-still .cmp-cards.is-grid .cmp-ap__r>*,html.is-still .cmp-cards.is-grid>.cmp-ap.is-open .cmp-ap__r:before,html.is-still .cmp-cards.is-grid>.cmp-ap.is-open .cmp-ap__r>*{transition:opacity .12s linear!important}
