/* SEOUL – Trang tin tuyển dụng (giao diện mới). Màu/phông dùng chung biến --sh-* của Trang chủ mới. */
.jb-root{background:var(--sh-bg);padding:18px 0 48px}
.jb-crumb{margin:0 0 14px}
.jb-crumb a{display:inline-flex;align-items:center;gap:6px;color:var(--sh-main)!important;font-weight:700;text-decoration:none;font-size:.95em}
.jb-crumb svg{width:18px;height:18px;fill:currentColor}

/* Đầu trang */
.jb-head{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;padding:26px;border-radius:calc(var(--sh-r) + 6px);background:var(--sh-card);box-shadow:0 10px 40px rgba(60,10,0,.08)}
.jb-head--noimg{grid-template-columns:minmax(0,1fr)}
.jb-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.jb-tags span{padding:4px 11px;border-radius:999px;background:var(--sh-bg);font-size:.8em;font-weight:700;color:color-mix(in srgb,var(--sh-text) 75%,transparent)}
.jb-tags .jb-badge{display:inline-flex;align-items:center;gap:6px;background:#e7f6ec;color:#16743a}
.jb-badge i{width:8px;height:8px;border-radius:50%;background:#1f9d4c;animation:jb-pulse 1.8s infinite}
@keyframes jb-pulse{0%{box-shadow:0 0 0 0 rgba(31,157,76,.55)}70%{box-shadow:0 0 0 8px rgba(31,157,76,0)}100%{box-shadow:0 0 0 0 rgba(31,157,76,0)}}
.jb-title{margin:0 0 6px;font-family:var(--sh-font-h,inherit);font-size:clamp(1.6em,3.6vw,2.4em);line-height:1.12;font-weight:800;color:var(--sh-dark);overflow-wrap:anywhere}
.jb-title small{display:block;font-size:.42em;letter-spacing:.12em;text-transform:uppercase;color:var(--sh-main);margin-bottom:4px}
.jb-roles-line{margin:0 0 8px;font-weight:700;font-size:1.05em;color:var(--sh-main)}
.jb-addr{display:flex;gap:6px;align-items:flex-start;margin:0 0 14px;color:color-mix(in srgb,var(--sh-text) 80%,transparent)}
.jb-addr svg{width:18px;height:18px;fill:var(--sh-main);flex:none;margin-top:3px}
.jb-facts{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.jb-facts li{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:12px;background:var(--sh-bg);font-weight:700;font-size:.92em}
.jb-facts li:first-child{background:#fff4d6;color:#7a4b00}
.jb-facts svg{width:18px;height:18px;fill:var(--sh-main);flex:none}
.jb-cta{display:flex;flex-wrap:wrap;gap:10px}
.jb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;font-weight:800;text-decoration:none;border:1.5px solid transparent;transition:transform .12s,filter .12s;min-width:0}
.jb-btn svg{width:18px;height:18px;fill:currentColor;flex:none}
.jb-btn:hover{transform:translateY(-1px);filter:brightness(.95)}
.jb-btn--main{background:var(--sh-main);color:#fff!important;font-size:1.05em;padding:14px 26px;box-shadow:0 8px 22px color-mix(in srgb,var(--sh-main) 35%,transparent)}
.jb-btn--call{background:#1f8a3b;color:#fff!important}
.jb-btn--call b{font-weight:800;opacity:.92}
.jb-btn--zalo{background:#0068ff;color:#fff!important}
.jb-btn--msg{background:#fff;border-color:color-mix(in srgb,var(--sh-main) 30%,transparent);color:var(--sh-main)!important}
.jb-note{margin:10px 0 0;font-size:.85em;color:color-mix(in srgb,var(--sh-text) 60%,transparent)}
.jb-poster{display:block;width:100%;padding:0;border:0;border-radius:var(--sh-r);overflow:hidden;cursor:zoom-in;background:var(--sh-bg);box-shadow:0 10px 30px rgba(60,10,0,.18)}
.jb-poster img{display:block;width:100%;height:auto}

/* Nội dung */
.jb-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;margin-top:22px;align-items:start}
.jb-side{position:sticky;top:16px;display:grid;gap:16px}
.jb-intro{margin:0 0 16px;padding:14px 18px;border-left:4px solid var(--sh-main);border-radius:0 var(--sh-r) var(--sh-r) 0;background:var(--sh-card);font-size:1.02em}
.jb-sec{margin:0 0 16px;padding:20px;border-radius:calc(var(--sh-r) + 4px);background:var(--sh-card);box-shadow:0 6px 24px rgba(60,10,0,.05)}
.jb-side .jb-sec{margin:0}
.jb-sec h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:var(--sh-font-h,inherit);font-size:1.15em;font-weight:800;color:var(--sh-dark)}
.jb-sec h2 svg{width:20px;height:20px;padding:7px;box-sizing:content-box;border-radius:12px;background:color-mix(in srgb,var(--sh-main) 10%,#fff);fill:var(--sh-main);flex:none}
.jb-roles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.jb-roles li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--sh-r);background:var(--sh-bg);border:1.5px solid transparent;transition:border-color .12s}
.jb-roles li:hover{border-color:color-mix(in srgb,var(--sh-main) 40%,transparent)}
.jb-roles strong{font-weight:800;color:var(--sh-dark)}
.jb-roles a{flex:none;padding:5px 12px;border-radius:999px;background:var(--sh-main);color:#fff!important;font-size:.85em;font-weight:800;text-decoration:none}
.jb-pay__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.jb-pay__list div{padding:14px 16px;border-radius:var(--sh-r);background:linear-gradient(135deg,#fff8e1,#ffefc2);border:1.5px dashed color-mix(in srgb,var(--sh-accent) 80%,#c88a00)}
.jb-pay__list small{display:block;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8a5a00}
.jb-pay__list strong{display:block;font-size:1.25em;line-height:1.3;color:var(--sh-dark)}
.jb-type{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0 0 8px}
.jb-type b{padding:3px 10px;border-radius:999px;background:var(--sh-dark);color:var(--sh-accent);font-size:.85em}
.jb-type span{color:color-mix(in srgb,var(--sh-text) 80%,transparent)}
.jb-shifts{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.jb-shifts li{padding:10px 12px;border-radius:12px;background:var(--sh-bg);text-align:center}
.jb-shifts small{display:block;font-weight:800;color:var(--sh-main);font-size:.82em;text-transform:uppercase;letter-spacing:.05em}
.jb-shifts strong{font-size:1.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
.jb-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.jb-list li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.jb-list li svg{width:18px;height:18px;flex:none;margin-top:3px;padding:2px;border-radius:50%;background:#e7f6ec;fill:#16743a}
.jb-benefit .jb-list li svg{background:#fff4d6;fill:#b26a00}
.jb-phone{display:block;margin:0 0 12px;padding:12px 14px;border-radius:var(--sh-r);background:var(--sh-bg);text-decoration:none;color:var(--sh-text)!important}
.jb-phone small{display:block;font-size:.82em;font-weight:700;color:color-mix(in srgb,var(--sh-text) 60%,transparent)}
.jb-phone strong{font-size:1.45em;color:#1f8a3b;letter-spacing:.02em}
.jb-contact .jb-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jb-contact .jb-btn{padding:11px 10px;font-size:.92em}
.jb-contact .jb-btn--main{grid-column:1 / -1;font-size:1em}
.jb-contact .jb-btn--call b{display:none}
.jb-place p{margin:0 0 10px;line-height:1.5}
.jb-links{display:flex;flex-wrap:wrap;gap:8px}
.jb-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--sh-main) 30%,transparent);color:var(--sh-main)!important;font-weight:800;font-size:.88em;text-decoration:none}
.jb-links svg{width:16px;height:16px;fill:currentColor}

.jb-more{margin:10px 0 0}
.jb-more__head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin:0 0 12px}
.jb-more__head h2{margin:0;font-family:var(--sh-font-h,inherit);font-size:1.2em;color:var(--sh-dark)}
.jb-more__head a{color:var(--sh-main)!important;font-weight:800;text-decoration:none}
.jb-more__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.jb-job{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--sh-r);background:var(--sh-card);text-decoration:none;color:var(--sh-text)!important;box-shadow:0 6px 20px rgba(60,10,0,.06);transition:transform .12s}
.jb-job:hover{transform:translateY(-2px)}
.jb-job strong{color:var(--sh-dark);font-weight:800}
.jb-job span{font-size:.9em;color:var(--sh-main);font-weight:700}
.jb-job em{font-style:normal;font-size:.88em;font-weight:700;color:#7a4b00}
.jb-job small{font-size:.8em;opacity:.6}

.jb-body{margin:20px 0 0;border-radius:calc(var(--sh-r) + 4px);background:var(--sh-card);overflow:hidden}
.jb-body>summary{cursor:pointer;list-style:none;padding:15px 20px;font-weight:800;color:var(--sh-dark)}
.jb-body>summary::-webkit-details-marker{display:none}
.jb-body>summary::after{content:" ▾";color:var(--sh-main)}
.jb-body[open]>summary::after{content:" ▴"}
.jb-body__in{padding:0 20px 18px;line-height:1.7}
.jb-body__in img{max-width:100%;height:auto}

.jb-dock{display:none}
@media (max-width:980px){
	.jb-head,.jb-grid{grid-template-columns:minmax(0,1fr)}
	.jb-head__img{max-width:420px}
	.jb-side{position:static}
}
@media (max-width:700px){
	.jb-root{padding:12px 0 90px}
	.jb-head{padding:16px;gap:18px;border-radius:var(--sh-r)}
	.jb-head__img{max-width:none}
	.jb-head .jb-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
	.jb-head .jb-btn{padding:11px 8px;font-size:.92em}
	.jb-head .jb-btn--main{grid-column:1 / -1}
	.jb-head .jb-btn--call b{display:none}
	.jb-head .jb-btn--msg{display:none}
	.jb-sec{padding:16px;border-radius:var(--sh-r)}
	.jb-roles{grid-template-columns:minmax(0,1fr)}
	.jb-shifts{grid-template-columns:repeat(3,minmax(0,1fr))}
	.jb-shifts li{padding:9px 4px}
	.jb-shifts strong{font-size:.8em}
	.jb-dock{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.1)}
	.jb-dock a{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;border-radius:12px;background:var(--sh-bg);font-weight:800;font-size:.9em;color:var(--sh-text)!important;text-decoration:none}
	.jb-dock a svg{width:18px;height:18px;fill:currentColor}
	.jb-dock a.is-main{background:var(--sh-main);color:#fff!important}
	.jb-dock a:nth-child(2){background:#1f8a3b;color:#fff!important}
	.jb-dock a:nth-child(3){background:#0068ff;color:#fff!important}
	.jb-z{font-weight:900}
}
@media (prefers-reduced-motion:reduce){.jb-badge i{animation:none}}