:root{--ln-max:1240px;--ln-gutter:clamp(20px,4vw,48px);--ln-rail-left:max(20px,calc(50% - min(var(--ln-max),100% - 34px) / 2 + 17px));--ln-s2:16px;--ln-s3:24px;--ln-glass-border:rgba(76,105,165,.11);--ln-glass-highlight:rgba(255,255,255,.84);--ln-glass-shadow-sm:0 10px 28px rgba(46,70,126,.05);--ln-ink:#0c1830;--ln-muted:#65738e;--ln-scrim:rgba(246,249,254,.82);--ln-nav-pill:rgba(255,255,255,.74);--ln-nav-pill-edge:rgba(70,100,162,.18);--ln-ease:cubic-bezier(.22,1,.36,1)}[data-theme="dark"]{--ln-glass-border:rgba(255,255,255,.13);--ln-glass-highlight:rgba(255,255,255,.12);--ln-glass-shadow-sm:0 10px 28px rgba(0,0,0,.18);--ln-ink:#edf0f7;--ln-muted:#a5abba;--ln-scrim:rgba(14,15,19,.82);--ln-nav-pill:rgba(18,19,24,.72);--ln-nav-pill-edge:rgba(255,255,255,.16)}.ln-nav,.ln-nav *{box-sizing:border-box}.ln-nav{position:fixed;inset:18px auto auto 50%;z-index:40;--ln-nav-inset:11px;--ln-nav-lead:17px;width:min(var(--ln-max),calc(100% - 34px));height:58px;padding:0 var(--ln-nav-inset) 0 var(--ln-nav-lead);display:flex;align-items:center;justify-content:space-between;gap:0;background:transparent;border:1px solid transparent;border-radius:29px;box-shadow:none;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transform:translateX(-50%);transition:top .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),padding-left .35s cubic-bezier(.2,.8,.2,1),border-radius .35s cubic-bezier(.2,.8,.2,1),background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease}.ln-nav[data-stuck]{--ln-nav-inset:8px;--ln-nav-lead:14px;top:12px;width:min(1180px,calc(100% - 28px));height:52px;background:var(--ln-nav-pill);border-color:var(--ln-nav-pill-edge);border-radius:26px;box-shadow:0 6px 20px rgba(46,70,126,.07);backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08)}html::before{content:"";position:fixed;z-index:39;inset:0 0 auto;height:94px;opacity:0;pointer-events:none;background:linear-gradient(180deg,var(--ln-scrim) 0%,var(--ln-scrim) 52%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,transparent 100%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:opacity .35s ease}html.ln-nav-stuck::before{opacity:1}.ln-brand{height:100%;display:inline-flex;align-items:center;gap:8px;width:max-content;color:inherit;text-decoration:none}.ln-brand img.ln-brand-mark{display:block;height:26px;flex:none;object-fit:contain;width:22px}.ln-brand .ln-brand-name{position:relative;color:var(--ln-ink);font-family:var(--font-brand);font-size:21px;font-weight:400;line-height:28px;letter-spacing:.01em;white-space:nowrap}.ln-brand .ln-brand-opx{display:block;height:20px;width:34px;margin-left:16px;flex:none;background:url(/assets/logo/opx-engineering.webp) center / contain no-repeat}[data-theme="dark"] .ln-brand .ln-brand-opx{background-image:url(/assets/logo/opx-engineering-white.webp)}.ln-nav-actions{display:flex;align-items:center;gap:var(--ln-nav-inset);color:#5f6f8b;font-size:13px}.ln-lang-stamp{display:none}.ln-lang-switch{width:auto;height:36px;padding:4px;display:inline-flex;align-items:center;flex:0 0 auto;gap:1px;border:none;border-radius:999px;background:rgba(245,248,252,.58);box-shadow:inset 0 0 0 1px var(--ln-glass-border);backdrop-filter:blur(12px);transition:opacity .2s ease}[data-theme="dark"] .ln-lang-switch{background:rgba(26,28,35,.7)}.ln-lang-switch[aria-busy="true"]{opacity:.62;pointer-events:none}.ln-lang-option{min-width:38px;height:28px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#7b89a1;font-size:13px;line-height:18px;text-decoration:none;transition:color .2s ease,background .2s ease,box-shadow .2s ease}html[lang="th"] .ln-lang-th,html[lang="en"] .ln-lang-en{color:#33415d;background:rgba(255,255,255,.88);box-shadow:0 1px 2px rgba(48,66,106,.05);pointer-events:none}[data-theme="dark"] html[lang="th"] .ln-lang-th,[data-theme="dark"] html[lang="en"] .ln-lang-en{color:#edf0f7;background:rgba(255,255,255,.1)}.ln-lang-option:hover{color:#4e5f7d}.ln-nav-actions .ln-btn-quiet,.ln-nav-actions>.btn{box-sizing:border-box;width:auto;min-width:112px;min-height:36px;height:36px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--ln-glass-border);border-radius:999px;background:rgba(255,255,255,.82);color:#10264b;font-family:var(--font-ui);font-size:13px;font-weight:var(--fw-medium);line-height:24px;text-decoration:none;box-shadow:var(--ln-glass-shadow-sm),inset 0 1px 0 var(--ln-glass-highlight);backdrop-filter:blur(18px);transition:box-shadow .25s var(--ln-ease),background .25s,border-color .25s}[data-theme="dark"] .ln-nav-actions .ln-btn-quiet,[data-theme="dark"] .ln-nav-actions>.btn{background:rgba(26,28,35,.82);color:var(--ln-ink)}.ln-nav-actions .ln-btn-quiet:hover,.ln-nav-actions>.btn:hover{transform:none;border-color:rgba(78,101,150,.22)}.ln-nav[data-stuck] .ln-btn-quiet,.ln-nav[data-stuck] .ln-nav-actions>.btn{border-color:rgba(78,101,150,.18);box-shadow:inset 0 1px 0 var(--ln-glass-highlight)}.ln-footer{grid-column:1 / -1;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--ln-muted);font-family:var(--font-ui);font-size:13px;line-height:20px}.ln-footer-entry,.ln-footer-doc{width:min(100%,var(--ln-max));margin-inline:auto;padding-inline:var(--ln-gutter)}.ln-footer-entry{position:fixed;left:50%;right:auto;bottom:0;z-index:7;transform:translateX(-50%)}.ln-footer-brand{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.ln-footer-brand img{width:17px;height:21px;object-fit:contain}.ln-footer-name-full,.ln-footer-name-short{white-space:nowrap}.ln-footer-name-short{display:none}.ln-copy-en{display:none}html[lang="en"] .ln-copy-th{display:none}html[lang="en"] .ln-copy-en{display:inline}.ln-footer nav{display:flex;align-items:center;gap:22px}.ln-footer nav a{color:inherit;text-decoration:none}.ln-footer nav a:hover{color:var(--ln-ink)}.ln-footer-link-short{display:none}.ln-footer-left{display:flex;align-items:center;gap:16px;min-width:0}.ln-footer-site{display:block;min-height:0;margin-top:40px;padding-block:0 48px}.ln-foot-opx{display:block;height:18px;width:31px;flex:none;background:url(/assets/logo/opx-engineering.webp) left center / contain no-repeat}[data-theme="dark"] .ln-foot-opx{background-image:url(/assets/logo/opx-engineering-white.webp)}.ln-footer-site nav{align-items:center;gap:8px 24px;flex-wrap:wrap}.ln-footer-site nav a{display:inline-flex;align-items:center}.ln-foot-bottom{grid-column:1 / -1;display:flex;align-items:center;gap:8px 36px;flex-wrap:wrap;padding-top:0;font-size:12px;line-height:20px}.ln-foot-rights{margin:0;color:color-mix(in srgb,var(--ln-muted) 78%,transparent)}.ln-footer-site nav a{color:var(--ln-muted);transition:color .18s var(--ln-ease,ease)}.ln-footer-site nav a:hover{color:var(--ln-ink)}.ln-footer-site nav a:focus-visible{outline:2px solid var(--ln-ink);outline-offset:3px;border-radius:4px}.ln-foot-bottom .ln-foot-opx{margin-left:auto}.ln-foot-bottom .ln-footer-theme{flex:none}.ln-footer-theme{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;height:28px;padding:2px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface)}.ln-footer-theme button{width:30px;height:24px;padding:0;display:grid;place-items:center;border:0;border-radius:var(--r-full);background:transparent;color:var(--faint);cursor:pointer;transition:color .2s ease,background .2s ease}.ln-footer-theme button:hover{color:var(--text);background:var(--hover)}.ln-footer-theme svg{width:15px;height:15px}html:not([data-theme="dark"]) .ln-footer-theme [data-theme-set="light"],html[data-theme="dark"] .ln-footer-theme [data-theme-set="dark"]{background:var(--surface-2);color:var(--text);box-shadow:0 1px 3px rgba(48,66,106,.1);pointer-events:none}[data-theme="dark"] .ln-footer-theme [data-theme-set="dark"]{box-shadow:none}@media (max-width:760px){html::before{height:84px}html::before{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,var(--ln-scrim) 0%,var(--ln-scrim) 62%,transparent 100%)}.ln-nav[data-stuck]{backdrop-filter:blur(14px) saturate(1.06);-webkit-backdrop-filter:blur(14px) saturate(1.06)}.ln-nav{--ln-nav-inset:9px;inset:10px auto auto 50%;width:calc(100% - 32px);height:54px;border-radius:27px}.ln-nav[data-stuck]{--ln-nav-inset:7px;top:8px;width:calc(100% - 28px);height:50px;border-radius:25px}.ln-nav{--ln-nav-lead:15px}.ln-nav[data-stuck]{--ln-nav-lead:13px}.ln-brand .ln-brand-opx,[data-theme="dark"] .ln-brand .ln-brand-opx{display:none}.ln-lang-option{min-width:36px;padding-inline:7px}.ln-nav-actions .ln-btn-quiet,.ln-nav-actions>.btn{min-width:112px;padding-inline:20px;font-size:13px}.ln-footer{padding-block:24px;flex-direction:row;gap:16px}.ln-footer nav{justify-content:flex-end;gap:18px;white-space:nowrap}.ln-footer-site{margin-top:32px;padding-block:0 40px}.ln-foot-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:16px;column-gap:16px;padding-top:0}.ln-foot-bottom .ln-foot-opx{grid-area:1 / 1;margin-left:0}.ln-foot-bottom .ln-footer-theme{grid-area:1 / 2;justify-self:end}.ln-footer-site nav{grid-area:2 / 1 / 2 / -1;justify-self:start;justify-content:flex-start;gap:4px 28px;white-space:normal}.ln-foot-bottom .ln-foot-rights{grid-area:3 / 1 / 3 / -1}.ln-footer-site nav a{position:relative}.ln-footer-site nav a::after{content:"";position:absolute;inset:-12px -8px}.ln-footer-left{gap:12px}.ln-footer-theme button{position:relative}.ln-footer-theme button::after{content:"";position:absolute;inset:-10px -3px}.ln-footer-name-full,.ln-footer-link-full{display:none}.ln-footer-name-short,.ln-footer-link-short{display:inline}}@media (max-width:350px){.ln-brand{gap:7px}.ln-brand img.ln-brand-mark{height:24px}.ln-brand .ln-brand-name{font-size:19px;line-height:26px}.ln-lang-option{min-width:34px;padding-inline:5px}.ln-nav-actions .ln-btn-quiet,.ln-nav-actions>.btn{width:92px;min-width:92px;padding-inline:8px;font-size:13px}.ln-footer{gap:10px;font-size:13px}.ln-footer-brand{gap:6px}.ln-footer-brand img{width:13px;height:16px}.ln-footer nav{gap:10px}.ln-footer-left{gap:10px}.ln-footer-theme button{width:26px}}@media print{html::before,.ln-nav,.ln-footer{display:none !important}}