:root{--paper:#f6f3ec;--surface:#fffdf8;--ink:#1f2420;--muted:#5d655f;--line:#d9d4c6;--accent:#1f5f4a;--accent-soft:#e2ede7;--warn:#a3421c;--warn-soft:#f6e4da;--font-body:"Sarabun", system-ui, sans-serif;--font-ui:"IBM Plex Sans Thai", system-ui, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--paper:#151917;--surface:#1c211e;--ink:#e8e6df;--muted:#a2aaa3;--line:#333b36;--accent:#7fc4a8;--accent-soft:#20332b;--warn:#f0a07c;--warn-soft:#3a2419}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:1.125rem;line-height:1.85}a{color:var(--accent);text-underline-offset:.2em}.wrap{max-width:46rem;margin:0 auto;padding:0 1rem}.site-header{border-bottom:1px solid var(--line);font-family:var(--font-ui)}.site-header .wrap{justify-content:space-between;align-items:baseline;padding-block:1rem;display:flex}.site-header a{color:var(--ink);font-weight:600;text-decoration:none}.site-header span{color:var(--muted);font-size:.875rem}main.wrap{padding-block:2.5rem 4rem}h1,h2,h3{font-family:var(--font-ui);text-wrap:balance;line-height:1.35}h1{margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.5rem)}h2{margin-top:2.5rem;font-size:1.375rem}.eyebrow{font-family:var(--font-ui);color:var(--muted);margin:0 0 .25rem;font-size:.875rem}.lead{color:var(--muted);margin-top:0}blockquote{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);font-family:var(--font-ui);border-radius:4px;margin:2rem 0;padding:1rem 1.25rem;font-size:.9375rem;line-height:1.65}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}blockquote ul{padding-left:1.25rem}blockquote li+li{margin-top:.35rem}img{max-width:100%;height:auto}blockquote img{background:#fff;border-radius:4px;margin-inline:auto;display:block}code{word-break:break-all;font-size:.85em}.card-list{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.card{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1.25rem;text-decoration:none;display:block}.card:hover{border-color:var(--accent)}.card h2,.card h3{color:var(--accent);margin:0 0 .25rem;font-size:1.1875rem}.card p{color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.pager{border-top:1px solid var(--line);font-family:var(--font-ui);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;font-size:.9375rem;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-ui);padding-block:1.5rem;font-size:.875rem}.byline{font-family:var(--font-ui);color:var(--muted);margin-top:-.5rem}.button{background:var(--accent);color:var(--paper);font-family:var(--font-ui);border-radius:4px;padding:.6rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{opacity:.9}.part{margin-top:2.5rem}.part h3{margin-bottom:.5rem;font-size:1.1875rem}.part p,.part-intro li{color:var(--muted);margin:.5rem 0;font-size:1rem;line-height:1.7}.chapter-num{font-family:var(--font-ui);color:var(--accent);margin:1.5rem 0 0;font-weight:600}.keywords{font-family:var(--font-ui);letter-spacing:.08em;color:var(--muted);margin:.75rem 0 2rem;font-size:.75rem}.prose h2{margin-top:3rem}.prose hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.pager a{text-decoration:none}.pager a:hover{text-decoration:underline}.pager-next{text-align:right}.card .card-sub{color:var(--ink);margin-bottom:.35rem}.group{font-family:var(--font-ui);color:var(--muted);letter-spacing:.02em;margin:1.75rem 0 0;font-size:.9375rem}.chapter-num.code{letter-spacing:.02em;font-size:1.5rem}.prose table{border-collapse:collapse;font-family:var(--font-ui);margin:1.5rem 0;font-size:.9375rem;line-height:1.55;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.45rem .6rem}.prose thead th{background:var(--accent-soft);font-weight:600}.prose img{background:#fff;border-radius:4px;margin:1.5rem auto .25rem;display:block}.prose img+em,.prose p:has(>a>img)+p>em:only-child{color:var(--muted)}.layer{font-family:var(--font-ui);letter-spacing:.06em;color:var(--accent);border-top:2px solid var(--accent);margin:3rem 0 .5rem;padding-top:1rem;font-size:.8125rem;font-weight:600}.layer+h2{margin-top:.5rem}details.answers{border:1px solid var(--line);background:var(--surface);border-radius:4px;margin:2rem 0}details.answers>summary{cursor:pointer;font-family:var(--font-ui);color:var(--accent);padding:.75rem 1rem;font-weight:600}details.answers[open]>summary{border-bottom:1px solid var(--line)}details.answers>:not(summary){margin-inline:1rem}details.answers>:last-child{margin-bottom:1rem}.related{background:var(--surface);border:1px solid var(--line);font-family:var(--font-ui);border-radius:4px;margin-top:3rem;padding:1rem 1.25rem}.related h2{margin:0 0 .5rem;font-size:1rem}.related ul{columns:2 14rem;margin:0;padding:0;list-style:none}.related li{break-inside:avoid;padding:.2rem 0}.related a{grid-template-columns:3.75rem 1fr;gap:.25rem;line-height:1.5;text-decoration:none;display:grid}.related a:hover{text-decoration:underline}.related-code{font-weight:600}.prose thead:not(:has(th:not(:empty))){display:none}.prose p,.prose li{overflow-wrap:anywhere}.part-intro ul{color:var(--muted);margin:.5rem 0;padding-left:1.25rem;font-size:1rem;line-height:1.7}.book-notes{font-family:var(--font-ui);color:var(--muted);margin:1rem 0 1.5rem;font-size:.9375rem;line-height:1.6}.book-notes p{margin:.2rem 0}.book-notes blockquote{color:var(--ink)}.part-intro img{background:#fff;border-radius:4px;max-width:100%;height:auto;margin:1rem auto .25rem;display:block}.site-nav{gap:1.25rem;font-size:.9375rem;display:flex}.site-header .site-nav a{color:var(--muted);font-weight:400}.site-header .site-nav a:hover{color:var(--accent)}.tool-card h3 a{color:var(--accent);text-decoration:none}.tool-card h3 a:hover{text-decoration:underline}.card .tool-meta{font-family:var(--font-ui);color:var(--muted);margin-bottom:.5rem;font-size:.875rem}.card .tool-examples{margin-top:.5rem;font-size:.9375rem}.book-tools{margin-top:2.5rem}[data-site=welding]{--paper:#f4f5f6;--surface:#fff;--ink:#16202b;--muted:#586472;--line:#d8dde3;--accent:#1d4f86;--accent-soft:#e6eef7;--arc:#c8551b;--arc-soft:#fbeee6;--font-body:"Sarabun", "IBM Plex Sans Thai", system-ui, sans-serif;--font-ui:"IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}@media (prefers-color-scheme:dark){[data-site=welding]{--paper:#0f141a;--surface:#161d25;--ink:#e6eaee;--muted:#9aa6b2;--line:#2a3440;--accent:#8fb8e8;--accent-soft:#1b2a3b;--arc:#f08a52;--arc-soft:#3a2316}}[data-site=welding] body{font-size:1.0625rem}[data-site=welding] h1{letter-spacing:-.01em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wide{max-width:76rem;margin:0 auto;padding:0 1rem}main.wide{padding-block:2rem 4rem}.portal-header{background:var(--surface);border-bottom:1px solid var(--line);font-family:var(--font-ui);z-index:20;position:sticky;top:0}.portal-bar{justify-content:space-between;align-items:center;gap:1rem;max-width:76rem;margin:0 auto;padding:.7rem 1rem;display:flex}.brand{color:var(--ink);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--accent) 0 55%, var(--arc) 55% 100%);border-radius:2px;width:1.1rem;height:1.1rem}.portal-nav{border-top:1px solid var(--line)}.portal-nav-inner{scrollbar-width:none;gap:.25rem;max-width:76rem;margin:0 auto;padding:0 1rem;display:flex;overflow-x:auto}.portal-nav a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:.6rem .75rem;font-size:.9375rem;text-decoration:none}.portal-nav a:hover{color:var(--ink)}.portal-nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.search{width:min(26rem,100%);position:relative}.search-field{background:var(--paper);border:1px solid var(--line);border-radius:6px;align-items:center;gap:.5rem;padding:0 .6rem;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field svg{width:1rem;height:1rem;color:var(--muted);flex:none}.search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:.5rem 0;font-size:.9375rem}.search.large{width:100%;max-width:40rem}.search.large .search-field{background:var(--surface);border-radius:8px;padding:0 1rem}.search.large input{padding:.9rem 0;font-size:1.0625rem}.search-results{z-index:30;background:var(--surface);border:1px solid var(--line);max-height:70vh;font-family:var(--font-ui);border-radius:8px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000024}.search-results a{color:var(--ink);border-radius:6px;grid-template-columns:4rem 1fr;column-gap:.5rem;padding:.45rem .6rem;line-height:1.45;text-decoration:none;display:grid}.search-results a:hover,.search-results a.active{background:var(--accent-soft)}.sr-code{font-family:var(--font-mono);color:var(--accent);grid-row:span 2;font-weight:600}.sr-title{font-size:.9375rem}.sr-group{color:var(--muted);font-size:.8125rem}.sr-empty{color:var(--muted);padding:.6rem;font-size:.9375rem}.eyebrow-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--arc);margin:0 0 .35rem;font-size:.8125rem;font-weight:600}.muted{color:var(--muted);font-weight:400}.code{font-family:var(--font-mono);font-weight:600}.hero{max-width:52rem;padding:1.5rem 0 1rem}.hero h1{margin:0 0 .75rem;font-size:clamp(1.9rem,4.6vw,2.9rem);line-height:1.25}.hero .lead{font-family:var(--font-ui);max-width:40rem;margin-bottom:1.5rem;font-size:1.0625rem}.home-block{margin-top:3rem}.home-block>h2{margin:0 0 1rem;font-size:1.125rem}.start-grid,.section-grid,.card-grid,.tile-grid{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.start-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.start{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--arc);color:var(--ink);font-family:var(--font-ui);border-radius:6px;gap:.15rem;padding:.9rem 1rem;line-height:1.45;text-decoration:none;display:grid}.start:hover{border-color:var(--arc)}.start-title{font-weight:600}.start-hint{color:var(--muted);font-size:.875rem}.section-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.section-card,.big-card{background:var(--surface);border:1px solid var(--line);height:100%;color:var(--ink);font-family:var(--font-ui);border-radius:8px;flex-direction:column;gap:.35rem;padding:1.1rem 1.15rem;line-height:1.45;text-decoration:none;display:flex}.section-card:hover,.big-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0000000f}.card-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.card-title{font-size:1.1875rem;font-weight:700}.card-sub{color:var(--muted);font-size:.9375rem}.card-foot{color:var(--muted);margin-top:auto;padding-top:.5rem;font-size:.8125rem}.chip-row{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.chip{font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:500}.chip.more{color:var(--muted);background:0 0}.home-more{font-family:var(--font-ui);margin-top:.75rem;font-size:.9375rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.author-strip{background:var(--surface);border:1px solid var(--line);font-family:var(--font-ui);color:var(--muted);border-radius:8px;padding:1rem 1.25rem;font-size:.9375rem;line-height:1.6}.author-strip p{margin:0}.author-strip strong{color:var(--ink)}.section-head{max-width:52rem;margin-bottom:1rem}.section-head h1{margin-bottom:.25rem;font-size:clamp(1.75rem,4vw,2.4rem)}.section-meta{font-family:var(--font-ui);color:var(--muted);font-size:.9375rem}.section-block{margin-top:2.25rem}.section-block>h2{border-bottom:1px solid var(--line);margin:0 0 .75rem;padding-bottom:.4rem;font-size:1.0625rem}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(14.5rem,1fr))}.tile{background:var(--surface);border:1px solid var(--line);height:100%;color:var(--ink);font-family:var(--font-ui);border-radius:6px;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.75rem;padding:.75rem .9rem;line-height:1.4;text-decoration:none;display:grid}.tile:hover{border-color:var(--accent)}.tile-code{font-family:var(--font-mono);color:var(--accent);min-width:2.6rem;font-size:1.0625rem;font-weight:600}.tile-text{flex-direction:column;gap:.1rem;display:flex}.tile-title{font-size:.9375rem;font-weight:600}.tile-eng{color:var(--muted);font-size:.8125rem}.section-columns{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:0 2.5rem;display:grid}.plain-list{font-family:var(--font-ui);margin:0;padding:0;list-style:none}.plain-list a{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:1.75rem 1fr;padding:.45rem 0;line-height:1.45;text-decoration:none;display:grid}.plain-list a:hover{color:var(--accent)}.plain-list .num{color:var(--accent);font-weight:600}.page-grid{grid-template-columns:15rem minmax(0,46rem) 15rem;justify-content:center;align-items:start;gap:2.25rem;display:grid}.side-nav,.rail{max-height:calc(100vh - 8rem);font-family:var(--font-ui);scrollbar-width:thin;font-size:.875rem;line-height:1.45;position:sticky;top:7.25rem;overflow-y:auto}.side-nav summary{padding-bottom:.5rem;font-size:.9375rem;font-weight:700;list-style:none}.side-nav summary::-webkit-details-marker{display:none}.side-nav summary a{color:var(--ink);text-decoration:none}.nav-group{margin-top:.85rem}.nav-heading{letter-spacing:.04em;color:var(--muted);margin:0 0 .3rem;font-size:.75rem;font-weight:600}.side-nav ul{margin:0;padding:0;list-style:none}.side-nav li a{color:var(--ink);border-radius:4px;margin-left:-.5rem;padding:.25rem .5rem;text-decoration:none;display:block}.side-nav .nav-codes a{grid-template-columns:2.9rem 1fr;display:grid}.side-nav .nav-codes .code{color:var(--accent);font-size:.8125rem}.side-nav li a:hover{background:var(--accent-soft)}.side-nav li a[aria-current=page]{background:var(--accent);color:#fff}.side-nav li a[aria-current=page] .code{color:#fff}.crumbs{font-family:var(--font-ui);color:var(--muted);flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.crumbs a{color:var(--muted)}.entry-head{margin-bottom:1.5rem}[data-site=welding] .prose>.layer:first-child{margin-top:0}.entry-code{font-family:var(--font-mono);color:var(--accent);margin:0;font-size:1.75rem;font-weight:600;line-height:1.2}.entry-code.small{font-family:var(--font-ui);font-size:1rem}.entry-head h1{margin:.2rem 0 .35rem}.entry-eng{font-family:var(--font-ui);color:var(--muted);margin:0}.entry-std{font-family:var(--font-ui);background:var(--arc-soft);color:var(--arc);border-radius:999px;margin:.6rem 0 0;padding:.15rem .55rem;font-size:.8125rem;font-weight:500;display:inline-block}.tool-callout{border:1px solid var(--accent);background:var(--accent-soft);color:var(--ink);font-family:var(--font-ui);border-radius:6px;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9375rem;line-height:1.5;text-decoration:none;display:flex}.tool-callout:hover{box-shadow:0 2px 10px #00000014}.tool-callout-label{letter-spacing:.06em;color:var(--accent);flex:none;font-size:.75rem;font-weight:700}.rail-box{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:1rem}.rail-title{margin:0 0 .4rem;font-size:.8125rem;font-weight:700}.rail ul{margin:0;padding:0;list-style:none}.rail li a{color:var(--muted);padding:.2rem 0;text-decoration:none;display:block}.rail li a:hover{color:var(--accent)}.rail-related a{grid-template-columns:2.9rem 1fr;display:grid!important}.rail-related .code{color:var(--accent);font-size:.8125rem}[data-site=welding] .layer{border-top-color:var(--arc);color:var(--arc)}[data-site=welding] .prose h2{font-size:1.3125rem}[data-site=welding] blockquote{border-left-color:var(--accent)}.code-group h3{color:var(--muted);margin:1.25rem 0 .4rem;font-size:.9375rem}.code-table{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:.9375rem}.code-table th,.code-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.4rem .5rem}.code-table th{width:4.5rem;font-family:var(--font-mono)}.code-table th a{text-decoration:none}.portal-footer{border-top:1px solid var(--line);background:var(--surface);font-family:var(--font-ui);color:var(--muted);margin-top:3rem;padding-block:1.75rem;font-size:.875rem;line-height:1.6}.portal-footer p{max-width:52rem;margin:.25rem 0}.related-inline{display:none}@media (width<=72rem){.page-grid{grid-template-columns:14rem minmax(0,1fr)}.rail{display:none}.related-inline{display:block}}@media (width<=52rem){.portal-bar{flex-wrap:wrap}.portal-bar .search{order:3;width:100%}.page-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.side-nav{border:1px solid var(--line);background:var(--surface);border-radius:6px;max-height:none;padding:.6rem .9rem;position:static}.side-nav details:not([open]) summary{padding-bottom:0}.side-nav summary:after{content:" · หน้าทั้งหมดในหมวด";color:var(--muted);font-weight:400}.portal-header{position:static}.code-table td.muted{display:none}}