/* งานรัฐ.com jobs-only glossy presentation. No global/home rules. */
body.nr-jobs-gloss{--jg-gold:#ffd27a;background:radial-gradient(ellipse at 84% 0,rgba(28,83,147,.32),transparent 38rem),radial-gradient(ellipse at 0 38rem,rgba(0,133,225,.13),transparent 36rem),#050b16;color:#f3f7ff}
body.nr-jobs-gloss .inner-main{max-width:1260px;padding:24px 24px 60px}
body.nr-jobs-gloss .topnav{position:sticky;top:0;background:rgba(4,15,32,.95);border-bottom:1px solid #22415e;box-shadow:0 12px 40px #0005;backdrop-filter:blur(18px)}
body.nr-jobs-gloss .topnav .container{max-width:1260px;min-height:74px;height:auto;gap:24px;padding:12px 24px;box-sizing:border-box}
body.nr-jobs-gloss .logo{display:block;position:relative;font-size:30px;gap:0;white-space:nowrap;line-height:1.05;padding-bottom:14px}
body.nr-jobs-gloss .logo::after{position:absolute;bottom:0;left:0;font-size:9px;line-height:1.1;white-space:nowrap}
body.nr-jobs-gloss .logo .th{color:#ffd27a}
body.nr-jobs-gloss .nav-links{gap:18px;font-size:14px;flex:1;justify-content:center;flex-wrap:wrap}
body.nr-jobs-gloss .nav-links a.active{color:#ffe1a4;text-shadow:0 0 16px #ffd07866}
body.nr-jobs-gloss .nav-links a.active::after{background:#ffce71;box-shadow:0 0 10px #ffd078}
body.nr-jobs-gloss .nav-actions{flex-shrink:0;gap:8px}
body.nr-jobs-gloss .nr-g-quick-check{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #355775;border-radius:50%;background:linear-gradient(#193451,#091a2d);color:#e4f2ff}
body.nr-jobs-gloss .nr-g-quick-check svg{width:20px;height:20px}
body.nr-jobs-gloss .icon-btn{background:linear-gradient(#193451,#091a2d);border:1px solid #355775;box-shadow:inset 0 1px #ffffff1c;width:42px;height:42px;color:#e4f2ff}
body.nr-jobs-gloss .inner-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:center;gap:18px;position:relative;isolation:isolate;min-height:290px;padding:32px;border:1px solid #2c547a;border-radius:25px;background:radial-gradient(ellipse at 90% 0,#24569466,transparent 60%),linear-gradient(120deg,#09182e,#102c4c 65%,#15385b);box-shadow:inset 0 1px #b1deff2b,0 12px 40px #0003;overflow:hidden}
body.nr-jobs-gloss .inner-hero::before{content:"";position:absolute;z-index:-1;width:90%;height:4px;top:auto;bottom:18%;left:-28%;transform:rotate(-14deg);border-radius:100%;background:linear-gradient(90deg,transparent,#1caeff99,transparent);box-shadow:0 0 22px 8px #169bff22}
body.nr-jobs-gloss .inner-hero::after{content:"";position:absolute;z-index:-1;inset:0;border:0;border-radius:inherit;transform:none;width:auto;height:auto;background:linear-gradient(145deg,#ffffff08,transparent 42%);pointer-events:none}
body.nr-jobs-gloss .jg-hero-copy{position:relative;z-index:1;min-width:0}
body.nr-jobs-gloss .inner-kicker{display:block;color:#a5c9f3;font-family:inherit;font-size:12px;letter-spacing:1px;font-weight:600}
body.nr-jobs-gloss .inner-hero h1{font-size:clamp(28px,3.15vw,43px);line-height:1.38;margin:12px 0 14px;max-width:760px;color:#fff2d1;text-wrap:balance;text-shadow:0 2px 12px #0006}
body.nr-jobs-gloss .inner-hero p{font-size:16px;line-height:1.8;color:#cfdef1;max-width:720px;margin:0}
body.nr-jobs-gloss .hero-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;font-size:13px}
body.nr-jobs-gloss .hero-summary>span{border:1px solid #425977;background:#06162a99;border-radius:9px;line-height:1.5;padding:7px 10px;min-width:0;color:#cfdded}
body.nr-jobs-gloss .hero-summary strong{color:#ffdc91}
body.nr-jobs-gloss .jg-assurance{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#a9bfd7;margin-top:18px}
body.nr-jobs-gloss .jg-assurance span::before{content:"✓";color:#f6ce80;margin-right:6px}
body.nr-jobs-gloss .jg-hero-art{position:relative;align-self:center;width:100%;min-width:0;filter:drop-shadow(0 12px 18px #0005)}
body.nr-jobs-gloss .jg-hero-art img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}
body.nr-jobs-gloss .soft-panel{border:1px solid #4c8fb9;border-radius:21px;background:linear-gradient(160deg,#193755ee,#081a30f5 65%);box-shadow:inset 0 1px 0 #a8d8ff4d,0 0 22px #078bff17,0 16px 26px #0003;overflow:hidden}
body.nr-jobs-gloss .desktop-filter{padding:24px;gap:16px}
body.nr-jobs-gloss .desktop-filter label{color:#eaf4ff;font-weight:600;font-size:14px;gap:10px}
body.nr-jobs-gloss .desktop-filter input,body.nr-jobs-gloss .desktop-filter select{height:50px;background:#07192e;border:1px solid #6589ac;border-radius:12px;color:#f2f7ff;padding:10px 13px;font-size:15px;box-shadow:inset 0 3px 8px #0005;min-width:0}
body.nr-jobs-gloss .desktop-filter input::placeholder{color:#a9bdd2;opacity:1}
body.nr-jobs-gloss .desktop-filter button{min-height:50px;min-width:132px;border:1px solid #ffbc8a;border-radius:13px;background:linear-gradient(140deg,#ff478f,#ca075a);color:white;padding:12px 22px;box-shadow:inset 0 2px 2px #ffc77c99,0 0 18px #ff277c55;font-weight:700;font-size:16px}
body.nr-jobs-gloss .desktop-filter button:hover{filter:brightness(1.12)}
body.nr-jobs-gloss .jobs-discovery-links{padding:0 24px 20px;gap:8px}
body.nr-jobs-gloss .jobs-discovery-links a{background:#0b213a;border:1px solid #466786;color:#d9e7fa;min-height:38px;font-size:12px}
body.nr-jobs-gloss .section-block{margin-top:30px}
body.nr-jobs-gloss .section-block-head{align-items:center}
body.nr-jobs-gloss .section-block-head h2{font-size:clamp(24px,2.6vw,33px);color:#ffe3a5;display:flex;align-items:center;gap:12px}
body.nr-jobs-gloss .section-block-head h2::before{content:"◷";font-family:Arial,sans-serif;font-size:40px;line-height:1;color:#ffd57b;text-shadow:0 0 15px #ffbc5d88}
body.nr-jobs-gloss .section-block-head p{font-size:14px;color:#aabed5}
body.nr-jobs-gloss .section-block-head>span{color:#c8d7e8;font-size:14px}
body.nr-jobs-gloss .jobs-list-modes{margin:18px 0 24px;gap:9px}
body.nr-jobs-gloss .jobs-list-modes a{background:#0d233d;border:1px solid #3b6084;border-radius:11px;color:#d8e9fc;min-height:43px}
body.nr-jobs-gloss .jobs-list-modes a[aria-current]{background:linear-gradient(#205b86,#113954);border-color:#6bcbff;color:#fff;box-shadow:inset 0 1px #ffffff33}
body.nr-jobs-gloss .result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:stretch}
body.nr-jobs-gloss .nr-share-result{position:relative;display:flex;flex-direction:column;min-width:0;align-self:stretch}
body.nr-jobs-gloss .result-card.jg-card{--jg-accent:#20cbff;--jg-rgb:32,203,255;--jg-button:#00729f;--jg-ink:#fff;display:flex;flex-direction:column;padding:0;gap:0;min-width:0;height:100%;overflow:hidden;text-decoration:none;border-radius:21px;border:2px solid var(--jg-accent);background:linear-gradient(130deg,#10253c,#071426 70%);box-shadow:inset 0 0 0 1px #e0efff33,0 0 16px rgba(var(--jg-rgb),.16),0 10px 30px #0005;transition:transform .18s ease,box-shadow .18s ease}
body.nr-jobs-gloss .result-card.jg-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #e0efff33,0 0 24px rgba(var(--jg-rgb),.32),0 15px 35px #0006}
body.nr-jobs-gloss .jg-card[data-jg-tone="1"]{--jg-accent:#ff62be;--jg-rgb:255,98,190;--jg-button:#c80069}
body.nr-jobs-gloss .jg-card[data-jg-tone="2"]{--jg-accent:#ffd078;--jg-rgb:255,208,120;--jg-button:#f5b92e;--jg-ink:#251600}
body.nr-jobs-gloss .jg-card[data-jg-tone="3"]{--jg-accent:#ba8aff;--jg-rgb:186,138,255;--jg-button:#762ad6}
body.nr-jobs-gloss .jg-card[data-jg-tone="4"]{--jg-accent:#43e8ae;--jg-rgb:67,232,174;--jg-button:#27cb93;--jg-ink:#002b1d}
body.nr-jobs-gloss .jg-card[data-jg-tone="5"]{--jg-accent:#5ab1ff;--jg-rgb:90,177,255;--jg-button:#105da3}
body.nr-jobs-gloss .jg-card[data-jg-tone="6"]{--jg-accent:#ff956d;--jg-rgb:255,149,109;--jg-button:#b64312}
body.nr-jobs-gloss .jg-card[data-jg-tone="7"]{--jg-accent:#a6e25a;--jg-rgb:166,226,90;--jg-button:#9acd4d;--jg-ink:#1a2d02}
body.nr-jobs-gloss .result-card.jg-card>span.jg-media{display:block;position:relative;flex:none;width:100%;padding:0;height:auto;aspect-ratio:2.08;overflow:hidden;border-bottom:1px solid rgba(var(--jg-rgb),.7);isolation:isolate}
body.nr-jobs-gloss .jg-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00000012 50%,#04101d66),linear-gradient(130deg,#ffffff1c,transparent 30%)}
body.nr-jobs-gloss .jg-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;border:0;border-radius:0;max-width:none;background:#122944}
body.nr-jobs-gloss .jg-status{position:absolute;z-index:1;top:13px;left:13px;border:1px solid #ffc4d899;box-shadow:0 4px 14px #0005,inset 0 1px #fff6;background:linear-gradient(#dd3272,#9d174b);color:white;border-radius:30px;padding:6px 11px;font-size:12px;font-weight:700;line-height:1.5}
body.nr-jobs-gloss .jg-card[data-jg-state="upcoming"] .jg-status{background:linear-gradient(#1c5d91,#104066);border-color:#8ed1fa;color:#e9f8ff}
body.nr-jobs-gloss .jg-card[data-jg-state="expired"] .jg-status{background:#273748;border-color:#93a9bd;color:#edf3f8}
body.nr-jobs-gloss .jg-photo-note{position:absolute;z-index:1;bottom:10px;right:12px;color:#fff;background:#071321b3;border:1px solid #ffffff33;border-radius:20px;padding:3px 8px;font-size:10px;line-height:1.5}
body.nr-jobs-gloss .result-card.jg-card>span.jg-copy{display:flex;flex:1;flex-direction:column;align-self:stretch;padding:22px;gap:14px;font-size:inherit;line-height:1.6;overflow-wrap:anywhere}
body.nr-jobs-gloss .result-card .jg-title{color:#fff;display:block;margin:0;font-size:23px;line-height:1.5;font-weight:700;text-wrap:pretty}
body.nr-jobs-gloss .jg-agency{display:flex;align-items:center;gap:10px;color:#c2d4e8;font-size:14px;line-height:1.65;min-height:40px}
body.nr-jobs-gloss .jg-logo{width:38px;height:38px;flex:none;object-fit:contain;border-radius:10px;background:#fff;padding:3px;box-sizing:border-box;border:1px solid #e4edffcc}
body.nr-jobs-gloss .jg-facts{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;font-size:13px}
body.nr-jobs-gloss .jg-facts>span{max-width:100%;min-width:0;padding:6px 10px;background:#0b2038;border:1px solid #345576;border-radius:9px;color:#deecfa;line-height:1.6}
body.nr-jobs-gloss .jg-degree::before{content:"◇";margin-right:7px;color:var(--jg-accent)}
body.nr-jobs-gloss .jg-vacancies::before{content:"•";margin-right:7px;color:var(--jg-accent)}
body.nr-jobs-gloss .jg-dates{display:flex;flex-wrap:wrap;gap:4px 18px;color:#c4d4e7;font-size:13px;line-height:1.65}
body.nr-jobs-gloss .jg-dates>span{display:block}
body.nr-jobs-gloss .jg-dates time{font-weight:600;color:#e5edf8}
body.nr-jobs-gloss .jg-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #26405d}
body.nr-jobs-gloss .jg-views{color:#9fb4cd;font-size:12px}
body.nr-jobs-gloss .jg-cta{display:inline-flex;align-items:center;justify-content:center;min-height:45px;flex:none;padding:10px 18px;border-radius:11px;color:var(--jg-ink);background:linear-gradient(165deg,#ffffff22,transparent 40%),var(--jg-button);border:1px solid var(--jg-accent);box-shadow:inset 0 2px 2px #ffffff44,0 0 15px rgba(var(--jg-rgb),.2);font-size:15px;line-height:1.5;font-weight:700}
body.nr-jobs-gloss .nr-card-share{position:absolute;z-index:2;top:12px;right:12px;align-self:auto;margin:0;min-height:36px;padding:6px 10px;font-size:11px;background:#071b30e6;color:#eaf4ff!important;border:1px solid #d1e9ff77;border-radius:22px;box-shadow:0 3px 12px #0004;line-height:1.4;backdrop-filter:blur(6px)}
body.nr-jobs-gloss .nr-card-share:hover{background:#1a4167}
body.nr-jobs-gloss .jobs-pagination{margin:30px 0;gap:9px}
body.nr-jobs-gloss .jobs-pagination a{background:linear-gradient(#193b60,#0a1b30);border:1px solid #3c6187;color:#dfedff;border-radius:10px;min-height:45px}
body.nr-jobs-gloss .jobs-pagination a[aria-current]{background:linear-gradient(#058fd3,#075a94);color:white;border-color:#60dcff;box-shadow:0 0 14px #1a9eff55}
body.nr-jobs-gloss .source-rule{background:#0b291f;border:1px solid #1d5745;border-radius:16px;padding:18px;gap:15px}
body.nr-jobs-gloss .source-rule strong{color:#b7f0d7}
body.nr-jobs-gloss .source-rule small{color:#a5c9bb}
body.nr-jobs-gloss .site-footer{margin-top:36px;padding-top:26px;border-top:1px solid #294565;color:#a6bed8}
body.nr-jobs-gloss .site-footer strong{color:#ffdd9c}
body.nr-jobs-gloss :is(a,button,input,select):focus-visible{outline:3px solid #ffe09a;outline-offset:4px}
@media(min-width:1500px){body.nr-jobs-gloss .inner-hero h1{font-size:44px}}
@media(max-width:1100px) and (min-width:761px){body.nr-jobs-gloss .topnav .container{flex-wrap:wrap;gap:8px 18px}body.nr-jobs-gloss .nav-links{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding:10px 0 2px;font-size:13px}body.nr-jobs-gloss .nav-actions{margin-left:auto}}
@media(max-width:900px){body.nr-jobs-gloss .inner-hero{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);padding:26px;gap:4px}body.nr-jobs-gloss .inner-hero h1{font-size:31px}body.nr-jobs-gloss .jg-assurance{font-size:11px;gap:6px 12px}body.nr-jobs-gloss .result-grid{gap:18px}body.nr-jobs-gloss .result-card .jg-title{font-size:20px}body.nr-jobs-gloss .result-card.jg-card>span.jg-copy{padding:18px}body.nr-jobs-gloss .jg-bottom{align-items:stretch;flex-direction:column;gap:9px}body.nr-jobs-gloss .jg-cta{width:100%;box-sizing:border-box}}
@media(max-width:760px){body.nr-jobs-gloss .topnav .container{padding:10px 16px;min-height:65px;gap:14px}body.nr-jobs-gloss .logo{font-size:26px}body.nr-jobs-gloss .nav-links{display:none}body.nr-jobs-gloss .nav-actions{margin-left:auto}body.nr-jobs-gloss .inner-main{padding:18px 16px 36px}body.nr-jobs-gloss .inner-hero{padding:22px;grid-template-columns:1fr;gap:0}body.nr-jobs-gloss .inner-kicker{font-size:10px}body.nr-jobs-gloss .inner-hero h1{font-size:30px;line-height:1.45}body.nr-jobs-gloss .inner-hero p{font-size:14px;line-height:1.8}body.nr-jobs-gloss .jg-hero-art{max-width:330px;justify-self:center;height:175px;margin-top:14px}body.nr-jobs-gloss .jg-hero-art img{height:100%;width:100%;object-fit:contain}body.nr-jobs-gloss .hero-summary{font-size:12px;margin-top:16px}body.nr-jobs-gloss .jg-assurance{font-size:11px;margin-top:14px;gap:8px 13px}body.nr-jobs-gloss .desktop-filter{padding:20px;gap:14px}body.nr-jobs-gloss .jobs-discovery-links{padding:0 20px 20px}body.nr-jobs-gloss .section-block{margin-top:25px}body.nr-jobs-gloss .section-block-head h2{font-size:25px}body.nr-jobs-gloss .section-block-head p{font-size:13px}body.nr-jobs-gloss .section-block-head>span{font-size:12px}body.nr-jobs-gloss .result-grid{grid-template-columns:1fr;gap:22px}body.nr-jobs-gloss .jg-media{aspect-ratio:1.85}body.nr-jobs-gloss .result-card.jg-card>span.jg-copy{padding:20px}body.nr-jobs-gloss .result-card .jg-title{font-size:22px}body.nr-jobs-gloss .jg-bottom{flex-direction:row;align-items:center}body.nr-jobs-gloss .jg-cta{width:auto}body.nr-jobs-gloss .source-rule{align-items:flex-start;flex-wrap:wrap}body.nr-jobs-gloss .source-rule a{margin-left:0}body.nr-jobs-gloss .site-footer{gap:20px}}
@media(max-width:380px){body.nr-jobs-gloss .inner-main{padding-inline:12px}body.nr-jobs-gloss .inner-hero{padding:20px}body.nr-jobs-gloss .inner-hero h1{font-size:27px}body.nr-jobs-gloss .jg-bottom{flex-direction:column;align-items:stretch}body.nr-jobs-gloss .jg-status{font-size:11px}body.nr-jobs-gloss .jg-photo-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){body.nr-jobs-gloss .result-card.jg-card{transition:none}body.nr-jobs-gloss .result-card.jg-card:hover{transform:none}body.nr-jobs-gloss *{scroll-behavior:auto!important}}
@media print{body.nr-jobs-gloss{background:white;color:black}body.nr-jobs-gloss .topnav,body.nr-jobs-gloss .jg-hero-art,body.nr-jobs-gloss .nr-card-share{display:none}body.nr-jobs-gloss .result-card.jg-card{break-inside:avoid;box-shadow:none;background:white;border:1px solid #333}body.nr-jobs-gloss .jg-copy :is(strong,span,time){color:black}}
