.ab-wrap{gap:clamp(32px,4.5vw,56px);display:grid}.ab-head{gap:var(--s-4);justify-items:start;max-width:60ch;display:grid}.ab-head h2{font-size:clamp(1.85rem,2.2vw + 1rem,3rem)}.ab-head p{color:var(--ink-2);max-width:54ch}.ab-why{border-top:1px solid var(--rule-strong);margin:0;padding:0;list-style:none}.ab-why li{gap:var(--s-5);border-bottom:1px solid var(--rule);grid-template-columns:56px minmax(0,.9fr) minmax(0,1.4fr);align-items:baseline;padding:22px 0;display:grid}.ab-why .n{font:500 .85rem/1 var(--f-mono);color:var(--accent)}.ab-why h3{text-wrap:balance;font-size:1.3rem}.ab-why p{color:var(--ink-2);max-width:56ch}.ab-how{border-top:1px solid var(--rule-strong);grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);margin:0;display:grid}.ab-how dt,.ab-how dd{border-bottom:1px solid var(--rule);margin:0;padding:16px 0}.ab-how dt{padding-right:var(--s-5);font-weight:600}.ab-how dd{color:var(--ink-2);max-width:62ch}.ab-how a,.ab-head a{font-weight:600}.ab-close{justify-content:space-between;align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.ab-close h2{max-width:22ch;font-size:clamp(1.7rem,2vw + 1rem,2.6rem)}.ab-actions{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}@media (width<=860px){.ab-why li{row-gap:var(--s-2);grid-template-columns:40px minmax(0,1fr)}.ab-why p{grid-column:2}.ab-how{grid-template-columns:minmax(0,1fr)}.ab-how dt{border-bottom:0;padding-bottom:4px}.ab-how dd{padding-top:0}}@media (width<=560px){.ab-actions,.ab-actions .btn{width:100%}}