.sample-intro>p{max-width:48rem}.sample-intro h1{font-size:clamp(2.7rem,5vw,4.25rem)}.sample-preview{margin:44px 0 0}.sample-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px}.sample-preview figcaption{font-size:.86rem;color:var(--muted);margin-top:13px;max-width:54rem}.sample-columns{display:grid;grid-template-columns:1fr 1fr;gap:64px}.sample-columns ul{padding-left:22px}.sample-columns li{margin-bottom:13px}.sample-columns pre{overflow-x:auto;padding:22px;background:var(--ink);color:#edf6ee;border-radius:5px;font-size:.82rem;line-height:1.85}.sample-columns .checksum{overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:.8rem}.sample-note{margin-top:24px}.developer-example{border-top:1px solid var(--line)}@media(max-width:680px){.sample-columns{grid-template-columns:1fr;gap:22px}.sample-preview{margin-top:29px}.sample-columns pre{padding:16px}.sample-intro h1{font-size:2.75rem}}