.share-row[data-astro-cid-zllr3mxm]{display:flex;align-items:center;gap:.625rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px dashed var(--blue-soft)}.share-label[data-astro-cid-zllr3mxm]{font-size:.78rem;color:var(--muted)}.share-fb[data-astro-cid-zllr3mxm],.share-copy[data-astro-cid-zllr3mxm]{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;flex-shrink:0;border-radius:50%;text-decoration:none;font-size:1rem;transition:background .15s,transform .15s}.share-fb[data-astro-cid-zllr3mxm]{background:#1877f2;color:#fff}.share-fb[data-astro-cid-zllr3mxm]:hover{background:#0d5fc7;transform:translateY(-1px)}.share-copy[data-astro-cid-zllr3mxm]{background:var(--blue);color:#fff;border:none;cursor:pointer;padding:0;font-family:inherit}.share-copy[data-astro-cid-zllr3mxm]:hover{background:var(--blue-deep);transform:translateY(-1px)}.icon-fb[data-astro-cid-zllr3mxm]{width:.625rem;height:1rem}.icon-link[data-astro-cid-zllr3mxm],.icon-check[data-astro-cid-zllr3mxm]{width:1rem;height:1rem}.share-copy[data-astro-cid-zllr3mxm] .icon-check[data-astro-cid-zllr3mxm]{display:none}.share-copy[data-astro-cid-zllr3mxm].copied{background:#2f9e5c}.share-copy[data-astro-cid-zllr3mxm].copied .icon-link[data-astro-cid-zllr3mxm]{display:none}.share-copy[data-astro-cid-zllr3mxm].copied .icon-check[data-astro-cid-zllr3mxm]{display:block}.scrubber[data-astro-cid-3rsf3loi]{display:none;position:fixed;top:0;right:0;width:44px;height:100dvh;z-index:30;touch-action:none;cursor:ns-resize}@media(hover:none)and (max-width:1179.98px){.scrubber[data-astro-cid-3rsf3loi].has-headings{display:block}}.scrubber-hint[data-astro-cid-3rsf3loi]{position:absolute;left:50%;top:50%;width:3px;height:2.125rem;transform:translate(-50%,-50%);background:#29426647;border-radius:3px;transition:opacity .3s}.scrubber-dots[data-astro-cid-3rsf3loi]{position:absolute;inset:0;opacity:0;transition:opacity .22s}.scrubber[data-astro-cid-3rsf3loi].active .scrubber-dots[data-astro-cid-3rsf3loi]{opacity:1}.scrubber[data-astro-cid-3rsf3loi].active .scrubber-hint[data-astro-cid-3rsf3loi]{opacity:0}.scrubber-dot[data-astro-cid-3rsf3loi]{position:absolute;border-radius:50%;background:var(--blue);transform:translate(-50%,-50%)}.scrubber-label[data-astro-cid-3rsf3loi]{position:absolute;right:30px;max-width:11rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--blue-deep);color:#fff;font-weight:500;font-size:.8rem;padding:.35rem .7rem;border-radius:10px;opacity:0;transform:translateY(-50%);pointer-events:none;box-shadow:0 4px 14px #131e3059;transition:opacity .12s}@media(prefers-reduced-motion:reduce){.scrubber-dots[data-astro-cid-3rsf3loi],.scrubber-hint[data-astro-cid-3rsf3loi],.scrubber-label[data-astro-cid-3rsf3loi]{transition:none}}:root{--scale: 1.5;--fs-min: 16;--fs-max: calc(var(--fs-min) * var(--scale));--vw-min: 400;--vw-max: 1600;--fs-slope: calc((var(--fs-max) - var(--fs-min)) / (var(--vw-max) - var(--vw-min)) * 100);--fs-intercept: calc(var(--fs-min) - (var(--vw-min) * (var(--fs-max) - var(--fs-min)) / (var(--vw-max) - var(--vw-min))));--blue: #4d72a9;--blue-deep: #294266;--blue-shadow: #163f78;--blue-soft: #bcd3f8;--blue-tint: #ecf3fc;--ink: #131e30;--muted: #5a6a85}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(calc(var(--fs-min) * 1px),calc(var(--fs-intercept) * 1px + var(--fs-slope) * 1vw),calc(var(--fs-max) * 1px));scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{font-family:Sarabun,system-ui,sans-serif;background:var(--blue);color:var(--ink)}body{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem 3rem}a,a:visited{color:inherit}code,pre,kbd{font-family:Fira Code,Fira Mono,monospace;font-variant-ligatures:none}.page{width:100%;display:flex;justify-content:center}.layout{width:100%;max-width:100rem;display:flex;gap:3.5rem;align-items:flex-start;justify-content:center}.panel{width:100%;min-width:0;max-width:50rem;background:#fff;border-radius:22px;box-shadow:0 14px 28px -6px #163f7873;padding:2.75rem 3rem 3.25rem;line-height:1.8;counter-reset:figure step;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.panel.panel-narrow{max-width:34rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toc{display:none;width:15rem;flex-shrink:0;position:sticky;top:2.5rem}@media(min-width:1180px){.toc.has-headings{display:block}}.toc-label{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#fff9;margin-bottom:.75rem}.toc nav{display:flex;flex-direction:column;gap:.125rem}.toc nav a{display:block;font-size:.81rem;line-height:1.5;color:#fffc;text-decoration:none;padding:.3rem 0 .3rem .75rem;border-left:2px solid rgba(255,255,255,.25);transition:color .15s,border-color .15s}.toc nav a:hover{color:#fff;border-left-color:#ffffff8c}.toc nav a.active{color:#fff;border-left-color:#fff;font-weight:600}.breadcrumb{font-size:.69rem;color:var(--muted);margin-bottom:1.25rem;letter-spacing:.3px;text-transform:uppercase}.breadcrumb a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.breadcrumb a:hover{color:var(--blue-deep);border-bottom-color:var(--blue-soft)}.breadcrumb code{text-transform:none;letter-spacing:0;font-size:.92em;padding:.05rem .3rem;border-radius:5px}.article-head{display:grid;grid-template-columns:1fr;align-items:baseline;gap:.15rem 1.5rem;margin-bottom:1.25rem}.article-head .breadcrumb{margin-bottom:0}@media(min-width:480px){.article-head{grid-template-columns:minmax(0,max-content) 1fr}}.tag{display:inline-block;font-size:.69rem;background:var(--blue-deep);color:var(--blue-tint);padding:.25rem .75rem;border-radius:1.25rem;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.875rem}h1{font-size:1.75rem;color:var(--ink);margin-bottom:.5rem;letter-spacing:-.2px}h1 code{font-size:.82em;padding:.05em .35rem;border-radius:8px}.subtitle{color:var(--muted);font-size:.91rem;margin-bottom:2.375rem}h2{font-size:1rem;color:var(--blue-deep);margin-top:2.375rem;margin-bottom:.875rem;border-left:3px solid var(--blue);padding-left:.75rem;text-transform:uppercase;letter-spacing:.5px;scroll-margin-top:96px}h2.step{counter-increment:step}h2.step:before{content:"[" counter(step) "] "}p{font-size:.97rem;color:#2b2a28;margin:.75rem 0}ul{padding-left:1.375rem;font-size:.97rem;color:#2b2a28}li{margin:.5rem 0}strong{color:var(--blue-shadow);font-weight:700}.arw{color:var(--blue-deep);font-size:1.05em;margin:0 .14em;vertical-align:-.03em;-webkit-text-stroke:.3px var(--blue-deep)}p a,li a,.callout a{color:var(--blue-shadow);text-decoration:underline;text-decoration-color:var(--blue-soft);text-underline-offset:2px}p a:hover,li a:hover,.callout a:hover{color:var(--blue-deep)}.references{list-style:none;padding-left:0;counter-reset:ref}.references li{counter-increment:ref;position:relative;padding-left:2rem}.references li:before{content:"[" counter(ref) "]";position:absolute;left:0;color:var(--blue-shadow);font-weight:600}.divider{border:none;border-top:1px dashed var(--blue-soft);margin:2.25rem 0}.divider-solid{border:none;border-top:2px solid var(--blue-soft);margin:2.75rem 0}.card{background:var(--blue-tint);border-radius:14px;padding:1.125rem 1.5rem;margin:1rem 0}.card ul{padding-left:1.125rem}figure.screenshot{margin:1.125rem 0}figure.screenshot img{display:block;width:100%;height:auto;border-radius:10px}figure.screenshot figcaption{margin-top:.6rem;font-size:.8rem;color:var(--muted);text-align:center}figure.screenshot figcaption:before{counter-increment:figure;content:"Figure " counter(figure) ": ";font-weight:700;color:var(--ink)}.expander{border:1px solid var(--blue-soft);border-radius:14px;padding:1rem 1.25rem;margin:1rem 0;background:#fff}.expander summary{cursor:pointer;font-weight:700;color:var(--blue-deep);list-style:none;display:flex;align-items:center;gap:.6rem;user-select:none}.expander summary::-webkit-details-marker{display:none}.expander summary:before{content:"▸";color:var(--blue);display:inline-block;transition:transform .15s ease;flex-shrink:0}.expander[open] summary:before{transform:rotate(90deg)}.expander .expander-body{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed var(--blue-soft)}.expander .expander-body>:first-child{margin-top:0}.expander .expander-body>:last-child{margin-bottom:0}code{background:var(--blue-tint);color:var(--blue-shadow);padding:.125rem .375rem;border-radius:6px;font-size:.9em}pre{background:#1c2536;color:#e7ecf6;border-radius:14px;padding:1.125rem 1.25rem;margin:1.125rem 0;overflow-x:auto;font-size:.84rem;line-height:1.7}pre code{background:none;color:inherit;padding:0;font-size:1em}pre.astro-code{background-color:#1c2536!important;color:#e7ecf6!important}.callout{border-radius:12px;padding:1rem 1.25rem;margin:1.125rem 0;border-left:3px solid}.callout p{margin:0;font-size:.875rem}.callout-label{font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.25rem}.callout-tip{background:#eafaf0;border-color:#2f9e5c}.callout-tip .callout-label{color:#1f7a45}.callout-warn{background:#fdecec;border-color:#d64545}.callout-warn .callout-label{color:#b23b3b}.callout-note{background:var(--blue-tint);border-color:var(--blue)}.callout-note .callout-label{color:var(--blue-deep)}footer{margin-top:2.5rem;font-size:.69rem;color:#9aa7bd;text-align:center}.wiki-tip{position:relative;display:inline-block}.wiki-tip-card{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);width:11rem;background:#fff;border-radius:12px;box-shadow:0 14px 28px -6px #163f7866;padding:.625rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:30}.wiki-tip-card:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}.wiki-tip-card img{width:100%;display:block;border-radius:8px;margin-bottom:.5rem}.wiki-tip-caption{display:block;font-size:.66rem;line-height:1.45;color:var(--muted)}.wiki-tip:hover .wiki-tip-card,.wiki-tip:focus-within .wiki-tip-card{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.article-nav{display:flex;gap:1rem;margin-top:2.75rem;padding-top:1.5rem;border-top:1px dashed var(--blue-soft)}.article-nav>a{flex:1 1 0;display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border-radius:12px;text-decoration:none;color:var(--ink);transition:background .15s,border-color .15s;border:1px solid transparent}.article-nav>a:hover{background:var(--blue-tint);border-color:var(--blue-soft)}.article-nav-next{text-align:right;margin-left:auto}.article-nav-label{font-size:.69rem;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.article-nav-title{font-size:.9rem;font-weight:600;color:var(--blue-shadow)}.site-footer{width:100%;max-width:34rem;margin-top:3rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.15);text-align:center}.site-footer-social{display:flex;justify-content:center;gap:1.2rem;margin-bottom:.875rem}.site-footer-social a{color:#ffffffa6;line-height:1;transition:color .15s,transform .15s;display:inline-block}.site-footer-social svg{width:1.1rem;height:1.1rem;display:block}.site-footer-social a:hover{color:#fff;transform:translateY(-1px)}.site-footer-copyright{font-size:.72rem;color:#ffffff8c;letter-spacing:.2px}.site-footer-copyright a{color:#fffc;text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:2px}.site-footer-copyright a:hover{color:#fff}