.ex{width:100%}.ex-banner{background:color-mix(in srgb, var(--sl-color-text-accent) 12%, transparent);border:1px solid var(--sl-color-hairline);font-size:var(--sl-text-sm);border-radius:.6rem;margin:0 0 1.25rem;padding:.7rem 1rem}.ex-stats{flex-wrap:wrap;gap:.75rem;margin:0 0 2rem;display:flex}.ex-tile{border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg-sidebar,#8080800d);border-radius:.7rem;flex-direction:column;gap:.15rem;min-width:8rem;padding:.85rem 1.1rem;display:flex}.ex-tile b{font-size:var(--sl-text-2xl);font-variant-numeric:tabular-nums;line-height:1}.ex-tile span{font-size:var(--sl-text-xs);color:var(--sl-color-gray-2)}.ex-sec{margin:0 0 2.75rem}.ex-sec h2{margin:0 0 .4rem}.ex-intro{color:var(--sl-color-gray-2);max-width:52rem;margin:0 0 1rem}.ex-mapbar{flex-wrap:wrap;align-items:center;gap:1rem;margin:0 0 .75rem;display:flex}.ex-mapbar label{font-size:var(--sl-text-sm);align-items:center;gap:.4rem;display:inline-flex}.ex-mapbar select,.ex-input,.ex-sql{color:var(--sl-color-text);background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);font:inherit;border-radius:.5rem;padding:.4rem .6rem}.ex-hint{font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}.ex-mapwrap{border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);border-radius:.7rem;position:relative;overflow:hidden}.ex-map{width:100%;height:min(70vh,640px);display:block}.ex-area{stroke:var(--sl-color-bg);stroke-width:.5px;vector-effect:non-scaling-stroke;cursor:pointer;transition:opacity .1s}.ex-area:hover{opacity:.75}.ex-tip{pointer-events:none;z-index:5;color:#fff;font-size:var(--sl-text-xs);background:#141413f2;border-radius:.4rem;max-width:14rem;padding:.35rem .55rem;line-height:1.3;position:absolute;box-shadow:0 2px 10px #00000059}.ex-tip b{color:#fff;font-weight:600;display:block}.ex-legend{background:color-mix(in srgb, var(--sl-color-bg) 88%, transparent);border:1px solid var(--sl-color-hairline);border-radius:.5rem;padding:.5rem .7rem;position:absolute;bottom:.75rem;left:.75rem}.ex-lgt{font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);margin-bottom:.3rem}.ex-lgbar{gap:0;width:12.6rem;display:flex}.ex-lgbar i{flex:1;height:.5rem;display:block}.ex-lgticks{width:12.6rem;color:var(--sl-color-gray-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.15rem;font-size:.62rem;display:flex}.ex-gbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .6rem;display:flex}.ex-gsearchwrap{position:relative}.ex-gsearch{width:15rem;max-width:100%;margin:0}.ex-gsug{z-index:10;background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:.5rem;min-width:100%;position:absolute;top:calc(100% + 2px);left:0;overflow:hidden;box-shadow:0 4px 14px #0000001f}.ex-gsug button{text-align:left;width:100%;color:var(--sl-color-text);cursor:pointer;font-size:var(--sl-text-sm);background:0 0;border:none;padding:.35rem .6rem;display:block}.ex-gsug button:hover{background:color-mix(in srgb, var(--sl-color-text-accent) 12%, transparent)}.ex-gnone{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);white-space:nowrap;padding:.35rem .6rem;display:block}.ex-gkeys{flex-wrap:wrap;gap:.35rem;display:flex}.ex-gkey{opacity:.45}.ex-gkey.on{opacity:1;border-color:var(--sl-color-text-accent)}.ex-gkey span{color:var(--sl-color-gray-3);font-size:.65rem}.ex-gzoom{z-index:5;flex-direction:column;gap:.25rem;display:flex;position:absolute;top:.6rem;right:.6rem}.ex-gzoom button{border:1px solid var(--sl-color-gray-5);background:color-mix(in srgb, var(--sl-color-bg) 92%, transparent);width:1.9rem;height:1.9rem;color:var(--sl-color-text);cursor:pointer;border-radius:.45rem;font-size:1rem;line-height:1}.ex-gzoom button:hover{border-color:var(--sl-color-text-accent)}.ex-ginfo{z-index:6;background:color-mix(in srgb, var(--sl-color-bg) 94%, transparent);border:1px solid var(--sl-color-hairline);max-width:16rem;font-size:var(--sl-text-xs);border-radius:.6rem;flex-direction:column;gap:.3rem;padding:.6rem .75rem;display:flex;position:absolute;top:.6rem;left:.6rem;box-shadow:0 3px 12px #0000001a}.ex-ginfo[hidden]{display:none}.ex-ginfo b{font-size:var(--sl-text-sm);word-break:break-all;padding-right:1.2rem}.ex-ginfo .ex-gnb{color:var(--sl-color-gray-3)}.ex-gx{color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:none;font-size:.8rem;position:absolute;top:.3rem;right:.3rem}.ex-gact{gap:.35rem;margin-top:.15rem;display:flex}.ex-graphwrap{border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);border-radius:.7rem;position:relative;overflow:hidden}.ex-graph{width:100%;height:min(62vh,520px);display:block}.ex-glegend{background:color-mix(in srgb, var(--sl-color-bg) 88%, transparent);border:1px solid var(--sl-color-hairline);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);border-radius:.5rem;gap:1rem;padding:.4rem .7rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.ex-glegend span{align-items:center;gap:.35rem;display:inline-flex}.ex-gl-key{background:var(--sl-color-text-accent);border-radius:999px;width:1.1rem;height:.75rem;display:inline-block}.ex-gl-tab{background:var(--sl-color-bg-sidebar,#f0efec);border:1px solid var(--sl-color-gray-4,#b9b8b3);border-radius:3px;width:1.1rem;height:.75rem;display:inline-block}.ex-chip{font-size:var(--sl-text-xs);border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);color:var(--sl-color-text);cursor:pointer;border-radius:999px;padding:.3rem .6rem}.ex-chip:hover{border-color:var(--sl-color-text-accent)}.ex-msg{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);margin:.5rem 0 0}.ex-err{color:var(--sl-color-red,#d03b3b)}.ex-input{width:100%;max-width:30rem;margin:0 0 1rem}.ex-cat{gap:.5rem;min-width:0;display:grid}.ex-cathead{font-size:var(--sl-text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--sl-color-gray-2);grid-column:1/-1;align-items:center;gap:.5rem;margin:1.4rem 0 .3rem;font-weight:700;display:flex}.ex-cathead:first-child{margin-top:0}.ex-cathead span{color:var(--sl-color-gray-3);background:var(--sl-color-bg-sidebar,#8080801a);border-radius:999px;padding:.05rem .45rem;font-size:.68rem;font-weight:600}.ex-bar{background:var(--sl-color-gray-5,#ddd);border-radius:2px;flex:none;width:3rem;height:4px;margin-left:auto;overflow:hidden}.ex-bar i{background:var(--sl-color-text-accent);height:100%;display:block}.ex-card{border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg-sidebar,#8080800a);border-radius:.6rem;min-width:0;overflow:hidden}.ex-card summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;padding:.7rem .9rem;display:flex}.ex-ct{font-weight:600}.ex-sem{font-size:var(--sl-text-xs);background:color-mix(in srgb, var(--sl-color-text-accent) 14%, transparent);color:var(--sl-color-text-accent);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-weight:600}.ex-cm{font-size:var(--sl-text-sm);color:var(--sl-color-gray-2)}.ex-cb{font-size:var(--sl-text-sm);min-width:0;padding:0 .9rem .9rem}.ex-k{font-weight:600;font-size:var(--sl-text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--sl-color-gray-3);margin:.8rem 0 .2rem}.ex-cols code{font-size:.8em}.ex-snip{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ex-snip code{background:var(--sl-color-bg);border:1px solid var(--sl-color-hairline);border-radius:.4rem;flex:1;min-width:12rem;padding:.4rem .6rem;overflow-x:auto}.ex-copy{font-size:var(--sl-text-xs);border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);color:var(--sl-color-text);cursor:pointer;border-radius:.4rem;padding:.3rem .6rem}.ex-src{color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);margin-top:.8rem}.ex-tw{border:1px solid var(--sl-color-hairline);border-radius:.5rem;max-width:100%;overflow-x:auto}.ex-t{border-collapse:collapse;width:100%;font-size:var(--sl-text-xs)}.ex-t th,.ex-t td{text-align:left;border-bottom:1px solid var(--sl-color-hairline);white-space:nowrap;padding:.35rem .6rem}.ex-t th{background:var(--sl-color-bg-sidebar,#8080800f);position:sticky;top:0}.ex-t td{font-variant-numeric:tabular-nums}.ex-prev .ex-t{font-size:.72rem}.ex-examples{flex-wrap:wrap;gap:.4rem;margin:0 0 .6rem;display:flex}.ex-sql{width:100%;font-family:var(--__sl-font-mono,ui-monospace, monospace);font-size:var(--sl-text-sm);resize:vertical}.ex-runbar{align-items:center;gap:.7rem;margin:.6rem 0;display:flex}.ex-run{background:var(--sl-color-text-accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.45rem 1.1rem;font-weight:600}.ex-run:disabled{opacity:.6;cursor:default}.ex-result{margin-top:.5rem}.ex-how :global(pre){overflow-x:auto}