@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--navy:#152f49;--orange:#ed7c3d;--muted:#788391;--line:#e3e8ec;--paper:#f7f9fa;--teal:#317d7c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:var(--paper);color:var(--navy);margin:0;font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:disabled{opacity:.6;cursor:wait}a,button{transition:background .18s,color .18s,box-shadow .18s}:is(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #ef9b6a}input,select{min-width:0}svg{vertical-align:middle;flex-shrink:0}.wrap{width:min(1180px,100% - 64px);margin:auto}.topbar{background:var(--navy);color:#bac9d7;letter-spacing:.2px;font-size:11px}.topbar .wrap{justify-content:space-between;padding:8px 0;display:flex}.header{justify-content:space-between;align-items:center;gap:25px;height:101px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:1.2;display:flex}.brand-icon{background:var(--navy);color:#ffad77;border-radius:12px;padding:12px}.brand small{font-size:15px;font-weight:600}.orange{color:var(--orange)}.brand em{letter-spacing:.2px;color:var(--muted);margin-top:7px;font-size:10px;font-style:normal;font-weight:400;display:block}.header nav{gap:30px;font-size:13px;font-weight:600;display:flex}.header nav .active{color:var(--orange)}.saved-nav{border:1px solid #d8e0e6;border-radius:8px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.saved-nav b{background:#eaf0f4;border-radius:4px;padding:0 5px}.hero{color:#fff;background:#142e48;overflow:hidden}.hero-inner{align-items:center;min-height:375px;padding-bottom:35px;display:flex;position:relative}.hero-copy{z-index:1;width:61%;padding:39px 0 50px}.eyebrow{letter-spacing:2px;color:#bed1df;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.eyebrow i{background:#ffab70;border-radius:100%;width:6px;height:6px}.hero h1{letter-spacing:-1px;margin:16px 0 14px;font-size:46px;font-weight:700;line-height:1.45}.hero p{color:#becbd8;margin:0;font-size:14px}.hero-points{color:#d3dde5;gap:23px;margin-top:23px;font-size:11px;display:flex}.hero-points span{align-items:center;gap:5px;display:flex}.hero-points svg{color:#ffab70}.hero-art{width:440px;height:365px;position:absolute;top:0;right:10px}.orbit{border:1px solid #3b5266;border-radius:50%;width:350px;height:350px;position:absolute;top:14px;right:0}.orbit-two{opacity:.7;border-style:dashed;width:260px;height:260px;top:59px;right:45px}.art-label{color:#91a8bc;letter-spacing:2.5px;font-size:9px;position:absolute;top:45px;left:60px;transform:rotate(-7deg)}.floating-card{width:333px;color:var(--navy);background:#fff;border-radius:13px;align-items:center;gap:15px;padding:21px 23px;display:flex;position:absolute;top:110px;left:12px;transform:rotate(-6deg);box-shadow:0 15px 50px #081b3050}.floating-card b{font-size:16px}.floating-card small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.mini-icon{color:#df7534;background:#fff0e4;border-radius:10px;padding:11px}.tick{color:#2e8c6d;background:#e3f3ed;border-radius:50%;margin-left:auto;padding:5px}.location-card{color:#183249;background:#f5a265;border-radius:12px;align-items:center;gap:12px;padding:19px 25px;display:flex;position:absolute;top:229px;right:0;transform:rotate(5deg);box-shadow:0 12px 30px #081b3044}.location-card b{letter-spacing:1px;font-size:13px}.location-card small{font-size:10px;display:block}.compass{color:#ffb475;position:absolute;top:55px;right:24px;transform:rotate(22deg)}.art-dot{background:#73a4a5;border-radius:50%;width:14px;height:14px;position:absolute;top:275px;left:50px}.search-box{border:1px solid var(--line);z-index:2;background:#fff;border-radius:12px;align-items:center;gap:22px;margin-top:-45px;padding:20px 23px;display:flex;position:relative;box-shadow:0 9px 26px #16334b0b}.search-box label{display:block}.search-box label>span{margin-bottom:8px;font-size:11px;font-weight:600;display:block}.search-box label>div{align-items:center;gap:10px;display:flex}.search-box svg{color:#8393a1}.search-key{border-right:1px solid var(--line);flex:1;padding-right:20px}.search-province{width:29%}.search-box input,.search-box select{outline-offset:1px;width:100%;color:var(--navy);background:0 0;border:0;height:28px;font-size:13px}.search-box input::placeholder{color:#99a3ac}.primary{background:var(--orange);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:15px 28px;font-size:13px;font-weight:600;display:inline-flex}.primary:hover{background:#d7672a}.search-box .primary svg{color:#fff}.popular{color:var(--muted);align-items:center;gap:10px;margin:17px 0 39px;font-size:11px;display:flex}.popular button{color:#647586;background:#eaf0f3;border-radius:5px;padding:4px 11px}.popular button:hover{background:#dce6ec}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:21px;display:flex}.overline{color:var(--teal);letter-spacing:1.9px;font-size:9px;font-weight:800}.section-heading h2{letter-spacing:-.5px;margin:5px 0 0;font-size:23px}.text-button{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.province-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.province-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;min-height:128px;padding:18px 16px;position:relative}.province-card>svg:not(.corner){color:#7d96a7;margin:4px 0 12px;display:block}.province-card b{font-size:13px;display:block}.province-card small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.province-num{color:#bac4cd;font-size:10px;position:absolute;top:15px;right:15px}.province-card.selected{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 7px 15px #18364d15}.province-card.selected small{color:#aebfce}.province-card.selected>svg{color:#ffad76}.province-card .corner{opacity:.6;position:absolute;bottom:17px;right:12px}.province-card:hover{border-color:#a1b6c4}.jobs-section{padding-top:48px}.muted{color:var(--muted);margin:7px 0 0;font-size:11px}.count-badge{color:#4c6c82;vertical-align:middle;background:#e6edf2;border-radius:6px;margin-left:8px;padding:3px 9px;font-size:13px;display:inline-block}.refresh{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;display:flex}.job-layout{grid-template-columns:235px 1fr;align-items:start;gap:26px;display:grid}.filters{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.filter-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px;display:flex}.filter-title b{align-items:center;gap:8px;font-size:13px;display:flex}.filter-title button{color:var(--orange);font-size:11px}.filters h3{margin:20px 18px 10px;font-size:11px}.category-list{padding:0 8px 18px}.category-list button{text-align:left;border-radius:5px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:11px;display:flex}.category-list button.chosen{color:#c66b36;background:#fff4ea;font-weight:600}.radio{border:1px solid #c8d1d8;border-radius:50%;flex-shrink:0;place-items:center;width:13px;height:13px;display:grid}.chosen .radio{border-color:var(--orange)}.radio i{background:var(--orange);border-radius:50%;width:7px;height:7px}.filter-foot{border-top:1px solid var(--line);color:var(--muted);gap:8px;padding:17px;font-size:10px;display:flex}.filter-foot b{color:#647786;font-size:10px}.filter-foot small{margin-top:7px;font-size:9px;display:block}.results-toolbar{color:var(--muted);justify-content:space-between;align-items:center;padding:2px 0 16px;font-size:11px;display:flex}.results-toolbar select{color:var(--navy);background:0 0;border:0;padding-left:5px;font-size:11px}.job-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.job-card{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;padding:21px 20px 12px;transition:box-shadow .2s,border-color .2s;display:flex}.job-card:hover{border-color:#c1d0db;box-shadow:0 6px 20px #17354d08}.job-top{align-items:center;gap:12px;margin-bottom:17px;display:flex}.company-symbol{letter-spacing:-.5px;color:#55758c;background:#eef3f6;border:1px solid #e5ecf0;border-radius:9px;place-items:center;min-width:43px;height:43px;font-size:13px;font-weight:800;display:grid}.job-card:nth-child(3n+2) .company-symbol{color:#a36d4d;background:#f8ede6;border-color:#f1e4da}.job-card:nth-child(3n) .company-symbol{color:#557e72;background:#eaf4ef;border-color:#deebe5}.job-category{color:#7f8b97;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:9px;overflow:hidden}.bookmark{color:#97a6b1;margin-left:auto;padding:4px}.bookmark.is-saved{color:var(--orange)}.job-title h3{margin:0 0 5px;font-size:15px;font-weight:700;line-height:1.55}.job-title:hover{color:#cb6a31}.company{color:#758392;min-height:35px;margin:0 0 17px;font-size:11px}.job-meta{color:#788995;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-bottom:17px;font-size:10px;display:flex}.job-meta span{align-items:center;gap:5px;display:flex}.job-meta .salary{color:#536f80}.job-bottom{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:7px;padding-top:13px;font-size:10px;display:flex}.job-bottom small{color:#91a0ac;font-size:9px}.job-bottom a{color:#c56c37;align-items:center;gap:5px;font-weight:600;display:flex}.urgent{color:#c56a39;background:#fff1e8;border-radius:4px;margin-right:7px;padding:2px 6px;font-size:9px}.source{color:#9ca7b0;margin-top:8px;font-size:8px}.source-note{color:#8a97a2;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px;display:flex}.source-note a{white-space:nowrap;color:#547487}.load-more{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:8px;margin:24px auto 0;padding:11px 30px;font-size:12px;display:flex}.empty{text-align:center;background:#fff;border:1px dashed #d2dde4;border-radius:10px;padding:60px 20px}.empty p{color:var(--muted);font-size:12px}.empty a{color:#d1763e;font-size:12px}.employer{background:#e8eef1;border:1px solid #e0e7eb;border-radius:12px;align-items:center;gap:25px;margin:51px 0;padding:30px 33px;display:flex}.employer-icon{color:#46677f;background:#dce5ea;border-radius:14px;padding:20px}.employer h2{margin:4px 0;font-size:22px}.employer p{color:var(--muted);margin:0;font-size:12px}.employer .primary{background:var(--navy);margin-left:auto;padding:14px 20px;font-size:11px}.resources{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.resources>a{border:1px solid var(--line);background:#fff;border-radius:10px;padding:24px;display:block}.resources>a:hover{border-color:#aabfcd}.resource-icon{color:#55758d;background:#edf2f5;border-radius:8px;margin-bottom:16px;padding:10px;display:inline-block}.resources h3{margin:0 0 7px;font-size:14px}.resources p{color:var(--muted);min-height:32px;margin:0 0 20px;font-size:10px}.resource-link{color:#55768c;align-items:center;gap:7px;font-size:10px;display:flex}.about{border-top:1px solid var(--line);margin:35px 0 50px;padding-top:24px}.about h3{margin:0 0 10px;font-size:12px}.about p{color:#8a96a0;max-width:980px;margin:6px 0;font-size:10px}footer{color:#c4d1dc;background:#142d44;padding:35px 0 20px}.footer-top{align-items:center;gap:35px;padding-bottom:30px;display:flex}.footer-brand{color:#fff;margin-right:auto}.footer-brand em{color:#95aabc}.footer-top>a{font-size:11px}.footer-bottom{color:#95a9ba;border-top:1px solid #354a5d;justify-content:space-between;padding-top:18px;font-size:9px;display:flex}.notice{color:#8b6338;background:#fff1de;border:1px solid #f4d7ad;border-radius:8px;justify-content:space-between;gap:15px;margin-bottom:18px;padding:12px 16px;font-size:12px;display:flex}.notice.success{color:#42765b;background:#eaf4ef;border-color:#cfe5d9}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1450px){.wrap{width:1220px}.hero-inner{min-height:400px}.hero h1{font-size:49px}.hero-art{top:15px;right:35px}}@media (max-width:1000px){.wrap{width:calc(100% - 40px)}.header nav{gap:15px;font-size:11px}.hero-art{transform-origin:100%;right:-70px;transform:scale(.8)}.hero h1{font-size:40px}.hero-copy{width:65%}.province-grid{grid-template-columns:repeat(3,1fr)}.province-card{min-height:110px}.province-card>svg:not(.corner){float:left;margin:8px 12px 0 0}.province-card b{margin-top:14px}.province-card small{margin-left:33px}.province-num{font-size:9px;top:8px}.job-layout{grid-template-columns:200px 1fr;gap:17px}.job-grid{gap:12px}.job-card{padding:16px 14px 10px}.resources{grid-template-columns:1fr 1fr}.employer{gap:18px;padding:25px}.employer h2{font-size:19px}.employer-icon{display:none}.hero-points{gap:13px}.brand{font-size:21px}.brand-icon{padding:10px}.source-note{display:block}.source-note a{margin-top:6px;display:block}}@media (max-width:720px){.wrap{width:calc(100% - 32px)}.topbar .wrap{justify-content:center;font-size:9px}.topbar .wrap span+span{display:none}.header{gap:8px;height:83px}.brand{gap:8px;font-size:20px}.brand-icon{border-radius:9px;padding:9px}.brand-icon svg{width:21px}.brand em{font-size:8px}.brand small{font-size:11px}.header nav{display:none}.saved-nav{gap:5px;padding:9px;font-size:0}.saved-nav b{font-size:10px}.hero-inner{align-items:start;min-height:340px}.hero-copy{width:100%;padding:30px 0 90px}.hero h1{margin-top:15px;font-size:36px;line-height:1.45}.hero p{max-width:90%;font-size:12px}.hero-art{display:none}.eyebrow{letter-spacing:1.5px;font-size:8px}.hero-points{gap:16px;margin-top:20px;font-size:9px}.search-box{flex-wrap:wrap;gap:14px;margin-top:-51px;padding:17px}.search-key{border-right:0;border-bottom:1px solid var(--line);flex-basis:100%;padding:0 0 12px}.search-province{flex:1;width:50%}.search-box label>span{margin-bottom:3px;font-size:10px}.search-box input,.search-box select{font-size:11px}.search-box .primary{padding:13px 17px;font-size:12px}.popular{flex-wrap:wrap;gap:6px;margin:16px 0 30px;font-size:9px}.popular button{padding:3px 8px}.section-heading h2{font-size:20px}.overline{font-size:8px}.text-button{gap:5px;font-size:10px}.province-grid{grid-template-columns:repeat(2,1fr);gap:9px}.province-card{min-height:90px;padding:13px 12px}.province-card b{margin-top:14px;font-size:12px}.province-card small{font-size:9px}.province-card .corner{display:none}.jobs-section{padding-top:34px}.job-layout{grid-template-columns:1fr;gap:17px}.filters{background:0 0;border:0}.filter-title,.filters h3,.filter-foot{display:none}.category-list{gap:7px;padding:0 0 7px;display:flex;overflow-x:auto}.category-list button{white-space:nowrap;background:#fff;border:1px solid #dce4e9;border-radius:6px;width:auto;padding:8px 12px}.radio{display:none}.category-list button.chosen{border-color:#f1ccae}.job-grid{grid-template-columns:1fr}.job-card{padding:20px 20px 12px}.company{min-height:0;margin-bottom:17px}.job-top{margin-bottom:12px}.job-category{max-width:210px}.refresh{white-space:nowrap;padding:8px;font-size:9px}.muted{max-width:240px;font-size:9px}.section-heading{gap:8px}.job-meta{font-size:11px}.job-title h3{font-size:16px}.job-bottom{font-size:11px}.source{font-size:9px}.employer{margin:32px 0;padding:23px;display:block}.employer h2{font-size:20px}.employer .primary{margin-top:18px}.resources{gap:10px}.resources>a{padding:17px 14px}.resources h3{overflow-wrap:anywhere;font-size:12px}.resources p{min-height:48px;font-size:10px}.resource-icon{margin-bottom:12px;padding:8px}.about{margin:27px 0 30px}.footer-top{flex-wrap:wrap;gap:20px}.footer-brand{flex-basis:100%}.footer-bottom{flex-direction:column;gap:9px}.notice,.results-toolbar{font-size:10px}.source-note{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.detail{max-width:850px;padding:45px 0}.detail-panel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:25px;padding:35px}.detail-panel h1{margin:12px 0;font-size:30px}.detail-panel h2{font-size:18px}.detail-panel dl{grid-template-columns:190px 1fr;gap:12px;margin:25px 0;display:grid}.detail-panel dt{color:var(--muted)}.detail-panel dd{margin:0}.detail-panel p{font-size:13px}.detail-panel small{color:var(--muted)}@media (max-width:720px){.detail-panel{padding:22px}.detail-panel h1{font-size:23px}.detail-panel dl{grid-template-columns:1fr;gap:5px}.detail-panel dd{margin-bottom:10px}}:root{--navy:#123b49;--orange:#e87c50;--teal:#257e85}.topbar,.hero{background:#123b49}.hero h1 span{color:#ffb187}.hero-copy{width:63%}.brand-icon{background:#123b49}.orbit{border-color:#426874}.floating-card{box-shadow:0 15px 50px #082c3950}.location-card{background:#f4ab7e}.hero-art .compass{color:#a4d5ce}.selected.province-card{background:#123b49}.footer-brand{color:#fff}footer{background:#12323e}.resources{grid-template-columns:repeat(2,1fr)}