*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ed;color:#1c1a17;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}a{color:#0e7c6b;text-decoration:none}a:hover{color:#0a5c50}::selection{background:#cbe7df;color:#122a25}textarea{font-family:JetBrains Mono,monospace}@keyframes okfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-masthead :is(.mw-svg-host,.hero-placeholder){position:absolute;top:0;right:0;bottom:0;left:0}.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none!important;transform:none!important}.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .nodeLabel,.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .nodeLabel p{font-family:Inter,sans-serif!important;font-weight:700!important;letter-spacing:-.035em!important;color:#1c1a17!important;fill:#1c1a17!important}.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg foreignObject{overflow:visible!important}.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .nodeLabel,.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .nodeLabel p,.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .nodeLabel div{overflow:visible!important;white-space:nowrap!important;max-width:none!important}.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .edgePath path,.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .flowchart-link{stroke:#0e7c6b!important;stroke-width:2px!important}.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg marker path,.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .marker{fill:#0e7c6b!important;stroke:#0e7c6b!important}.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .edgeLabel,.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .edgeLabel span,.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .edgeLabel p{background:#f7f4ed!important;background-color:#f7f4ed!important;color:#544f47!important;fill:#544f47!important}.hero-masthead :is(.mw-svg-host,.hero-placeholder)>svg .edgeLabel rect{fill:#f7f4ed!important}.hero-masthead .mw-zoom-btn{display:none!important}.hero-masthead,.hero-masthead .mw-canvas,.hero-masthead :is(.mw-svg-host,.hero-placeholder){overflow:visible!important}.hero-masthead :is(.mw-svg-host,.hero-placeholder){left:clamp(16px,5vw,90px);right:clamp(16px,5vw,90px)}@media(max-width:760px){.hero-masthead{height:clamp(300px,78vw,360px)!important}.hero-hint{font-size:12px!important}}.hero-section{max-width:1180px;margin:0 auto;padding:74px 26px 34px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#6b6559;border:1px solid #e6e0d4;background:#fcfaf5;padding:6px 13px;border-radius:999px;letter-spacing:.01em}.hero-badge-dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:#0e7c6b}.hero-masthead{position:relative;left:50%;width:100vw;transform:translate(-50%);height:clamp(210px,24vw,300px);margin:26px 0 0}.hero-hint{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 0;font-size:13px;color:#8a857a}.hero-hint-lead{color:#0e7c6b;font-weight:600}.hero-sub{max-width:620px;margin:20px auto 0;font-size:18.5px;line-height:1.55;color:#544f47;text-wrap:pretty}:root{--site-header-h: 59px}.site-header{min-height:var(--site-header-h)}.boot-header{height:var(--site-header-h)}.hero-placeholder-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-placeholder>svg .node rect{fill:#eaf3f0;stroke:#0e7c6b;stroke-width:1px}.hero-placeholder>svg .flowchart-link{fill:none}.hero-placeholder>svg .hero-ph-label{display:table-cell;white-space:nowrap;line-height:1.5;text-align:center;font-size:16px}.hero-placeholder>svg .hero-ph-label p{margin:0}.hero-placeholder-td{display:none}@media(max-width:760px){.hero-placeholder-lr{display:none}.hero-placeholder-td{display:block}}.hero-masthead .mw-canvas,.hero-placeholder-layer{transition:opacity .22s ease}.hero-masthead .mw-canvas{opacity:0}.hero-masthead.is-rendered .mw-canvas{opacity:1}.hero-masthead.is-rendered .hero-placeholder-layer{opacity:0}@media(prefers-reduced-motion:reduce){.hero-masthead .mw-canvas,.hero-placeholder-layer{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.site-demo-canvas.mw-canvas{--mw-accent: #0e7c6b;position:absolute;top:0;right:0;bottom:0;left:0}.demo-cm{flex:1;min-height:0;overflow:hidden;display:flex}.demo-cm .cm-editor{flex:1;height:100%;background:transparent;font-family:JetBrains Mono,monospace;font-size:13px;outline:none}.demo-cm .cm-editor.cm-focused{outline:none}.demo-cm .cm-scroller{overflow:auto;line-height:1.7;font-family:inherit;padding:8px 0}.demo-cm .cm-content{caret-color:#0e7c6b;color:#1c1a17}.demo-cm .cm-gutters{background:transparent;border-right:none;color:#b8b2a4;font-size:11px;padding-left:6px}.demo-cm .cm-activeLine{background:#0e7c6b0d}.demo-cm .cm-activeLineGutter{background:transparent;color:#0e7c6b}.demo-cm .cm-selectionBackground,.demo-cm .cm-editor ::selection{background:#cbe7df}.demo-cm .tok-heading{color:#0e7c6b;font-weight:600;text-decoration:none}.demo-cm .tok-keyword{color:#0a5c50}.demo-cm .tok-operator{color:#b58614}.demo-cm .tok-string{color:#a07c1e}.demo-cm .tok-comment{color:#a39d90;font-style:italic}.demo-cm .tok-number{color:#6b6559}.demo-cm .tok-bracket{color:#8a857a}.demo-cm .tok-meta{color:#8a9b96}.demo-pane-dark .demo-cm .cm-content{caret-color:#7fb3a8;color:#ede7da}.demo-pane-dark .demo-cm .cm-gutters{color:#7a7365}.demo-pane-dark .demo-cm .cm-activeLine{background:#7fb3a812}.demo-pane-dark .demo-cm .cm-selectionBackground,.demo-pane-dark .demo-cm .cm-editor ::selection{background:#2e4a44}.demo-pane-dark .demo-cm .tok-heading{color:#7fb3a8}.demo-pane-dark .demo-cm .tok-keyword{color:#9dbf8f}.demo-pane-dark .demo-cm .tok-operator{color:#c9a227}.demo-pane-dark .demo-cm .tok-string{color:#d9b95c}.demo-pane-dark .demo-cm .tok-comment{color:#8c8578}.demo-pane-dark .demo-cm .tok-number{color:#c9c2b4}.demo-pane-dark .demo-cm .tok-bracket{color:#9c968a}@media(max-width:640px){.site-nav,.site-star-hint{display:none!important}.site-header-row{padding:12px 16px!important;gap:10px!important}}.pg-callout{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;color:#c9713b;pointer-events:none}.pg-callout-arrow{grid-column:2;width:34px;height:46px}.pg-callout-text{font-family:Caveat,cursive;font-size:22px;font-weight:600;line-height:1;white-space:nowrap;margin-bottom:7px}.pg-inline-pane .demo-cm{flex:0 1 auto}.pg-inline-pane .demo-cm .cm-editor{height:auto;max-height:100%}.pg-callout-filler{flex:1 1 0;min-height:0}.pg-callout-source{flex:none;padding:2px 0 10px 36px}.pg-callout-source .pg-callout-text{grid-column:3;justify-self:start;margin-left:3px;transform:rotate(-4deg)}.pg-callout-preview{position:absolute;left:0;right:0;bottom:8px;z-index:1}.pg-callout-preview .pg-callout-text{grid-column:1;justify-self:end;margin-right:3px;transform:rotate(-3deg)}.pg-hint-short{display:none}@media(max-width:720px){#demo{padding-left:12px!important;padding-right:12px!important}.pg-toolbar{flex-direction:column;align-items:stretch!important;flex-wrap:nowrap!important;gap:8px!important}.pg-presets,.pg-controls{flex-wrap:nowrap!important;overflow-x:auto;margin-left:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pg-presets::-webkit-scrollbar,.pg-controls::-webkit-scrollbar{display:none}.pg-presets button,.pg-controls button,.pg-controls span{flex:none;white-space:nowrap}.pg-controls{gap:8px!important}.pg-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:190px minmax(0,1fr)}.pg-grid:not(.pg-grid-full){height:min(620px,80svh)!important;grid-template-rows:236px minmax(0,1fr)}.pg-code-pane{border-right:none!important;border-bottom:1px solid var(--pg-border, #e6e0d4)}.pg-hint-long{display:none}.pg-hint-short{display:inline}.pg-expand-btn,.pg-share-btn{order:-1}.pg-callout-text{font-size:20px;margin-bottom:5px}.pg-callout-arrow{width:27px;height:36px}.pg-callout-source{padding:0 0 8px 32px}.pg-callout-preview{bottom:6px}}.code-card-scroll{scrollbar-width:thin;scrollbar-color:#2E2A22 transparent}.code-card-scroll::-webkit-scrollbar{width:6px;height:6px}.code-card-scroll::-webkit-scrollbar-track{background:transparent}.code-card-scroll::-webkit-scrollbar-thumb{background:#2e2a22;border-radius:99px}.code-card-scroll::-webkit-scrollbar-thumb:hover{background:#3a362d}.code-card-scroll::-webkit-scrollbar-corner{background:transparent}