:root{--blue:#0753a5;--teal:#078f9c;--green:#2e9d61;--ink:#153047;--muted:#607786;--line:#dce8eb;--bg:#f5f9fb;--grad:linear-gradient(115deg,#0755b5,#009eac 55%,#36ae60)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:15px system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{max-width:1190px;padding:0 20px;margin:auto}.nav{background:white;position:sticky;top:0;z-index:15;box-shadow:0 3px 16px #15304710;border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;gap:22px;min-height:76px}.brand{display:flex;gap:9px;align-items:center;margin-right:auto;flex-shrink:0}.brand img{height:47px;width:47px;object-fit:contain}.brand b{font-size:17px;color:#0b568e}.brand small{display:block;font-size:11px;color:var(--green)}.links{display:flex;gap:16px;align-items:center}.links a{font-weight:700;font-size:13px}.links a:hover,.active{color:var(--teal)}.hot{background:var(--grad);border-radius:10px;padding:11px 13px;color:white;font-weight:700;white-space:nowrap;font-size:13px}.burger{display:none}.hero{background:linear-gradient(110deg,#fff,#ebf8f5);padding:30px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.hero-copy{padding:25px;background:#fffdf9;border:1px solid #e8e9df;box-shadow:0 10px 22px #144e6a0c;border-radius:22px}.eyebrow{color:var(--teal);font-weight:800;font-size:13px}.hero h1{font-size:36px;line-height:1.2;color:var(--blue);margin:12px 0}.hero h1 em,.heading em{font-style:normal;color:var(--green)}.hero p{line-height:1.7;color:var(--muted)}.hero img{width:100%;height:290px;object-fit:cover;object-position:70% center;border-radius:18px}.btn{display:inline-block;background:var(--grad);border:0;color:white;border-radius:10px;padding:12px 17px;font-weight:800}.btn.light{background:#edf8f6;color:#087d7e;border:1px solid #b7dcd9}.btn.outline{background:#fff;color:var(--blue);border:1px solid var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px auto}.quick a,.card,.panel,.job,.filter-box{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px #15446a09}.quick a{text-align:center;padding:18px 9px;font-weight:800;color:var(--blue)}.quick small{display:block;font-weight:400;color:var(--muted);margin-top:5px}.section{padding:30px 0}.heading{font-size:26px;color:var(--blue);margin:5px 0 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{overflow:hidden}.card .media{height:155px;background:linear-gradient(135deg,#cfe8ee,#e9f8ee);overflow:hidden}.media img{width:100%;height:100%;object-fit:cover}.card-body{padding:17px}.card h3{margin:7px 0;font-size:18px;line-height:1.45}.muted{color:var(--muted);font-size:13px;line-height:1.6}.salary{color:#087f65;font-weight:850;font-size:18px}.tag{display:inline-block;background:#e6f7f2;color:#07846b;font-size:12px;font-weight:750;border-radius:7px;padding:5px 9px}.tag.red{background:#fff0ec;color:#bf513a}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:0 17px 17px;gap:9px}.bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.search{display:flex;gap:8px;width:100%}.field,select,textarea{width:100%;border:1px solid #d2e2e8;border-radius:10px;background:white;color:var(--ink);padding:12px;outline:none}.field:focus,select:focus,textarea:focus{border-color:var(--teal)}.listing{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;padding:30px 0}.filter-box{padding:20px;height:max-content}.filter-box label,.form label{font-weight:700;font-size:13px;display:block;margin:13px 0 6px}.listing .cards{grid-template-columns:repeat(2,1fr)}.page-title{background:linear-gradient(120deg,#fff,#e8f8f4);padding:32px 0}.page-title h1{font-size:31px;color:var(--blue);margin:0 0 7px}.page-title img{width:350px;height:130px;object-fit:cover;border-radius:16px}.split{display:flex;align-items:center;justify-content:space-between;gap:20px}.paper{background:white;border-radius:16px;border:1px solid var(--line);padding:25px;margin:24px auto}.paper h1{color:var(--blue)}.paper p{line-height:1.7}.columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery img{width:100%;height:180px;object-fit:cover;border-radius:10px;cursor:pointer}.form{max-width:600px}.notice{background:#e9f8f4;border-radius:10px;padding:12px;font-size:13px;color:#166c61;margin:12px 0}.notice.error{background:#ffefeb;color:#a83723}.rows{display:grid;gap:12px}.row-card{display:flex;justify-content:space-between;gap:10px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:15px}.row-card>div{min-width:0}.row-card h3{margin:0 0 5px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:18px;background:white;border:1px solid var(--line);border-radius:13px}.stat b{font-size:28px;color:var(--blue);display:block}.stat small{color:var(--muted)}.table-scroll{overflow-x:auto}.data{border-collapse:collapse;width:100%;font-size:13px;min-width:680px}.data td,.data th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.data th{background:#edf8f9;color:#24556e}.foot{background:#12384d;color:#e4eff1;padding:35px 0;margin-top:25px}.foot a{text-decoration:underline}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips a{padding:8px 12px;background:#e8f7f4;border-radius:9px;color:#098473;font-size:13px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.admin-nav button{border:1px solid #cde4e6;border-radius:9px;padding:10px 13px;background:white}.admin-nav button.selected{background:var(--grad);color:#fff}.empty{padding:30px;text-align:center;color:var(--muted);background:white;border:1px dashed #cce0e3;border-radius:12px}.tiny{font-size:12px;color:var(--muted)}.status{font-weight:800;color:#0b857c}.comment{background:#f1f8fa;padding:13px;border-radius:12px}.hide{display:none!important}@media(max-width:850px){.links{display:none;position:absolute;top:76px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:20px;box-shadow:0 15px 22px #12384d22}.links.open{display:flex}.burger{display:block;border:0;background:#e9f7f5;border-radius:9px;padding:9px;font-size:20px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:27px}.cards{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.listing{grid-template-columns:1fr}.filter-box{position:static}.columns{grid-template-columns:1fr}}@media(max-width:580px){.wrap{padding:0 14px}.brand img{width:39px;height:39px}.brand b{font-size:14px}.brand small{font-size:10px}.hot{font-size:0;padding:10px}.hot:before{content:'☎';font-size:17px}.nav-row{min-height:63px}.links{top:63px}.hero{padding:9px 0}.hero-grid{display:block;position:relative}.hero-copy{position:relative;z-index:1;padding:13px;min-height:33vh}.hero h1{font-size:21px;margin:7px 0}.hero p{font-size:12px;margin:7px 0}.hero img{display:none}.hero .btn{padding:9px;font-size:12px}.quick{gap:8px}.quick a{font-size:13px;padding:13px 5px}.quick small{font-size:11px}.cards,.listing .cards{grid-template-columns:1fr}.section{padding:17px 0}.heading{font-size:22px}.page-title h1{font-size:24px}.page-title img{display:none}.paper{padding:16px}.gallery img{height:120px}.grid2,.stats{grid-template-columns:repeat(2,1fr)}.row-card{align-items:flex-start;flex-direction:column}.split{align-items:start}.footer-grid{display:block}}

/* Hero: illustration only; prevent the original banner text from repeating. */
.hero-grid > img{display:block;width:100%;height:290px;object-fit:cover;object-position:center 34%;border-radius:18px}
@media(max-width:580px){.hero-grid > img{display:none}}

/* Crop and contain standalone worker photograph without overlapping the intro. */
.hero-grid > img{height:290px;object-fit:cover;object-position:center 42%}

/* V3: banner chính thức và trạng thái menu */
.links a.nav-recruit{color:#d62323}
.links a.nav-current,.links a.nav-current.nav-recruit{color:#087b53!important;border-bottom:3px solid #087b53;padding-bottom:7px}
.hero.hero-v3{padding:0;background:#eff7f5}
.hero-v3-frame{position:relative;width:100%;max-width:2048px;margin:auto}
.hero-v3-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
.hero-v3-contact{position:absolute;left:6.2%;bottom:9%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 15px;border-radius:16px;background:rgba(255,255,255,.91);box-shadow:0 6px 20px #0b4f7540;backdrop-filter:blur(5px)}
.hero-v3-phone{font-size:clamp(13px,1.45vw,24px);font-weight:700;color:#0753a5}
.hero-v3-phone strong{font-weight:900}
.hero-v3-buttons{display:flex;gap:12px;flex-wrap:wrap}
.hero-v3-buttons .btn{border-radius:99px;padding:10px 20px;font-size:clamp(12px,1.15vw,18px)}
@media(max-width:760px){.hero-v3-contact{position:relative;left:auto;bottom:auto;border-radius:0;background:white;padding:9px 15px;box-shadow:none;width:100%;gap:7px}.hero-v3-phone{font-size:13px}.hero-v3-buttons .btn{font-size:12px;padding:9px 12px}.hero-v3-image{width:100%;height:auto;max-height:33vh;object-fit:cover;object-position:center center}}

/* V4: banner thu gon theo vung duyet, khong che noi dung anh */
.hero.hero-v3{padding:14px 18px 18px;background:#eff7f5}
.hero-v3-frame{width:100%;max-width:990px;margin:0 auto;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #15304712}
.hero-v3-frame .hero-v3-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:0}
.hero-v3-contact{position:static;left:auto;bottom:auto;display:flex;align-items:center;flex-direction:column;gap:9px;width:100%;padding:10px 15px 14px;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}
.hero-v3-phone{font-size:clamp(14px,1.6vw,19px)}
.hero-v3-buttons{justify-content:center;gap:12px}
.hero-v3-buttons .btn{font-size:14px;padding:10px 18px}
/* Thu hut su chu y nhe, khong lam rung toan bo thanh menu */
.links a.nav-recruit:not(.nav-current){display:inline-block;transform-origin:center;animation:tamanRecruitNudge 4.2s ease-in-out infinite}
@keyframes tamanRecruitNudge{0%,72%,100%{transform:rotate(0deg)}75%{transform:rotate(-2deg)}78%{transform:rotate(2deg)}81%{transform:rotate(-1.5deg)}84%{transform:rotate(1.5deg)}88%{transform:rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.links a.nav-recruit{animation:none!important}}
@media(max-width:760px){.hero.hero-v3{padding:8px 10px 12px}.hero-v3-frame{border-radius:12px}.hero-v3-contact{position:static;background:#fff;padding:9px 10px 12px}.hero-v3-image,.hero-v3-frame .hero-v3-image{height:auto;max-height:none;object-fit:contain}.hero-v3-phone{font-size:13px}.hero-v3-buttons .btn{font-size:12px;padding:9px 11px}}

/* V5 hero alignment update */
.hero.hero-v3{padding:14px 18px 18px;background:#eff7f5}
.hero-v3-frame{position:relative;width:100%;max-width:1120px;margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px #15304712;background:#fff}
.hero-v3-frame .hero-v3-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:0}
.hero-v3-contact{position:absolute;left:4.6%;bottom:10.5%;display:flex;align-items:flex-start;flex-direction:column;gap:10px;max-width:31%;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 6px 18px #0b4f7518;backdrop-filter:blur(4px)}
.hero-v3-phone{font-size:clamp(13px,1.15vw,18px);line-height:1.35;font-weight:800;color:#0753a5}
.hero-v3-buttons{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}
.hero-v3-buttons .btn{font-size:13px;padding:10px 16px;border-radius:999px;white-space:nowrap}
@media(max-width:900px){.hero-v3-contact{left:4%;bottom:8%;max-width:36%}.hero-v3-phone{font-size:12px}.hero-v3-buttons .btn{font-size:12px;padding:9px 12px}}
@media(max-width:760px){.hero.hero-v3{padding:8px 10px 12px}.hero-v3-frame{border-radius:12px}.hero-v3-contact{position:static;max-width:none;background:#fff;padding:10px 12px 12px;box-shadow:none;backdrop-filter:none}.hero-v3-image,.hero-v3-frame .hero-v3-image{height:auto;max-height:none;object-fit:contain}.hero-v3-phone{font-size:13px}.hero-v3-buttons .btn{font-size:12px;padding:9px 11px}}


/* V6 hero buttons only on banner */
.hero-v3-contact{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;border-radius:0!important;max-width:none!important}
.hero-v3-buttons{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap}
.hero-v3-buttons .btn{box-shadow:0 8px 18px rgba(7,83,165,.16)}
@media(max-width:760px){.hero-v3-contact{position:static!important;padding:10px 12px 12px!important}.hero-v3-buttons{justify-content:flex-start}}


/* V7 gradient headings */
.heading{
  color:transparent !important;
  background:linear-gradient(90deg,#0753a5 0%, #0a9ab0 50%, #2e9d61 100%);
  -webkit-background-clip:text;
  background-clip:text;
  display:inline-block;
}
.heading em{
  font-style:normal;
  color:inherit !important;
  background:inherit;
  -webkit-background-clip:text;
  background-clip:text;
}
.page-title h1{
  color:transparent;
  background:linear-gradient(90deg,#0753a5 0%, #0a9ab0 50%, #2e9d61 100%);
  -webkit-background-clip:text;
  background-clip:text;
  display:inline-block;
}
.paper h1{
  color:transparent;
  background:linear-gradient(90deg,#0753a5 0%, #0a9ab0 50%, #2e9d61 100%);
  -webkit-background-clip:text;
  background-clip:text;
  display:inline-block;
}


/* V8 jobs page hero image and local data presentation */
.page-title .jobs-title-art{width:min(520px,44vw);height:170px;object-fit:cover;object-position:center;border-radius:18px;box-shadow:0 10px 26px rgba(21,48,71,.10);display:block}
.page-title .split{align-items:center}
@media(max-width:850px){.page-title .jobs-title-art{width:min(420px,42vw);height:150px}}
@media(max-width:580px){.page-title .jobs-title-art{display:none}}

/* V9 — Cập nhật nhận diện */
.brand small{font-weight:850;letter-spacing:.12px;font-size:11px;color:#a34500;background:linear-gradient(95deg,#f27c21,#cf4a42 55%,#a53ca7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hot{background:linear-gradient(125deg,#ed612c,#e73e48 60%,#ca316f);color:#fff;box-shadow:0 5px 12px #d6414938;animation:tamanHotlinePulse 4.5s ease-in-out infinite;transform-origin:center}
@keyframes tamanHotlinePulse{0%,78%,100%{transform:translateX(0) scale(1)}80%{transform:translateX(-3px) scale(1.035)}82%{transform:translateX(3px) scale(1.035)}84%{transform:translateX(-2px)}86%{transform:translateX(2px)}88%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.hot{animation:none!important}}
.heading,.heading em{background:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.heading{background:linear-gradient(100deg,#0753a5,#0299ad 50%,#2e9d61)!important;-webkit-background-clip:text!important;background-clip:text!important}
.heading em{background:inherit!important;-webkit-background-clip:text!important;background-clip:text!important}
/* Giới thiệu */
.about-intro{background:linear-gradient(120deg,#f7fcfc,#eaf6f2);padding:55px 0}
.about-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px}
.about-intro-grid>img{width:100%;height:370px;object-fit:cover;border-radius:20px;box-shadow:0 18px 45px #0753a51c}
.about-intro h1,.about-section-heading h2,.about-story h2,.about-contact h2{font-size:clamp(25px,3vw,38px);line-height:1.2;margin:12px 0 18px;background:linear-gradient(95deg,#0753a5,#009ba8,#2e9d61);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-eyebrow{font-weight:850;letter-spacing:1px;color:#07867f;font-size:13px}
.about-intro p,.about-story p,.about-value p,.about-contact p{font-size:15px;line-height:1.8;color:#536c7e}
.about-lead{font-size:17px!important;color:#2d4e62!important}
.about-values{padding-top:50px;padding-bottom:35px}
.about-section-heading{text-align:center;max-width:820px;margin:0 auto 25px}
.about-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-value{background:white;border:1px solid #dce8eb;border-radius:18px;padding:25px;box-shadow:0 8px 25px #15446a09}
.about-value>span{font-size:34px}.about-value h3{color:#0753a5;margin:12px 0 5px}
.about-story{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:34px;padding-top:20px;padding-bottom:50px}
.about-story img{width:100%;height:310px;object-fit:cover;border-radius:20px}
.about-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;border:1px solid #dce8eb;border-radius:20px;padding-top:28px;padding-bottom:28px;margin-bottom:30px}
.about-contact-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:390px}
@media(max-width:800px){.about-intro-grid,.about-story{grid-template-columns:1fr}.about-value-grid{grid-template-columns:1fr}.about-intro-grid>img{height:240px}.about-story img{height:240px}.about-contact{display:block}.about-contact-actions{justify-content:flex-start;max-width:none}}

/* V10: professional solid charcoal headings, retain brand colors for actions */
.heading,.page-title h1,.paper h1,.about-intro h1,.section h2,.about-section h2{color:#1f2937!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;display:block}
.heading em,.heading span,.page-title h1 em,.section h2 em{color:inherit!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.about-intro h1{color:#1f2937!important}


/* V11: khôi phục tiêu đề trang chủ bị trong suốt bởi -webkit-text-fill-color của V9.
   Giữ nguyên nội dung, kích thước, vị trí, chỉ thống nhất màu đen than. */
:root{--v11-heading:#1f2937}
.heading,.heading em,.heading span,
.page-title h1,.page-title h1 em,
.paper h1,.paper h2,.paper h3,
.section h2,.section h2 em,
.about-intro h1,.about-section-heading h2,
.about-value h3,.about-story h2,.about-contact h2,
.about-eyebrow{
  color:var(--v11-heading)!important;
  -webkit-text-fill-color:var(--v11-heading)!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
}
.heading{display:block!important}
.heading em{font-style:normal}

/* V12: giao diện xem trước dữ liệu trước khi ghi lên server */
.v12-preview-overlay{position:fixed;inset:0;background:rgba(14,27,40,.74);z-index:1000;display:flex;justify-content:center;align-items:center;padding:12px}
.v12-preview-shell{width:min(1120px,100%);height:min(92vh,900px);background:#edf2f4;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 70px #05172770}
.v12-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;padding:12px 16px;border-bottom:1px solid #ddd}
.v12-preview-actions{display:flex;flex-wrap:wrap;gap:7px}.v12-preview-actions .btn{font-size:12px;padding:9px 12px}
.v12-preview-scroll{flex:1;overflow:auto;padding:18px}.v12-preview-canvas{max-width:1000px;margin:auto;background:#fff;min-height:100%;transition:max-width .2s}
.v12-preview-canvas.v12-mobile{max-width:375px}.v12-public-preview{padding:25px 30px;color:#1f2937;overflow-wrap:anywhere}.v12-public-preview h1{font-size:30px;line-height:1.25;color:#1f2937!important;background:none!important;-webkit-text-fill-color:#1f2937}
.v12-preview-canvas.v12-mobile .v12-public-preview{padding:15px}.v12-preview-canvas.v12-mobile .v12-public-preview h1{font-size:22px}
.v12-preview-tag{display:inline-block;font-size:12px;background:#fef3c7;color:#92400e;padding:7px 10px;border-radius:8px;font-weight:700}
.v12-preview-summary{white-space:pre-wrap;font-size:16px;line-height:1.6}.v12-preview-body{white-space:pre-wrap;line-height:1.7}.v12-preview-image{max-width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:10px}
.v12-preview-media{display:inline-block;position:relative;max-width:100%;margin:8px 7px 8px 0}.v12-preview-watermark{position:absolute;bottom:13px;right:13px;display:flex;align-items:center;gap:5px;padding:4px 7px;background:#ffffffe0;color:#0753a5;font-size:12px;font-weight:800}.v12-preview-watermark img{width:22px;height:22px;object-fit:contain}
.v12-preview-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;font-size:14px}.v12-preview-metadata>div{padding:10px;background:#f6f9fb;border-radius:9px}.v12-olive{color:#138b65}
@media(max-width:600px){.v12-preview-overlay{padding:0}.v12-preview-shell{height:100vh;border-radius:0}.v12-preview-scroll{padding:8px}.v12-preview-metadata{grid-template-columns:1fr}}

/* V13 – thanh điều hướng di động luôn hiện và vuốt ngang */
.mobile-filter-toggle,.mobile-filter-apply{display:none}
@media(max-width:760px){
  .nav .nav-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px!important;padding-top:8px;padding-bottom:0}
  .nav .brand{order:1;flex:1 1 auto;min-width:0}
  .nav .hot{order:2;flex:0 0 auto}
  .nav .burger{display:none!important}
  .nav #navlinks,.nav .links{order:3!important;display:flex!important;position:static!important;visibility:visible!important;opacity:1!important;flex:0 0 100%!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;align-items:center!important;gap:17px!important;white-space:nowrap!important;padding:10px 1px 12px!important;background:transparent!important;box-shadow:none!important;border:0!important;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .nav #navlinks a{display:inline-flex!important;flex:none!important;width:auto!important;white-space:nowrap!important;margin:0!important;padding:6px 1px!important;scroll-snap-align:start}
  .listing{display:flex!important;flex-direction:column!important;gap:12px!important}
  #jobFilters{width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;overflow:hidden!important}
  .mobile-filter-toggle{display:flex!important;width:100%;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #d4e5eb;border-radius:12px;padding:14px 16px;color:#162c3d;font-size:16px;font-weight:750;cursor:pointer}
  .desktop-filter-title,#jobFilterFields{display:none!important}
  #jobFilters.expanded #jobFilterFields{display:block!important;padding:12px 15px}
  #jobFilters.expanded .mobile-filter-toggle span{transform:rotate(180deg)}
  .mobile-filter-apply{display:inline-flex!important;margin-top:8px}
}

/* V14: Mobile navigation hard override. No stacking. */
@media (max-width:760px){
  header.nav .wrap.nav-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:5px 8px!important;align-items:center!important;padding-block:10px 0!important;min-width:0!important}
  header.nav .wrap.nav-row>.brand{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:100%!important;min-width:0!important;margin:0!important;justify-self:start!important}
  header.nav .wrap.nav-row>.hot{grid-column:2!important;grid-row:1!important;justify-self:end!important;max-width:100%!important}
  header.nav .wrap.nav-row>nav#navlinks.links{grid-column:1/-1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;gap:22px!important;position:relative!important;float:none!important;inset:auto!important;max-height:none!important;height:auto!important;min-height:45px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:7px 2px 11px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}
  header.nav .wrap.nav-row>nav#navlinks.links::-webkit-scrollbar{display:none}
  header.nav .wrap.nav-row>nav#navlinks.links>a{display:inline-flex!important;flex:0 0 auto!important;width:max-content!important;max-width:none!important;min-width:max-content!important;white-space:nowrap!important;text-align:center!important;align-items:center!important;padding:7px 0!important;margin:0!important;line-height:1.35!important;font-size:13px!important;scroll-snap-align:start}
  header.nav .wrap.nav-row>.burger{display:none!important}
}
/* V15: ảnh nội dung và thư viện ảnh nguồn trong trình soạn thảo */
.v15-figure{margin:20px auto;max-width:820px;text-align:center}.v15-figure img{display:block;width:auto;max-width:100%;max-height:650px;margin:auto;border-radius:12px}.v15-figure figcaption{font-size:13px;color:#617287;margin-top:7px}.v15-source-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:12px 0 20px;max-height:420px;overflow:auto}.v15-image-choice{border:1px solid #d8e5e8;border-radius:10px;padding:8px;display:grid;gap:8px;align-content:start}.v15-image-choice img{width:100%;height:108px;object-fit:cover;border-radius:7px}.v15-image-choice .btn{padding:9px 7px;font-size:13px}.v15-rights{display:flex;align-items:flex-start;gap:9px;margin:10px 0;font-size:13px;color:#263c4c}.v15-rights input{flex-shrink:0;margin-top:3px}.v12-preview-body p{margin:6px 0}.v12-preview-body .v15-figure{margin:16px 0}
