/*! DXCAD2D Online v0.33.3 | (c) 2026 DXCAD2D. All rights reserved. Copying, modifying or redistributing this code without written permission is prohibited. */
:root{--paper:#F2F5F5;--panel:#FFFFFF;--ink:#15222C;--muted:#56666F;--line:#D3DBDD;--accent:#0A6C88;--accent-ink:#FFFFFF;--mark:#D9930C;--f-display:"Chakra Petch","IBM Plex Sans Thai",system-ui,sans-serif;--f-body:"IBM Plex Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#0E151A;--panel:#141E24;--ink:#E1E9EC;--muted:#8D9CA4;--line:#26343C;--accent:#43B4CF;--accent-ink:#06222B;--mark:#F0B53A;color-scheme:dark}}:root[data-theme="dark"]{--paper:#0E151A;--panel:#141E24;--ink:#E1E9EC;--muted:#8D9CA4;--line:#26343C;--accent:#43B4CF;--accent-ink:#06222B;--mark:#F0B53A;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--f-body)}img{max-width:100%}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono,code,kbd{font-family:var(--f-mono);font-variant-numeric:tabular-nums}code{font-size:.9em;background:color-mix(in srgb,var(--line) 45%,transparent);padding:1px 5px;border-radius:3px}kbd{font-size:.82em;border:1px solid var(--line);border-bottom-width:3px;border-radius:4px;padding:0 6px;background:var(--panel)}.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);padding:9px 16px;border-radius:6px;font:500 15px var(--f-body);text-decoration:none;color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;gap:20px;padding-block:12px}.logo{display:flex;align-items:center;gap:10px;font:700 19px var(--f-display);color:var(--ink);text-decoration:none}.logo svg{color:var(--accent)}.top nav{display:flex;gap:20px;margin-left:auto;align-items:center}.top nav a.navlink{color:var(--muted);text-decoration:none}.top nav a.navlink:hover{color:var(--ink)}@media (max-width:640px){.top nav a.navlink{display:none}}.crumbs{font:13px var(--f-mono);color:var(--muted);padding-block:20px 0}.crumbs a{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-block:24px 56px}@media (max-width:960px){.layout{grid-template-columns:1fr}.layout aside{display:none}}article{max-width:42em;min-width:0}.eyebrow{font:500 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}article h1{font:700 clamp(28px,4.4vw,42px)/1.2 var(--f-display);margin:8px 0 12px;text-wrap:balance}article .meta{font:13px var(--f-mono);color:var(--muted);margin-bottom:24px}article .lead{font-size:18px;color:var(--muted)}article h2{font:600 24px/1.3 var(--f-display);margin:40px 0 8px;text-wrap:balance}article h3{font:600 18px/1.35 var(--f-display);margin:28px 0 4px}article ul,article ol{padding-left:22px}article li{margin:6px 0}article table{border-collapse:collapse;width:100%;font-size:14px}.tbl{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:4px}article th,article td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line)}article th{font:600 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--panel)}article td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.note{border-left:3px solid var(--mark);background:var(--panel);padding:12px 16px;margin:20px 0;font-size:15px}.cta-box{border:1px solid var(--accent);border-radius:6px;padding:20px;margin:32px 0;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;background:var(--panel)}.cta-box p{margin:0;flex:1 1 260px}figure{margin:24px 0}figure svg{display:block;width:100%;height:auto;background:var(--panel);border:1px solid var(--line);border-radius:4px}figcaption{font-size:13px;color:var(--muted);margin-top:6px}aside .sticky{position:sticky;top:80px;display:flex;flex-direction:column;gap:20px}aside h4{margin:0 0 8px;font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}aside ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.related{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.related ul{list-style:none;padding:0;display:grid;gap:10px}.ad{display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:4px;color:var(--muted);font:12px var(--f-mono);letter-spacing:.06em;background:repeating-linear-gradient(135deg,transparent 0 10px,color-mix(in srgb,var(--line) 35%,transparent) 10px 11px)}.ad.inarticle{min-height:120px;margin:32px 0}.ad.mrec{width:300px;max-width:100%;aspect-ratio:300/250}.ad.leader{min-height:90px;max-width:728px;margin:0 auto}footer{border-top:1px solid var(--line)}footer .wrap{display:flex;gap:20px;flex-wrap:wrap;padding-block:24px;color:var(--muted);font-size:13px}footer .wrap span:first-child{margin-right:auto}footer a{color:var(--muted)}.pro .ad{display:none!important}.ads-live .ad:not([data-pushed]){display:none}.ad[data-pushed]{border:0;background:none}.article-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:16px}.article-list li{margin:0;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.article-list a{font:600 18px/1.35 var(--f-display);text-decoration:none}.article-list p{margin:6px 0 0;color:var(--muted);font-size:15px}.article-list h2{margin:0;font-size:18px}article [id]{scroll-margin-top:84px}