:root{--bg:#f8fafc;--bg-elev:#fff;--sidebar-bg:#0a2a4d;--sidebar-bg-2:#0e3a66;--sidebar-text:#e7eff6;--sidebar-text-dim:#9fb6cc;--sidebar-active:#10618a;--text:#142234;--text-muted:#4c5f70;--border:#dce4ea;--accent:#0a6e88;--accent-2:#00b8d8;--amber:#9c5b0c;--red:#b23a2e;--card-shadow:0 1px 3px #0a2a4d14, 0 1px 2px #0a2a4d0f;--card-shadow-hover:0 8px 24px #0a2a4d24, 0 2px 6px #0a2a4d14;--code-bg:#eef3f7;--link:#0a6e88;--font-th:"Noto Sans Thai", "Sarabun", "Leelawadee UI", "Thonburi", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}:root[data-theme=dark]{--bg:#0a121c;--bg-elev:#101c2a;--sidebar-bg:#071726;--sidebar-bg-2:#0b2338;--sidebar-text:#dceaf2;--sidebar-text-dim:#7fa0b8;--sidebar-active:#10618a;--text:#e7eef6;--text-muted:#9fb0c2;--border:#22303e;--accent:#22c7e8;--accent-2:#4dd6ee;--amber:#e0a845;--red:#e0685b;--card-shadow:0 1px 3px #00000059;--card-shadow-hover:0 8px 28px #00000080;--code-bg:#16232f;--link:#22c7e8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a121c;--bg-elev:#101c2a;--sidebar-bg:#071726;--sidebar-bg-2:#0b2338;--sidebar-text:#dceaf2;--sidebar-text-dim:#7fa0b8;--sidebar-active:#10618a;--text:#e7eef6;--text-muted:#9fb0c2;--border:#22303e;--accent:#22c7e8;--accent-2:#4dd6ee;--amber:#e0a845;--red:#e0685b;--card-shadow:0 1px 3px #00000059;--card-shadow-hover:0 8px 28px #00000080;--code-bg:#16232f;--link:#22c7e8}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-th);font-size:16px;line-height:1.75}a{color:var(--link)}img{max-width:100%}.app{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg-2));width:290px;color:var(--sidebar-text);flex-shrink:0;height:100vh;padding:20px 14px 24px;transition:transform .25s;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;margin-bottom:14px;padding:6px 10px 18px;display:flex}.sidebar-brand .icon{width:30px;height:30px;color:var(--accent-2);flex-shrink:0}.sidebar-brand-icon{background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex;box-shadow:0 1px 3px #0000004d}.sidebar-brand-icon img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-brand-text{font-size:15px;font-weight:700;line-height:1.35}.sidebar-brand-text small{color:var(--sidebar-text-dim);margin-top:2px;font-size:11.5px;font-weight:400;display:block}.nav-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-text-dim);padding:14px 10px 6px;font-size:11px}.nav-item{cursor:pointer;color:var(--sidebar-text);border-radius:9px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:13.6px;text-decoration:none;display:flex}.nav-item .icon{opacity:.85;flex-shrink:0;width:18px;height:18px}.nav-item:hover{background:#ffffff14}.nav-item.active{background:var(--sidebar-active);font-weight:700}.nav-item.active .icon{opacity:1}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;background:var(--bg-elev);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 18px;display:flex;position:sticky;top:0}.hamburger{border:1px solid var(--border);cursor:pointer;min-width:44px;min-height:44px;color:var(--text);font:inherit;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;display:flex}.hamburger:hover{background:var(--bg)}.hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hamburger svg{width:22px;height:22px}.topbar-search{flex:1;max-width:420px;position:relative}.topbar-search input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font-family:var(--font-th);border-radius:8px;padding:8px 12px 8px 34px;font-size:13.5px}.topbar-search svg{width:15px;height:15px;color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-results{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--card-shadow-hover);z-index:30;border-radius:10px;max-height:360px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-results.show{display:block}.search-result-item{border-bottom:1px solid var(--border);cursor:pointer;padding:10px 14px;font-size:13px}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--code-bg)}.search-result-item .srt{color:var(--text);margin-bottom:3px;font-weight:700}.search-result-item .srs{color:var(--text-muted);font-size:12px}.search-result-item mark{color:inherit;background:#4caf5059;border-radius:2px}.theme-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;align-items:center;padding:7px 9px;display:flex}.theme-toggle svg{width:17px;height:17px}.content-shell{flex:1;justify-content:center;padding:28px 20px 80px;display:flex}.content-inner{width:100%;min-width:0;max-width:880px}.content-with-toc{gap:32px;width:100%;max-width:1180px;display:flex}.content-with-toc .content-inner{flex:1;min-width:0}.toc{flex-shrink:0;width:220px;display:none}.toc-sticky{position:sticky;top:80px}.toc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.toc a{color:var(--text-muted);border-left:2px solid var(--border);padding:4px 0 4px 10px;font-size:12.6px;line-height:1.4;text-decoration:none;display:block}.toc a:hover{color:var(--accent)}.toc a.active{color:var(--accent);border-left-color:var(--accent);font-weight:700}.page-header{margin-bottom:6px}.page-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.page-eyebrow svg{width:13px;height:13px}.doc-content h1{color:var(--text);margin:14px 0 18px;font-size:1.7rem;font-weight:800;line-height:1.35}.doc-content h2{color:var(--text);margin:34px 0 12px;padding-top:6px;scroll-margin-top:76px;font-size:1.32rem;font-weight:800}.doc-content h3{color:var(--text);margin:22px 0 8px;scroll-margin-top:76px;font-size:1.08rem;font-weight:700}.doc-content p{color:var(--text);margin:0 0 15px}.doc-content ul,.doc-content ol{margin:0 0 15px;padding-inline-start:1.4em}.doc-content li{margin-bottom:5px}.doc-content strong{color:var(--text);font-weight:700}.doc-content em{color:var(--text-muted)}.doc-content hr{border:none;border-top:1px solid var(--border);margin:28px 0}.doc-content blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:0 0 15px;padding:2px 16px;font-size:.94rem}.doc-content table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:.92rem}.doc-content th,.doc-content td{border:1px solid var(--border);text-align:left;padding:8px 10px}.doc-content th{background:var(--code-bg);font-weight:700}.doc-content code{background:var(--code-bg);border-radius:5px;padding:1px 6px;font-size:.88em}.doc-content img{box-shadow:var(--card-shadow);border:1px solid var(--border);cursor:zoom-in;border-radius:12px;margin:20px auto;display:block}.doc-content a{text-underline-offset:2px;text-decoration:underline}.doc-footer-nav{border-top:1px solid var(--border);justify-content:space-between;gap:14px;margin-top:44px;padding-top:20px;display:flex}.doc-footer-nav a{border:1px solid var(--border);color:var(--text);background:var(--bg-elev);border-radius:12px;flex:1;padding:14px 16px;font-size:13px;text-decoration:none;transition:box-shadow .15s,transform .15s}.doc-footer-nav a:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.doc-footer-nav .dfn-label{color:var(--text-muted);margin-bottom:4px;font-size:11.5px}.doc-footer-nav .dfn-title{font-weight:700}.doc-footer-nav .next{text-align:right}.hero{padding:6px 0}.hero h1{margin:10px 0;font-size:1.85rem;font-weight:800;line-height:1.35}.hero p.lead{color:var(--text-muted);max-width:640px;margin:0 0 20px;font-size:1rem}.hero-meta{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.hero-chip{color:var(--text-muted);background:var(--code-bg);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:flex}.hero-chip svg{width:14px;height:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:22px 0 32px;display:grid}.doc-card{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.doc-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.doc-card .dc-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:38px;height:38px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.doc-card .dc-icon svg{width:20px;height:20px}.doc-card h3{margin:0;font-size:1rem;font-weight:700}.doc-card p{color:var(--text-muted);flex:1;margin:0;font-size:12.8px}.doc-card .dc-foot{color:var(--accent);align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:flex}.doc-card .dc-foot svg{width:13px;height:13px}.section-title{align-items:center;gap:8px;margin:38px 0 4px;font-size:1.15rem;font-weight:800;display:flex}.section-title svg{width:18px;height:18px;color:var(--accent)}.section-sub{color:var(--text-muted);margin:0 0 16px;font-size:13px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:6px 0 30px;display:grid}.stat-box{border:1px solid var(--border);background:var(--bg-elev);text-align:center;border-radius:12px;padding:14px 16px}.stat-box .num{color:var(--accent);font-size:1.5rem;font-weight:800}.stat-box .lbl{color:var(--text-muted);margin-top:2px;font-size:11.5px}.lightbox{z-index:100;cursor:zoom-out;background:#000000d1;justify-content:center;align-items:center;padding:30px;display:none;position:fixed;inset:0}.lightbox.show{display:flex}.lightbox img{border-radius:10px;max-width:95vw;max-height:90vh;box-shadow:0 10px 40px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:20px;right:24px}.lightbox-close svg{width:18px;height:18px}.progress-bar{background:var(--accent-2);z-index:50;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.overlay{z-index:29;background:#0006;display:none;position:fixed;inset:0}@media (width<=900px){.sidebar{z-index:35;visibility:hidden;position:fixed;transform:translate(-100%);box-shadow:0 0 40px #0000004d}.sidebar.open{visibility:visible;transform:translate(0)}.hamburger{display:flex}.sidebar-toggle-label{display:none}.overlay.show{display:block}.toc{display:none!important}.content-with-toc{gap:0}}@media (width>=901px){.toc{display:block}:root[data-sidebar-collapsed=true] .sidebar{visibility:hidden;pointer-events:none;position:fixed;left:0;transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}@media (width<=560px){.topbar-search{max-width:none}.content-shell{padding:20px 14px 60px}.hero h1{font-size:1.5rem}}.hula-intro{color:var(--text-muted);max-width:640px;margin:0 0 18px;font-size:13.5px}.hula-searchbar{max-width:420px;margin:0 0 22px;position:relative}.hula-searchbar svg{width:15px;height:15px;color:var(--text-muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.hula-searchbar input{border:1px solid var(--border);background:var(--bg-elev);width:100%;color:var(--text);font-family:var(--font-th);border-radius:9px;outline:none;padding:9px 12px 9px 34px;font-size:13.5px}.hula-searchbar input:focus{border-color:var(--accent)}.hula-crumb{color:var(--accent);cursor:pointer;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;font-size:12.5px;display:flex}.hula-crumb svg{width:14px;height:14px}.hula-crumb:hover{text-decoration:underline}.hula-cat-desc{color:var(--text-muted);max-width:640px;margin:2px 0 20px;font-size:13px}.hula-note-row{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:10px 12px;font-size:12.8px;display:flex}.hula-note-tag{background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber);border-radius:6px;flex:none;padding:2px 8px;font-size:10.5px;font-weight:700}.hula-block-grid{flex-direction:column;gap:10px;display:flex}.hula-block-card{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:12px;padding:14px 16px}.hula-block-name{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:700}.hula-block-fn{color:var(--text);margin-top:3px;font-size:13px}.hula-meta-row{align-items:flex-start;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.hula-meta-tag{border-radius:6px;flex:none;margin-top:1px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:700}.hula-meta-tag.cond{background:color-mix(in srgb, var(--amber) 16%, transparent);color:var(--amber)}.hula-meta-tag.ex{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.hula-meta-text{color:var(--text-muted)}.hula-cat-search-tag{color:var(--text-muted);align-items:center;gap:5px;margin-bottom:4px;font-family:ui-monospace,monospace;font-size:10.5px;display:flex}.hula-cat-search-tag svg{width:12px;height:12px}.hula-lvl{border-radius:20px;flex:none;align-items:center;padding:3px 10px;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:700;display:inline-flex}.hula-lvl-1,.hula-lvl-2{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.hula-lvl-3{background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber)}.hula-lvl-4,.hula-lvl-5{background:color-mix(in srgb, var(--red) 16%, transparent);color:var(--red)}.hula-example{background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:14px;margin-bottom:12px}.hula-example[open]{box-shadow:var(--card-shadow-hover)}.hula-example summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;list-style:none;display:flex}.hula-example summary::-webkit-details-marker{display:none}.hula-ex-num{color:var(--text-muted);flex:none;font-family:ui-monospace,monospace;font-size:12px}.hula-ex-title{min-width:180px;color:var(--text);flex:180px;font-size:14px;font-weight:700}.hula-chevron{color:var(--text-muted);flex:none;width:16px;height:16px;margin-left:auto;transition:transform .15s}.hula-example[open] .hula-chevron{transform:rotate(180deg)}.hula-example-body{padding:0 18px 20px}.hula-ex-chips{flex-wrap:wrap;gap:6px;margin:2px 0 16px;display:flex}.hula-chip{color:var(--text-muted);background:var(--code-bg);border:1px solid var(--border);border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.hula-chip svg{width:12px;height:12px}.hula-diagram{float:right;margin:0 0 10px 14px}.hula-diagram svg{width:64px;height:64px;color:var(--accent)}.hula-script-block{margin-bottom:14px}.hula-script-label{color:var(--accent);margin-bottom:6px;font-size:11.5px;font-weight:700}.hula-code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:12px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;overflow-x:auto}.hula-code-line{white-space:nowrap;color:var(--text);padding:3px 16px}.hula-code-line.indent-1{border-left:2px solid color-mix(in srgb, var(--accent) 40%, transparent);color:var(--text-muted);margin-left:16px;padding-left:20px}.hula-code-line.indent-2{border-left:2px solid color-mix(in srgb, var(--amber) 45%, transparent);color:var(--text-muted);margin-left:16px;padding-left:40px}.hula-code-line.indent-3{border-left:2px solid color-mix(in srgb, var(--red) 45%, transparent);color:var(--text-muted);margin-left:16px;padding-left:60px}.hula-ex-explain{color:var(--text-muted);white-space:pre-line;margin-top:16px;font-size:13px;line-height:1.85}.hula-ex-explain b{color:var(--accent);font-weight:700}.hula-empty{text-align:center;color:var(--text-muted);padding:50px 20px;font-size:13px}.hula-empty svg{width:26px;height:26px;margin-bottom:8px}.skip-link{z-index:200;background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;text-decoration:none;position:absolute;top:8px;left:-999px}.skip-link:focus{left:12px}.sidebar-brand{color:inherit;text-decoration:none}.sidebar-foot{color:var(--sidebar-text-dim);border-top:1px solid #ffffff1f;margin-top:22px;padding:14px 10px 0;font-size:11.5px;line-height:1.6}.sidebar-foot a{color:var(--sidebar-text-dim);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.sidebar-foot a:hover{color:var(--sidebar-text)}.sidebar-foot svg{width:13px;height:13px}.sidebar-foot-credit{gap:8px!important}.sidebar-foot-credit img{object-fit:contain;background:#fff;border-radius:5px;flex-shrink:0;width:20px;height:20px;padding:2px}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 14px;padding:0;font-size:12.5px;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:6px;display:flex}.breadcrumb li+li:before{content:"›";color:var(--border);font-size:14px}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb [aria-current]{color:var(--text)}.article-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 18px;font-size:12.5px;display:flex}.article-meta span{align-items:center;gap:5px;display:inline-flex}.article-meta svg{width:14px;height:14px}.summary-box{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bg-elev));border-radius:12px;margin:0 0 26px;padding:14px 18px}.summary-box .sb-title{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.summary-box .sb-title svg{width:14px;height:14px}.summary-box p{color:var(--text);margin:0;font-size:14.5px;line-height:1.8}.doc-content figure{margin:22px 0}.doc-content figure img{margin:0 auto}.doc-content figcaption{text-align:center;color:var(--text-muted);margin-top:8px;font-size:12.5px}.doc-content img{height:auto}.doc-content .footnotes{color:var(--text-muted);border-top:1px solid var(--border);margin-top:32px;padding-top:12px;font-size:.9rem}.doc-content h2 a.anchor,.doc-content h3 a.anchor{color:inherit;text-decoration:none}.doc-content pre{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:.86rem;overflow-x:auto}.doc-content pre code{background:0 0;padding:0}.doc-content .table-wrap{margin:0 0 18px;overflow-x:auto}.doc-content .table-wrap table{margin:0}.keywords{flex-wrap:wrap;gap:6px;margin:30px 0 0;display:flex}.keywords span{color:var(--text-muted);background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:11.5px}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:40px;padding:22px 20px 28px;font-size:12.5px;line-height:1.8}.site-footer a{color:var(--text-muted)}.site-footer .foot-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin-top:6px;display:flex}.foot-publisher{align-items:center;display:inline-flex}.foot-publisher img{opacity:.9;width:auto;height:20px;transition:opacity .15s;display:block}.foot-publisher:hover img{opacity:1}.foot-thanks{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.foot-thanks svg{width:13px;height:13px;color:var(--accent);flex-shrink:0}.foot-thanks a{color:var(--accent);text-decoration:none}.foot-thanks a:hover{text-decoration:underline}.foot-updated{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.foot-updated svg{flex-shrink:0;width:13px;height:13px}.hula-block-card{scroll-margin-top:80px}.hula-block-card:target{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.hula-cat-nav{flex-wrap:wrap;gap:6px;margin:0 0 20px;display:flex}.hula-cat-nav a{color:var(--text-muted);background:var(--code-bg);border:1px solid var(--border);border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;text-decoration:none;display:inline-flex}.hula-cat-nav a svg{width:13px;height:13px}.hula-cat-nav a:hover,.hula-cat-nav a[aria-current]{color:var(--accent);border-color:var(--accent)}.hula-example{scroll-margin-top:80px}.hula-example h3{min-width:180px;color:var(--text);flex:180px;margin:0;font-size:14px;font-weight:700}.doc-card h3,.doc-card h2{margin:0;font-size:1rem;font-weight:700}.cat-header h1{color:var(--text);margin:0;font-size:1.35rem;font-weight:800}.notfound{text-align:center;padding:60px 20px}.notfound h1{color:var(--accent);margin:0;font-size:3rem}.notfound p{color:var(--text-muted)}@media print{.sidebar,.topbar,.toc,.doc-footer-nav,.progress-bar,.overlay,.lightbox,.hamburger{display:none!important}.content-shell{padding:0}body{font-size:12pt}}[hidden]{display:none!important}.content-inner>h1,.hub-intro h1{margin:1rem 0;font-size:2rem;line-height:1.45}h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}.content-inner p{overflow-wrap:anywhere;text-wrap:pretty}.content-inner>section{margin-block:2.5rem}.hub-intro{border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding-bottom:2rem;display:flex}.hub-logo{object-fit:contain;flex-shrink:0;width:112px;height:112px}.hub-intro h1{margin-top:0}.hub-intro .lead{margin-bottom:1rem}.mission-hero{margin:1rem 0 0}.mission-hero img{aspect-ratio:1672/941;border-radius:12px;width:100%;height:auto;display:block}.mission-hero figcaption{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;margin-top:.75rem;font-size:.9rem;line-height:1.7;display:flex}.mission-hero small{font-size:.8rem}.topic-hero{width:100%;max-width:800px;margin:1.25rem 0 1.5rem}.topic-hero img{border-radius:10px;width:100%;height:auto;display:block}.topic-hero figcaption{color:var(--text-muted);margin-top:.55rem;font-size:.82rem;line-height:1.7}.landing-intro{padding-top:1rem}.landing-title{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.landing-title .hub-logo{width:80px;height:80px;margin:0}.landing-title h1{margin:0;font-size:2rem;line-height:1.45}.landing-intro>.lead{max-width:70ch;margin-top:1.5rem}.landing-jump{border-block:1px solid var(--border);flex-wrap:wrap;gap:.3rem 1.5rem;margin-top:2rem;padding-block:1rem;display:flex}.landing-jump a{align-items:center;min-height:44px;font-size:.95rem;display:inline-flex}.landing-page>.landing-group{margin-block:3.5rem;scroll-margin-top:5.5rem}.landing-group>h2{margin:0 0 1.5rem;font-size:1.6rem;line-height:1.5}.landing-overview{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.75rem;display:grid}.landing-photo{min-width:0;margin:0}.landing-photo img{border-radius:10px;width:100%;height:auto;display:block}.landing-photo figcaption{color:var(--text-muted);margin-top:.45rem;font-size:.78rem}.landing-summary>p:first-child{margin-top:0}.landing-summary .action-link{gap:.7rem;margin-top:.5rem}.landing-note{color:var(--text-muted);font-size:.88rem;line-height:1.75}.landing-topics{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.landing-topics li{border-bottom:1px solid var(--border);min-width:0;padding:1rem 0}.landing-topics h3{margin:0 0 .4rem;font-size:1rem;line-height:1.65}.landing-topics h3 a{min-height:44px;padding:.35rem 0;text-decoration:none;display:inline-block}.landing-topics h3 a:hover{text-decoration:underline}.landing-topics p{color:var(--text-muted);margin:0;font-size:.94rem;line-height:1.8}.landing-secondary{min-height:44px;margin-top:.3rem;padding:.6rem 0;font-size:.88rem;display:inline-block}@media (width<=700px){.landing-title{align-items:center;gap:1rem}.landing-title .hub-logo{width:60px;height:60px}.landing-title h1{font-size:1.5rem}.landing-overview,.landing-topics{grid-template-columns:1fr}.landing-overview{gap:1.25rem}.landing-group>h2{margin-bottom:1rem;font-size:1.35rem}.landing-page>.landing-group{margin-block:2.5rem}.landing-jump{gap:.2rem 1.2rem}}.knowledge-directory{margin-block:1.5rem}.directory-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 0;display:flex}.directory-row h2,.directory-row h3{margin:0 0 .35rem;font-size:1.1rem}.directory-row p{color:var(--text-muted);margin:0;font-size:.95rem}.directory-row>a,.directory-links{flex-shrink:0}.directory-links{flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.learning-paths{border-block:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:1.5rem 0;display:grid}.learning-paths h2{margin-top:0;font-size:1.25rem}.link-list{margin:1rem 0;padding:0;list-style:none}.link-list li{border-bottom:1px solid var(--border);padding:1rem 0}.link-list li>a{font-weight:700}.link-list li>span{color:var(--text-muted);margin-top:.4rem;font-size:.95rem;display:block}.download-links,.resource-actions,.link-cluster{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-block:1.25rem;display:flex}.action-link{border:1px solid var(--accent);background:var(--bg-elev);min-height:44px;color:var(--link);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.55rem .9rem;text-decoration:none;display:inline-flex}.action-link:hover{background:var(--code-bg)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.filter-panel{background:var(--code-bg);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;padding:1.25rem;display:grid}.filter-panel label{flex-direction:column;gap:.5rem;min-width:0;font-size:.9rem;display:flex}.filter-query{grid-column:1/-1}.filter-panel input,.filter-panel select{border:1px solid var(--border);background:var(--bg-elev);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;border-radius:6px;padding:.55rem}input::placeholder{color:var(--text-muted);opacity:1}.filter-panel button{justify-self:start}.resource-row{border-bottom:1px solid var(--border);padding:1.5rem 0}.resource-row h2{margin:0;font-size:1.2rem}.resource-row p{margin:.65rem 0}.resource-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.resource-tag{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:.15rem .5rem;font-size:.85rem;display:inline-block}.resource-platform{color:var(--text-muted);font-size:.9rem}.resource-actions{margin-bottom:0;font-size:.95rem}.resource-facts{border-block:1px solid var(--border);grid-template-columns:minmax(120px,1fr) 3fr;gap:.9rem 1.5rem;margin:2rem 0;padding-block:1.25rem;display:grid}.resource-facts dt{font-weight:700}.resource-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.related-material,.acknowledgement-panel{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.related-material h2{font-size:1.3rem}.link-cluster a{padding:.2rem 0}.lab-group{scroll-margin-top:5rem}.lab-steps li{margin-bottom:1rem;padding-left:.3rem}.empty-state{background:var(--code-bg);border-radius:8px;padding:1.5rem}.nav-subitem{padding-left:24px;font-size:13px}.sidebar-brand-icon{width:48px;height:48px;box-shadow:none;background:0 0;padding:0}.foot-publisher{align-items:center;gap:.5rem;display:inline-flex}.site-footer .foot-publisher img{object-fit:contain;width:48px;height:48px}.sidebar-foot-credit img{object-fit:contain;background:0 0;border-radius:0;width:40px;height:40px;padding:0}@media (width<=700px){.hub-intro{display:block}.hub-logo{width:80px;height:80px;margin-bottom:1rem}.content-inner>h1,.hub-intro h1{font-size:1.6rem}.learning-paths{grid-template-columns:1fr;gap:1.5rem}.directory-row{flex-direction:column;align-items:flex-start;gap:.75rem}.directory-links{flex-flow:wrap;gap:1rem}.filter-panel{grid-template-columns:1fr;padding:1rem}.resource-facts{grid-template-columns:1fr;gap:.3rem}.resource-facts dd{margin-bottom:.8rem}}.nav-section-heading[data-astro-cid-wv7whodv]{color:var(--sidebar-text);margin:1rem .6rem .2rem;font-size:.8rem;font-weight:700}.nav-section-heading[data-astro-cid-wv7whodv][hidden]{display:none}summary[data-astro-cid-wv7whodv].nav-group-label{cursor:pointer;user-select:none;min-height:48px;color:var(--sidebar-text);letter-spacing:normal;text-transform:none;align-items:center;gap:.65rem;margin-top:.3rem;padding:.8rem .6rem;font-size:.95rem;font-weight:650;line-height:1.6;list-style:none;display:flex}summary[data-astro-cid-wv7whodv].nav-group-label::-webkit-details-marker{display:none}summary[data-astro-cid-wv7whodv].nav-group-label span[data-astro-cid-wv7whodv]{flex:1}summary[data-astro-cid-wv7whodv].nav-group-label:focus-visible{outline:2px solid var(--sidebar-text);outline-offset:-2px;border-radius:.35rem}summary[data-astro-cid-wv7whodv].nav-group-label:hover{background:var(--sidebar-bg-2)}summary[data-astro-cid-wv7whodv].nav-group-label .icon{width:20px;height:20px;color:var(--sidebar-text);flex-shrink:0}summary[data-astro-cid-wv7whodv].nav-group-label .nav-chevron{flex-shrink:0;width:16px;height:16px;transition:transform .15s ease-out}details[data-astro-cid-wv7whodv][open]>summary[data-astro-cid-wv7whodv] .nav-chevron{transform:rotate(180deg)}.nav-subitem[data-astro-cid-wv7whodv]{min-height:44px;padding-left:1.1rem}.nav-subitem[data-astro-cid-wv7whodv] .icon{flex-shrink:0;width:18px;height:18px}.nav-reference[data-astro-cid-wv7whodv]{border-top:1px solid var(--sidebar-text-dim);margin-top:1rem;padding-top:.65rem}.nav-group-actions[data-astro-cid-wv7whodv]{justify-content:flex-end;padding:.15rem .6rem;display:flex}.nav-group-actions[data-astro-cid-wv7whodv] button[data-astro-cid-wv7whodv]{color:var(--sidebar-text);font:inherit;cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;min-height:44px;font-size:.85rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){summary[data-astro-cid-wv7whodv].nav-group-label .nav-chevron{transition:none}}.sim-catalog[data-astro-cid-km3czkv5]{min-width:0;margin:2rem 0}.sim-controls[data-astro-cid-km3czkv5]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.sim-controls[data-astro-cid-km3czkv5][hidden],.sim-pick[data-astro-cid-km3czkv5][hidden],.sim-comparison[data-astro-cid-km3czkv5][hidden],.sim-table[data-astro-cid-km3czkv5][hidden],.sim-entry[data-astro-cid-km3czkv5][hidden]{display:none}.sim-controls[data-astro-cid-km3czkv5] label[data-astro-cid-km3czkv5]{gap:.4rem;display:grid}.sim-controls[data-astro-cid-km3czkv5] input[data-astro-cid-km3czkv5],.sim-controls[data-astro-cid-km3czkv5] select[data-astro-cid-km3czkv5],.sim-catalog[data-astro-cid-km3czkv5] button[data-astro-cid-km3czkv5]{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:.5rem}.sim-catalog[data-astro-cid-km3czkv5] button[data-astro-cid-km3czkv5]{cursor:pointer;width:auto}.sim-catalog[data-astro-cid-km3czkv5] [data-astro-cid-km3czkv5]:is(input,select,button,summary):focus-visible,.sim-table[data-astro-cid-km3czkv5]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sim-entry[data-astro-cid-km3czkv5]{border-bottom:1px solid var(--border);padding:1.25rem 0}.sim-entry[data-astro-cid-km3czkv5] h3[data-astro-cid-km3czkv5]{margin:.25rem 0}.sim-entry[data-astro-cid-km3czkv5] p[data-astro-cid-km3czkv5]{margin:.7rem 0}.sim-entry[data-astro-cid-km3czkv5] summary[data-astro-cid-km3czkv5]{cursor:pointer;min-height:44px;padding:.5rem 0}.sim-entry[data-astro-cid-km3czkv5] dt[data-astro-cid-km3czkv5]{font-weight:700}.sim-entry[data-astro-cid-km3czkv5] dd[data-astro-cid-km3czkv5]{margin:0 0 .75rem}.sim-pick[data-astro-cid-km3czkv5]{align-items:center;gap:.5rem;min-height:44px;display:flex}.sim-pick[data-astro-cid-km3czkv5] input[data-astro-cid-km3czkv5]{width:20px;height:20px;accent-color:var(--accent)}.sim-table[data-astro-cid-km3czkv5]{max-width:100%;margin-top:1rem;overflow-x:auto}.sim-table[data-astro-cid-km3czkv5] table[data-astro-cid-km3czkv5]{border-collapse:collapse;width:100%}.sim-table[data-astro-cid-km3czkv5] th[data-astro-cid-km3czkv5],.sim-table[data-astro-cid-km3czkv5] td[data-astro-cid-km3czkv5]{border:1px solid var(--border);vertical-align:top;text-align:left;min-width:180px;padding:.75rem}.sim-table[data-astro-cid-km3czkv5] th[data-astro-cid-km3czkv5]{background:var(--bg-elev)}.sim-table[data-astro-cid-km3czkv5] caption[data-astro-cid-km3czkv5]{text-align:left;margin-bottom:.75rem}@media (width<=600px){.sim-controls[data-astro-cid-km3czkv5]{grid-template-columns:1fr}}.mapping-calculators[data-astro-cid-sv4urtsd]{min-width:0;margin-block:2rem}.mapping-calculators[data-astro-cid-sv4urtsd] [data-astro-cid-sv4urtsd][hidden]{display:none}.mapping-calculators[data-astro-cid-sv4urtsd] details[data-astro-cid-sv4urtsd]{border-bottom:1px solid var(--border);padding:.7rem 0}.mapping-calculators[data-astro-cid-sv4urtsd] summary[data-astro-cid-sv4urtsd]{cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:650}.mapping-fields[data-astro-cid-sv4urtsd]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mapping-calculators[data-astro-cid-sv4urtsd] label[data-astro-cid-sv4urtsd]{gap:.4rem;display:grid}.mapping-calculators[data-astro-cid-sv4urtsd] input[data-astro-cid-sv4urtsd],.mapping-calculators[data-astro-cid-sv4urtsd] textarea[data-astro-cid-sv4urtsd],.mapping-calculators[data-astro-cid-sv4urtsd] button[data-astro-cid-sv4urtsd]{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);box-sizing:border-box;border-radius:6px;min-height:44px;padding:.6rem}.mapping-calculators[data-astro-cid-sv4urtsd] input[data-astro-cid-sv4urtsd],.mapping-calculators[data-astro-cid-sv4urtsd] textarea[data-astro-cid-sv4urtsd]{width:100%;min-width:0}.mapping-calculators[data-astro-cid-sv4urtsd] button[data-astro-cid-sv4urtsd]{cursor:pointer;margin:.8rem .5rem .5rem 0}.mapping-calculators[data-astro-cid-sv4urtsd] textarea[data-astro-cid-sv4urtsd]{resize:vertical}.mapping-calculators[data-astro-cid-sv4urtsd] [data-astro-cid-sv4urtsd]:is(input,textarea,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.math-result[data-astro-cid-sv4urtsd]{background:var(--bg-elev);overflow-wrap:anywhere;padding:1rem;line-height:1.8}.math-result[data-astro-cid-sv4urtsd][data-error]{font-weight:700}.mapping-calculators[data-astro-cid-sv4urtsd] [data-astro-cid-sv4urtsd][aria-invalid]{outline:2px solid var(--accent)}@media (width<=600px){.mapping-fields[data-astro-cid-sv4urtsd]{grid-template-columns:1fr}}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prompt-thai-400.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prompt-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/prompt-thai-500.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/prompt-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/prompt-thai-600.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/prompt-latin-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/prompt-thai-700.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/prompt-latin-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sarabun-thai-400.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sarabun-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/sarabun-thai-500.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/sarabun-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sarabun-thai-600.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sarabun-latin-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/sarabun-thai-700.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/sarabun-latin-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--crimson:#e00260;--crimson-dark:#a80149;--crimson-tint:#fdeaf1;--pink:#fc92be;--navy:#132435;--navy-deep:#0a1622;--sky:#b0e3fc;--sky-tint:#f0f9fe;--gold:#a5811c;--gold-tint:#fbf4df;--mint:#e3f5ec;--mint-ink:#1d6b4a;--bg:#fcfbfd;--bg-elev:#fff;--surface-alt:#f6f4f9;--text:#1e2a35;--text-muted:#5b6672;--border:#e7e3ed;--sidebar-bg:#132435;--sidebar-bg-2:#0a1622;--sidebar-text:#eef4f9;--sidebar-text-dim:#a9bbcb;--sidebar-active:#e00260;--accent:#e00260;--accent-2:#4fa8d8;--link:#a80149;--code-bg:#f3f0f7;--amber:#8a6512;--red:#b42318;--card-shadow:0 1px 3px #13243512,0 1px 2px #1324350d;--card-shadow-hover:0 10px 28px #13243524,0 2px 6px #13243514;--font-th:"Sarabun","Noto Sans Thai","Leelawadee UI",system-ui,sans-serif;--font-head:"Prompt","Sarabun",system-ui,sans-serif;--radius:12px;--ink:#a80149;--ok:#1d7a4f;--ok-tint:#e4f4ec;--warn:#8a6512;--warn-tint:#fbf1d9}:root[data-theme=dark]{--bg:#0b1520;--bg-elev:#122232;--surface-alt:#162a3c;--text:#e8eef4;--text-muted:#a5b4c3;--border:#24384b;--sidebar-bg:#08121c;--sidebar-bg-2:#050c14;--link:#fc92be;--accent:#fc6fa8;--accent-2:#7fc6ec;--code-bg:#172838;--crimson-tint:#3a1426;--ink:#fc92be;--sky-tint:#10283a;--gold-tint:#2e2610;--mint:#10301f;--mint-ink:#8fe0b5;--ok-tint:#10301f;--ok:#8fe0b5;--warn-tint:#2e2610;--warn:#f0c45c;--card-shadow:0 1px 3px #0006;--card-shadow-hover:0 10px 30px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1520;--bg-elev:#122232;--surface-alt:#162a3c;--text:#e8eef4;--text-muted:#a5b4c3;--border:#24384b;--sidebar-bg:#08121c;--sidebar-bg-2:#050c14;--link:#fc92be;--accent:#fc6fa8;--accent-2:#7fc6ec;--code-bg:#172838;--crimson-tint:#3a1426;--ink:#fc92be;--sky-tint:#10283a;--gold-tint:#2e2610;--mint:#10301f;--mint-ink:#8fe0b5;--ok-tint:#10301f;--ok:#8fe0b5;--warn-tint:#2e2610;--warn:#f0c45c;--card-shadow:0 1px 3px #0006;--card-shadow-hover:0 10px 30px #0009}}html{scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}body{font-family:var(--font-th);background:var(--bg);color:var(--text);font-size:17px;line-height:1.8}h1,h2,h3,h4,.sidebar-brand-text,.btn,.nav-item,.stat .v{font-family:var(--font-head)}h1{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;line-height:1.35}h2{margin-top:2rem;font-size:1.4rem;font-weight:600}h3{font-size:1.12rem;font-weight:600}.sidebar-brand-icon{border-radius:12px;width:44px;height:44px;padding:2px}.nav-item.active,.nav-item[aria-current=page]{box-shadow:inset 3px 0 0 var(--crimson);background:linear-gradient(90deg,#e0026040,#e0026010)}.nav-section-heading{color:var(--sky)!important}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,label:focus-within{outline:3px solid var(--accent-2);outline-offset:2px;border-radius:6px}.topbar{backdrop-filter:saturate(1.4)blur(10px);background:color-mix(in srgb,var(--bg) 82%,transparent)}.lang-switch{border:1px solid var(--border);color:var(--text);font-family:var(--font-head);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;text-decoration:none;display:inline-flex}.lang-switch:hover{border-color:var(--accent)}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.content-inner{max-width:1080px}.wide .content-inner{max-width:1320px}.eyebrow{font-family:var(--font-head);color:var(--ink);background:var(--crimson-tint);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.85rem;display:inline-flex}.lead{color:var(--text-muted);max-width:62ch;font-size:1.1rem}.chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.chip{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.82rem;line-height:1.5;text-decoration:none;display:inline-flex}.chip.ok{background:var(--ok-tint);color:var(--ok);border-color:#0000}.chip.warn{background:var(--warn-tint);color:var(--warn);border-color:#0000}.chip.crimson{background:var(--crimson-tint);color:var(--ink);border-color:#0000}.chip.sky{background:var(--sky-tint);color:var(--text);border-color:#0000}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.g3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.g4{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}a.card{color:inherit;text-decoration:none;display:block}a.card:hover{box-shadow:var(--card-shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));transform:translateY(-3px)}.card h3{margin:.2rem 0 .3rem}.card .code{font-family:var(--font-head);color:var(--ink);letter-spacing:.02em;font-size:.9rem;font-weight:600}.card .meta{color:var(--text-muted);font-size:.85rem}.bar{background:var(--surface-alt);border:1px solid var(--border);border-radius:99px;height:8px;overflow:hidden}.bar>span{background:linear-gradient(90deg,var(--crimson),var(--accent-2));transform-origin:0;border-radius:99px;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both grow;display:block}@keyframes grow{0%{transform:scaleX(0)}}.stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat .v{color:var(--ink);font-size:2rem;font-weight:700;line-height:1.1}.stat .l{color:var(--text-muted);font-size:.9rem}.btn{background:var(--crimson);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.95rem;text-decoration:none;transition:transform .15s,background .2s;display:inline-flex}.btn:hover{background:var(--crimson-dark);transform:translateY(-1px)}.btn.ghost{color:var(--text);border-color:var(--border);background:0 0}.btn.ghost:hover{border-color:var(--accent);background:var(--surface-alt)}.btn .icon{width:18px;height:18px}.btn-row{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.hero{color:#fff;background:radial-gradient(1200px 400px at 85% -10%,#e0026055,#0000 60%),linear-gradient(135deg,#132435,#0a1622 70%);border-radius:20px;margin:4px 0 26px;padding:44px 36px;position:relative;overflow:hidden}.hero .drone-sky{z-index:0;pointer-events:none;opacity:.9;position:absolute;inset:0}.hero-inner{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid;position:relative}.hero h1{color:#fff;margin:.4rem 0}.hero p{color:#d6e4ef;max-width:60ch}.hero .logo{filter:drop-shadow(0 8px 24px #0008);width:150px;height:auto;animation:6s ease-in-out infinite float}.hero .eyebrow{color:#fff;background:#ffffff1f}@keyframes float{50%{transform:translateY(-8px)}}.drone-sky-svg{width:100%;height:100%;display:block}.drone-prop{transform-box:fill-box;transform-origin:50%;animation:.45s linear infinite propSpin}@keyframes propSpin{to{transform:rotate(360deg)}}.mod-list{counter-reset:m;gap:12px;display:grid}.mod{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden}.mod>summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px;list-style:none;display:grid}.mod>summary::-webkit-details-marker{display:none}.mod .num{width:38px;height:38px;font-family:var(--font-head);background:var(--crimson-tint);color:var(--ink);border-radius:10px;place-items:center;font-weight:700;display:grid}.mod.is-done .num{background:var(--ok-tint);color:var(--ok)}.mod .mt{font-family:var(--font-head);font-weight:600}.mod .ms{color:var(--text-muted);font-size:.85rem}.mod[open]>summary{border-bottom:1px solid var(--border);background:var(--surface-alt)}.mod .mb{padding:16px 18px;animation:.35s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.panel{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:14px 16px}.panel h4{align-items:center;gap:8px;margin:0 0 6px;font-size:1rem;display:flex}.panel.online{border-top:4px solid var(--accent-2)}.panel.onsite{border-top:4px solid var(--gold)}.panel.quizp{border-top:4px solid var(--crimson)}.panel.evid{border-top:4px solid var(--ok)}.ku-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ku-list a{text-decoration:none}.ku-list li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.tbl-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);margin:12px 0;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:.92rem}.tbl th,.tbl td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 12px}.tbl thead th{background:var(--surface-alt);font-family:var(--font-head);font-weight:600;position:sticky;top:0}.tbl tr:hover td{background:color-mix(in srgb,var(--sky-tint) 50%,transparent)}.diagram-card{color:#1e2a35;background:#fff;border:1px solid #e7e3ed;border-radius:14px;padding:14px;overflow-x:auto}.diagram-card a{color:#a80149}.matrix{border-collapse:separate;border-spacing:3px;min-width:max-content;font-size:.8rem}.matrix th{font-family:var(--font-head);color:#1e2a35;white-space:nowrap;padding:4px 6px;font-weight:500}.matrix th.rot{writing-mode:vertical-rl;text-align:left;height:190px;transform:rotate(180deg)}.matrix td{text-align:center;background:#f4f2f7;border-radius:6px;width:26px;height:26px}.matrix td.l1{background:#dcf0fc}.matrix td.l2{background:#9fd3f2}.matrix td.l3{background:#fc92be}.matrix td.l4{color:#fff;background:#e00260}.matrix td.p{color:#a80149;background:#fdeaf1;font-weight:700}.legend{color:#1e2a35;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:.85rem;display:flex}.legend i{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:4px;display:inline-block}.kb-body img,.kb-body svg:not(.icon){border-radius:10px}:root[data-theme=dark] .kb-body img:is([src*="/diagrams/"],[src$=\.svg]){background:#f8fafc;padding:6px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .kb-body img:is([src*="/diagrams/"],[src$=\.svg]){background:#f8fafc;padding:6px}}.notice{border:1px solid var(--border);background:var(--sky-tint);border-radius:10px;align-items:flex-start;gap:10px;margin:14px 0;padding:12px 16px;display:flex}.notice.warn{background:var(--warn-tint);border-color:#0000}.notice .icon{flex-shrink:0;margin-top:4px}.quiz{gap:14px;display:grid}.qitem{border:1px solid var(--border);background:var(--bg-elev);border-radius:10px;padding:12px 14px}.qitem .qq{margin-bottom:6px;font-weight:600}.qopt{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:7px 10px;display:flex}.qopt:hover{background:var(--surface-alt)}.qopt input{accent-color:var(--crimson);margin-top:7px}.qopt.ok{background:var(--ok-tint);border-color:var(--ok)}.qopt.bad{background:var(--crimson-tint);border-color:var(--crimson)}.qexp{color:var(--text-muted);margin-top:6px;font-size:.9rem;animation:.3s both fadeUp}.qerr{color:var(--red);font-size:.9rem}.qscore{font-family:var(--font-head);font-size:1.1rem}.viewer{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#f0f9fe,#fff);place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.viewer canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewer .poster{text-align:center;color:#132435;padding:20px}.viewer .poster svg.icon{color:#e00260;width:56px;height:56px}.viewer-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;font-size:.92rem;display:flex}.viewer-controls input[type=range]{accent-color:var(--crimson);width:160px}.viewer-legend{z-index:2;color:#132435;pointer-events:none;background:#ffffffe0;border-radius:8px;padding:6px 10px;font-size:.82rem;position:absolute;bottom:10px;left:12px}.hbar{grid-template-columns:minmax(120px,240px) 1fr auto;align-items:center;gap:10px;margin:6px 0;font-size:.9rem;display:grid}.hbar .bar{height:12px}.donut{--p:0;background:conic-gradient(var(--crimson) calc(var(--p)*1%),var(--surface-alt) 0);border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.donut>span{background:var(--bg-elev);width:84px;height:84px;font-family:var(--font-head);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:700;display:grid}.empty{color:var(--text-muted);font-style:italic}.cite{background:var(--surface-alt);border:1px dashed var(--border);border-radius:10px;padding:10px 14px;font-size:.88rem}.filters{flex-wrap:wrap;gap:8px;margin:10px 0 18px;display:flex}.filters button{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;font-family:var(--font-head);border-radius:999px;padding:5px 14px;font-size:.88rem}.filters button[aria-pressed=true]{background:var(--crimson);color:#fff;border-color:var(--crimson)}.site-footer{font-size:.88rem}.foot-brand{align-items:center;gap:10px;display:flex}.foot-brand img{width:40px;height:40px}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}.content-inner>*{animation:.4s both fadeUp}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero .logo{order:-1;width:96px}.hero{padding:30px 22px}.two{grid-template-columns:1fr}.lang-switch span{display:none}}@media (width<=560px){body{font-size:16px}.hbar{grid-template-columns:1fr auto}.hbar .bar{grid-column:1/-1}.mod>summary{grid-template-columns:auto 1fr}.mod>summary .chips{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-old(root),::view-transition-new(root){animation:none}}@media print{.sidebar,.topbar,.no-print,.site-footer .foot-links,.btn-row{display:none!important}.main-wrap{margin:0!important}body{color:#000;background:#fff;font-size:12pt}.card,.mod{break-inside:avoid;box-shadow:none}.mod .mb{display:block!important}details>*{display:block}}svg.icon{vertical-align:-.18em;flex-shrink:0;width:1.15em;height:1.15em}.card>svg.icon{color:var(--ink);width:28px;height:28px}h2 svg.icon{color:var(--ink)}.drone-shadow{fill:#000;opacity:.22}.drone-trail{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 6;opacity:.5}.search-result-item{color:var(--text);border-bottom:1px solid var(--border);padding:9px 14px;text-decoration:none;display:block}.search-result-item:hover,.search-result-item:focus{background:var(--surface-alt)}.sri-title{font-size:.92rem;font-weight:600}.sri-sec{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.search-empty{color:var(--text-muted);padding:12px 14px}.site-ver{font-size:12px;line-height:1.6;text-decoration:none;white-space:normal!important;color:var(--sidebar-text-dim)!important;display:block!important}.site-ver:hover{color:#fff!important}.site-ver-line{margin:4px 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-head{grid-template-columns:1.4fr 1fr;gap:14px;margin:12px 0 8px;display:grid}.box{border:1px solid var(--border);background:var(--bg-elev);border-radius:12px;margin:16px 0;padding:14px 18px}.box h3,.box h4{margin:0 0 6px;font-size:1.02rem}.box>:last-child{margin-bottom:0}.box.objectives{border-left:5px solid var(--crimson)}.box.toc{border-left:5px solid var(--accent-2)}.box.toc ol{margin:0;padding-left:1.2em}.box.toc a{text-decoration:none}.box.key{background:var(--crimson-tint);border-color:#0000}.box.example{background:var(--sky-tint);border-color:#0000}.box.warn{background:var(--warn-tint);border-color:#0000}.box.try{background:var(--ok-tint);border-color:#0000}.box.formulas{border-left:5px solid var(--gold)}.box .label{font-family:var(--font-head);letter-spacing:.02em;color:var(--ink);margin-bottom:4px;font-size:.86rem;font-weight:600;display:block}.lesson-body{font-size:1.04rem}.lesson-body h2{border-top:1px solid var(--border);margin-top:2.4rem;padding-top:.6rem}.lesson-body h3{margin-top:1.6rem}.lesson-body p,.lesson-body li{max-width:75ch}.lesson-body table{border-collapse:collapse;margin:12px 0;font-size:.95rem;display:block;overflow-x:auto}.lesson-body th,.lesson-body td{border:1px solid var(--border);text-align:left;padding:7px 12px}.lesson-body th{background:var(--surface-alt);font-family:var(--font-head);font-weight:600}.lesson-body details{border:1px dashed var(--border);background:var(--bg-elev);border-radius:10px;margin:10px 0;padding:8px 14px}.lesson-body details summary{cursor:pointer;font-family:var(--font-head);font-weight:600}.katex{font-size:1.08em}.katex-display{margin:14px 0;padding:6px 2px;overflow:auto hidden}.katex-display>.katex{font-size:1.18em}figure.fig{text-align:center;margin:22px 0}figure.fig img{background:#fff;border:1px solid #e7e3ed;border-radius:14px;width:100%;max-width:760px;height:auto;padding:8px}figure.fig figcaption{color:var(--text-muted);margin-top:6px;font-size:.9rem}.refs li{margin:4px 0;font-size:.95rem}:root{--font-code:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,"Sarabun","Noto Sans Thai",monospace;--code-slab:#132435;--code-slab-edge:#132435;--code-comment:#8b97a6}:root[data-theme=dark]{--code-slab:#081019;--code-slab-edge:#24384b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--code-slab:#081019;--code-slab-edge:#24384b}}.lesson-body pre{font-family:var(--font-code);tab-size:4;border-radius:10px;max-width:100%;margin:18px 0;padding:14px 18px;font-size:.88rem;line-height:1.65;overflow-x:auto}.lesson-body pre code{font-family:inherit;font-size:inherit;background:0 0;padding:0}.lesson-body pre.astro-code:not([data-language=text]){border:1px solid var(--code-slab-edge);background-color:var(--code-slab)!important}.lesson-body pre.astro-code span[style*=\#6A737D]{color:var(--code-comment)!important}.lesson-body pre[data-language=text]{border:1px solid var(--border);padding-top:10px;background-color:var(--surface-alt)!important;color:var(--text)!important}.lesson-body pre[data-language=text] span{color:inherit!important}.lesson-body pre[data-language=text]:before{content:"ผลลัพธ์";font-family:var(--font-head);color:var(--text-muted);margin-bottom:2px;font-size:.78rem;font-weight:600;display:block}.lesson-body:lang(en) pre[data-language=text]:before{content:"Output"}.lesson-body pre.astro-code:not([data-language=text]):has(+pre[data-language=text]){border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.lesson-body pre.astro-code:not([data-language=text])+pre[data-language=text]{border-top:0;border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.lesson-body pre:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.lesson-body :not(pre)>code{font-family:var(--font-code);background:var(--code-bg);overflow-wrap:anywhere;border-radius:5px;padding:.1em .38em;font-size:.9em}@media (width<=900px){.lesson-head{grid-template-columns:1fr}}