/* Page CSS trích từ <style> inline của legal-global-tuyen-dung-chi-tiet.html (bỏ preloader + base64 bg) */
.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-white{background:#fff;color:var(--red)}
.btn-white:hover{background:var(--ink);color:#fff}
.topbar .langs{display:flex;gap:6px}
.topbar .langs span{padding:2px 9px;border-radius:999px;cursor:pointer;transition:.2s}
.topbar .langs span.on{background:var(--red);color:#fff}
.topbar .langs span:not(.on):hover{color:#fff}
nav.menu a.on{color:var(--red)}
nav.menu a.on::after{width:100%;background:var(--red)}
label{display:block;font-size:13px;font-weight:600;color:var(--charcoal);margin-bottom:7px}
label .req{color:var(--red)}
input,select,textarea{width:100%;font-family:"Be Vietnam Pro";font-size:14.5px;color:var(--charcoal);padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;transition:.2s;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(196,20,42,.12)}
textarea{resize:vertical;min-height:92px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:4px 0 20px}
.consent input{width:auto;margin-top:3px}
.err{border-color:var(--red)!important}
.file-upload-wrap{position:relative;margin-bottom:0}
.file-upload-wrap input[type=file]{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;z-index:2}
.file-upload-label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px dashed var(--line);border-radius:10px;font-size:14.5px;color:var(--muted);background:#fafafa;cursor:pointer;transition:.2s}
.file-upload-label svg{flex-shrink:0;color:var(--red)}
.file-upload-wrap:hover .file-upload-label{border-color:var(--red);background:rgba(196,20,42,.04)}
.file-upload-wrap.has-file .file-upload-label{border-style:solid;border-color:var(--red);color:var(--ink);background:rgba(196,20,42,.04)}
.formnote{font-size:12px;color:var(--muted-2);margin-top:14px;text-align:center}
.success{display:none;text-align:center;padding:30px 10px}
.success .sic{width:72px;height:72px;border-radius:50%;background:rgba(196,20,42,.10);color:var(--red);display:grid;place-items:center;margin:0 auto 18px}
.success h3{font-size:24px;margin-bottom:10px}
.success p{color:var(--muted);font-size:15px;max-width:340px;margin:0 auto}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px}
.field.full{grid-column:span 2}
.jd-section{padding:72px 0 80px}
.jd-grid{display:grid;grid-template-columns:1fr 380px;gap:52px;align-items:start}
.jd-back{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;text-decoration:none;margin-bottom:24px;transition:.2s}
.jd-back:hover{color:var(--red)}
.jd-title{font-size:clamp(24px,3vw,36px);font-weight:900;color:var(--ink);margin:0 0 14px}
.jd-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.job-ct,.job-jlpt{font-size:13px;font-weight:600;padding:5px 12px;border-radius:99px}
.job-ct{background:rgba(196,20,42,.10);color:var(--red)}
.job-jlpt{background:var(--mist,#f4f4f6);color:var(--charcoal)}
.jd-block{margin-bottom:36px}
.jd-block h2{font-size:18px;font-weight:700;color:var(--ink);padding-bottom:10px;border-bottom:2px solid var(--red);margin-bottom:16px}
.jd-block p{color:var(--muted);line-height:1.75;font-size:15px}
.jd-block ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.jd-block ul li{position:relative;padding-left:20px;color:var(--muted);font-size:15px;line-height:1.6}
.jd-block ul li::before{content:"•";position:absolute;left:0;color:var(--red);font-weight:900}
.jd-block a{color:var(--red)}
/* Nội dung nhập từ editor (repeater 求人内容) */
.jd-rte>*:first-child{margin-top:0}
.jd-rte>*:last-child{margin-bottom:0}
.jd-rte p{margin:0 0 14px}
.jd-rte ul{margin:0 0 14px}
.jd-rte ol{margin:0 0 14px;padding-left:22px;color:var(--muted);font-size:15px;line-height:1.7}
.jd-rte ol li{margin-bottom:8px}
.jd-rte h3{font-size:16px;font-weight:700;color:var(--ink);margin:24px 0 10px}
.jd-rte h4{font-size:15px;font-weight:700;color:var(--ink);margin:20px 0 8px}
.jd-rte strong,.jd-rte b{color:var(--ink);font-weight:700}
.jd-rte blockquote{margin:0 0 14px;padding:12px 16px;border-left:3px solid var(--red);background:rgba(196,20,42,.04);color:var(--muted)}
.jd-rte img{max-width:100%;height:auto;border-radius:12px}
.jd-rte table{width:100%;border-collapse:collapse;font-size:14.5px;color:var(--muted);margin:0 0 14px}
.jd-rte table th,.jd-rte table td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.jd-rte table th{color:var(--ink);font-weight:700;background:var(--mist,#f4f4f6)}
.jd-info-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:22px}
.jd-info-card h3{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.jd-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.jd-meta li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px}
.jd-meta .k{color:var(--muted);min-width:80px;flex-shrink:0;font-size:13px;margin-top:2px}
.jd-meta .v{color:var(--ink);font-weight:600;flex:1}
.jd-apply-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 16px 50px rgba(20,23,28,.13)}
.jd-apply-card h3{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 22px}
.jd-notfound{text-align:center;padding:100px 20px;display:none}
.jd-notfound h2{margin-bottom:14px}
.jd-notfound p{color:var(--muted);margin-bottom:28px}
@media(max-width:960px){
  .jd-grid{grid-template-columns:1fr}
  .jd-apply-card{margin-top:0}
}
@media(max-width:560px){
  .frow{grid-template-columns:1fr}
  .field.full{grid-column:span 1}
}
.jd-save-wrap{margin-bottom:22px}
.jd-bm-btn{display:flex;align-items:center;gap:8px;width:100%;padding:11px 18px;border:1.5px solid #ddd;border-radius:10px;background:#fff;font-family:"Be Vietnam Pro",sans-serif;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:.2s;justify-content:center}
.jd-bm-btn:hover{border-color:#C4142A;color:#C4142A;background:rgba(196,20,42,.04)}
.jd-bm-btn.saved{border-color:#C4142A;color:#C4142A;background:rgba(196,20,42,.06)}
.jd-bm-ico{font-size:18px;line-height:1}
