.ag{gap:44px;max-width:860px;margin:0 auto;padding:0 clamp(16px,4vw,32px) 80px;display:grid}.ag h2{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(22px,2.4vw,30px)}.ag h3{margin:0 0 6px;font-size:18px}.ag p{line-height:1.6}.ag-head{gap:14px;padding-top:18px;display:grid}.ag-head h1{letter-spacing:-.035em;margin:0;font-size:clamp(34px,5vw,64px);line-height:1.02}.ag-meta{color:var(--ink-2);margin:0;font-size:14px}.ag-answer{border-left:3px solid var(--ink);padding:4px 0 4px 18px}.ag-answer p{margin:0;font-size:17px}.ag-steps{counter-reset:ag;gap:26px;margin:0;padding:0;list-style:none;display:grid}.ag-steps>li{counter-increment:ag;padding-left:52px;position:relative}.ag-steps>li:before{content:counter(ag);background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:600;display:grid;position:absolute;top:-2px;left:0}.ag-steps p{margin:0 0 8px}.ag-code{color:#f4f0e7;white-space:pre-wrap;word-break:break-word;background:#151714;border-radius:10px;margin:8px 0 10px;padding:14px 16px;font-size:13.5px;line-height:1.55;overflow-x:auto}.ag-check{color:var(--ink-2);font-size:15px}.ag-example{background:#00000009;border-radius:18px;padding:clamp(18px,3vw,28px)}.ag-example p{margin:0 0 8px}.ag-shots{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.ag-shots figure{margin:0}.ag-shots img{border:1px solid #00000014;border-radius:10px;width:100%;height:auto;display:block}.ag-shots figcaption{color:var(--ink-2);margin-top:6px;font-size:13px}.ag-shot--m{justify-self:center;max-width:260px}.ag-more ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ag-more a{text-underline-offset:3px;text-decoration:underline}@media (max-width:640px){.ag-shots{grid-template-columns:1fr}.ag-shot--m{max-width:220px}.ag-steps>li{padding-left:44px}.ag-steps>li:before{width:30px;height:30px;font-size:14px}}
