/* jobs.hktv.my 版面覆寫（2026-11-06）
   1. 內容區左右對齊頂部導覽列 .hkn-in 的內容盒（logo 左緣 ~ 漢堡右緣）
   2. 招聘卡一列 3 張
   本檔排在 jobs-dark.css 之後載入，為最後覆寫層。 */

/* main 是 Tailwind .max-w-7xl.mx-auto.px-4.sm:px-6.lg:px-8：
   >=1024px 內距 32px、640~1023px 24px、<640px 16px。
   用等量負 margin 抵掉它，再用 .hkn-in 的內距（>=640px 24px / <640px 16px）
   當自己的左右 padding，兩者內容盒即完全重合。 */
.jobs-unified{
  max-width:none !important;
  box-sizing:border-box;
  width:calc(100% + 64px);
  margin-left:-32px;
  margin-right:-32px;
  padding-left:24px;
  padding-right:24px;
}
@media(max-width:1023px){
  .jobs-unified{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px}
}
@media(max-width:639px){
  .jobs-unified{
    width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;
    padding-left:16px;padding-right:16px
  }
}

/* 招聘卡：桌面 3 欄 / 中屏 2 欄 / 手機 1 欄 */
.uj-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
@media(max-width:1099px){
  .uj-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:699px){
  .uj-grid{grid-template-columns:minmax(0,1fr) !important}
}
/* 3 欄時略收內距與標題字級，避免卡片內文字過擠 */
@media(min-width:1100px){
  .uj-grid{gap:14px}
  .uj-grid .uj-card{padding-left:14px;padding-right:14px}
  .uj-grid .uj-title{font-size:calc(15.5px * var(--site-font-scale,1))}
}