.examples-main{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:76px 0 100px}.examples-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;padding-bottom:42px;border-bottom:1px solid var(--line)}.examples-eyebrow{margin:0 0 15px;color:#6d7178;font:10px/1.2 "Geist Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.examples-heading h1{max-width:600px;margin:0;font-size:clamp(42px,5.5vw,68px);font-weight:590;line-height:1.08;letter-spacing:-.065em}.examples-heading h1 em{font-style:normal;color:#767b82}.examples-lead{max-width:460px;margin:0;color:#62666d;font-size:15px;line-height:1.85}.examples-note{display:flex;gap:9px;align-items:center;margin-top:23px;color:#858990;font-size:11px}.examples-note i{width:6px;height:6px;border-radius:50%;background:#9fe870}.examples-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0 21px;color:#777b81;font-size:11px}.examples-toolbar strong{color:#23252a;font-weight:570}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.example-card{min-width:0;padding:21px;border:1px solid #dfe1e4;border-radius:8px;background:#fff}.example-card:hover{border-color:#afb4ba}.example-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.example-card h2{margin:0;font-size:18px;font-weight:590;letter-spacing:-.04em}.example-card h2 span{display:block;margin-top:5px;color:#777b81;font-size:11px;font-weight:450;letter-spacing:0}.example-tag{flex:0 0 auto;padding:5px 7px;border:1px solid #dfe1e4;border-radius:4px;color:#666b72;font:9px/1 "Geist Mono",ui-monospace,monospace;white-space:nowrap}.example-tag.built-in{border-color:#bde49f;background:#f5fbed;color:#456c34}.example-diagram{display:grid;grid-template-columns:72px 1fr;gap:14px;min-height:145px;margin:19px 0 17px;padding:13px;border:1px solid #e5e7e9;background:#fafbfb}.diagram-rail{display:flex;flex-direction:column;gap:6px;padding-right:12px;border-right:1px solid #dfe1e4}.diagram-rail span{padding:6px 5px;border:1px solid #e1e4e6;border-radius:3px;color:#73777e;font:8px/1.1 "Geist Mono",ui-monospace,monospace;text-align:center}.diagram-rail span:first-child{background:#151719;color:white;border-color:#151719}.diagram-body{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:0}.diagram-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.diagram-table span{min-width:0;overflow:hidden;padding:7px 5px;border:1px solid #dfe2e4;background:white;color:#565b62;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.diagram-flow{display:flex;align-items:center;gap:6px;color:#565b62;font:9px/1.2 "Geist Mono",ui-monospace,monospace;white-space:nowrap}.diagram-flow i{height:1px;flex:1;background:#afb5bb;position:relative}.diagram-flow i::after{content:"›";position:absolute;right:-2px;top:-8px;color:#6f757c;font-size:15px}.diagram-footer{display:flex;justify-content:space-between;gap:8px;color:#8a8e94;font:8px/1.2 "Geist Mono",ui-monospace,monospace}.example-card>p{min-height:43px;margin:0;color:#5f636a;font-size:12px;line-height:1.75}.example-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.example-meta span{padding:5px 7px;background:#f1f3f3;color:#5d6269;font:9px/1.1 "Geist Mono",ui-monospace,monospace}.example-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:17px;padding-top:13px;border-top:1px solid #eceef0;color:#858990;font-size:10px}.example-foot a{color:#33373d;text-decoration:none}.example-foot a:hover{text-decoration:underline}.examples-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:27px;padding:25px 0;border-top:1px solid var(--line);color:#73777e;font-size:11px;line-height:1.7}.examples-bottom a{color:#292c31}@media(max-width:760px){.examples-main{width:calc(100% - 40px);padding:49px 0 70px}.examples-heading{grid-template-columns:1fr;gap:22px;padding-bottom:30px}.examples-heading h1{font-size:clamp(40px,12vw,58px)}.examples-lead{font-size:13px}.examples-grid{grid-template-columns:1fr;gap:14px}.example-card{padding:17px}.example-card h2{font-size:17px}.examples-bottom{display:block}.examples-bottom p{margin:0 0 10px}.site-footer{width:calc(100% - 40px)}}@media(max-width:390px){.examples-main{width:calc(100% - 28px)}.example-diagram{grid-template-columns:61px 1fr;gap:9px;padding:9px}.diagram-rail{padding-right:8px}.diagram-flow{font-size:8px}.example-meta span{font-size:8px}}