@font-face{font-family:"GeistLocal";src:url("fonts/geist-500.ttf?v=1") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"GeistLocal";src:url("fonts/geist-600.ttf?v=1") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"GeistLocal";src:url("fonts/geist-700.ttf?v=1") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"NotoHKLocal";src:url("fonts/noto-hk-400.ttf?v=1") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"NotoHKLocal";src:url("fonts/noto-hk-500.ttf?v=1") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"NotoHKLocal";src:url("fonts/noto-hk-600.ttf?v=1") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"NotoHKLocal";src:url("fonts/noto-hk-700.ttf?v=1") format("truetype");font-style:normal;font-weight:700;font-display:swap}
.company-logo {
  width: 82px;
  height: 48px;
  flex: 0 0 82px;
  object-fit: cover;
  object-position: left center;
  border: 0;
  border-radius: 6px;
  background: transparent;
}
html,body,body *{font-family:"GeistLocal","NotoHKLocal","PingFang HK","Microsoft JhengHei",sans-serif!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important}
svg,svg *{font-family:inherit!important}
.hero-metric b,.company-hiring-count b,.district-panel-home .district-grid b,.cat small,.stream-title span,#v2count,.job-pay,.detail-pay{font-family:"GeistLocal",Arial,sans-serif!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important}
.hero-metric b{font-weight:700!important;letter-spacing:-.8px}
.company-logo-fallback {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 12px;
}
.company-logo-fallback {
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #dff8f4, #eaf2ff);
  color: #087e77;
  font-size: 20px;
  font-weight: 800;
}
.job-description {
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.job-recommendation-card {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  min-height: 214px;
  max-height: none;
  overflow: hidden;
  padding: 20px;
  border-color: #e0e8ea;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(31, 64, 76, .06);
}
.job-recommendation-card .job-card-company {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 38px;
}
.job-recommendation-card .job-card-company .company-logo {
  width: 54px;
  height: 36px;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.job-recommendation-card .job-card-company .company-logo-fallback {
  width: 40px;
  height: 40px;
  font-size: 16px;
}
.job-recommendation-card .job-card-company > span:last-child {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  color: #233d48;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.job-recommendation-card h3 {
  display: -webkit-box;
  overflow: hidden;
  min-height: 2.7em;
  margin: 15px 0 0;
  color: #132f3a;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.job-recommendation-card .job-card-bottom {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  margin-top: auto;
  padding-top: 18px;
  border-top: 0;
}
.job-recommendation-card .job-card-pay {
  position: relative;
  padding-left: 11px;
  color: #173e49;
  font-family:"GeistLocal","Inter",Arial,sans-serif;
  font-variant-numeric:tabular-nums;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.35px;
}
.job-pay,.detail-pay{font-family:"GeistLocal","Inter",Arial,sans-serif!important;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.job-recommendation-card .job-card-pay:before{position:absolute;top:.22em;bottom:.18em;left:0;width:3px;border-radius:3px;background:#12a89e;content:""}
.job-recommendation-card .job-card-meta {
  display: flex;
  gap: 7px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #71848c;
  font-size: 12.5px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.job-recommendation-card .job-card-meta span {
  color: #b3c0c5;
}
.job-recommendation-card:hover{border-color:#8cd5d0;box-shadow:0 14px 32px rgba(24,83,94,.11);transform:translateY(-3px)}
.home-polished .grid {
  gap: 16px;
}
.home-polished .section-head {
  margin-top: 16px;
  margin-bottom: 16px;
}
.home-rich .home-section {
  padding-top: 34px;
  padding-bottom: 34px;
}
.district-card,
.company-entry-card,
.path-card,
.insight-card {
  box-shadow: 0 5px 18px rgba(29, 68, 82, .05);
}
.home-rich {
  padding-top: 0;
}
.home-rich .home-section {
  padding-top: 30px;
  padding-bottom: 30px;
}
.home-rich .home-section:first-child,
.home-rich .home-section:nth-child(3) {
  display: none;
}
.home-section-head {
  margin-bottom: 16px;
}
.district-grid,
.company-showcase,
.path-grid,
.insight-grid {
  gap: 12px;
}
.district-grid {
  display: grid !important;
  grid-template-columns: minmax(310px, .78fr) minmax(0, 1.7fr) !important;
  align-items: stretch;
  gap: 18px;
}
.hk-district-map {
  position: relative;
  min-height: 390px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid #dce8eb;
  border-radius: 18px;
  background: linear-gradient(155deg,#e8f8f7 0%,#eef5fb 100%);
}
.hk-district-map::before,
.hk-district-map::after {
  position: absolute;
  content: '';
  border-radius: 45% 55% 48% 52%;
  background: rgba(70,181,169,.12);
  transform: rotate(-10deg);
}
.hk-district-map::before { width: 260px; height: 175px; right: -35px; top: 62px; }
.hk-district-map::after { width: 185px; height: 95px; left: 35px; bottom: 22px; }
.map-title { position: relative; z-index: 1; display:flex; justify-content:space-between; align-items:baseline; margin-bottom:16px; }
.map-title b { font-size:19px; color:#163b49; }
.map-title span { font-size:11px; color:#6d838d; }
.map-zone { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:6px; margin:8px 0; padding:11px; border-radius:14px; background:rgba(255,255,255,.72); }
.map-zone strong { width:100%; color:#49707b; font-size:11px; letter-spacing:.08em; }
.map-zone button { padding:6px 8px; border:1px solid #d9e8ea; border-radius:8px; background:#fff; color:#28505c; font-size:11px; }
.map-zone button:hover { border-color:#10aaa1; background:#e5f8f5; color:#087f78; }
.map-zone-新界 { margin-left:28px; }
.map-zone-九龍 { width:78%; margin-left:auto; }
.map-zone-香港島 { width:84%; }
.map-zone-離島 { width:48%; margin-left:12px; }
.district-card-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.district-card-list .district-card { min-height:0; padding:13px 14px; }
.district-card-list .district-card b { margin-bottom:4px; font-size:14px; }
.district-card-list .district-card span { font-size:11px; }
.company-showcase {
  align-items: start !important;
  grid-auto-rows: auto !important;
}
.home-company {
  height: auto !important;
  min-height: 0;
  padding: 18px;
  overflow: hidden;
}
.company-entry-card {
  display: flex;
  flex-direction: column;
  min-height: 138px;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.company-entry-card:hover,
.company-entry-card:focus-visible {
  border-color: #72d0ca;
  outline: 0;
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(27,79,92,.1);
}
.company-hiring-count {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #edf2f3;
  color: #657a83;
}
.company-hiring-count b {
  color: #173f46;
  font-family: "GeistLocal", Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -1px;
  line-height: 1;
}
.company-hiring-count span {
  font-size: 13px;
  font-weight: 400;
}
.company-hiring-count i {
  margin-left: auto;
  color: #0aa69d;
  font-size: 18px;
  font-style: normal;
}
.company-title {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 50px;
  margin-bottom: 8px;
}
.company-title .company-logo {
  width: 76px;
  height: 46px;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.company-title > div:last-child {
  min-width: 0;
}
.company-title h3 {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 4px;
  color: #213b46;
  font-size: 16px;
  line-height: 1.3;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.company-title small {
  display: block;
  overflow: hidden;
  color: #7a8d96;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.company-job-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(102px, 130px);
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 10px 0;
}
.company-job-row > span {
  display: -webkit-box;
  overflow: hidden;
  color: #314a55;
  font-size: 13px;
  line-height: 1.38;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.company-job-row .home-job-pay {
  display: -webkit-box;
  overflow: hidden;
  padding: 0;
  background: transparent;
  color: #087f78;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  text-align: right;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 700px) {
  .district-grid { grid-template-columns:1fr !important; }
  .hk-district-map { min-height:0; }
  .district-card-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .job-recommendation-card {
    min-height: 0;
    max-height: none;
    padding: 16px;
  }
  .company-job-row {
    grid-template-columns: minmax(0, 1fr) minmax(82px, 120px);
  }
  .company-title {
    grid-template-columns: 68px minmax(0, 1fr);
  }
  .company-logo,
  .company-title .company-logo {
    width: 72px;
    height: 44px;
    flex-basis: 72px;
  }
  .home-rich .home-section {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.home-polished .hero-main {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  color: #fff !important;
}
.home-polished .hero-panel {
  align-self: center;
  height: auto;
  min-height: 0;
  overflow: hidden;
}
.home-polished .hero-route {
  grid-template-columns: 1fr !important;
}
.home-polished .hero-route button,
.home-polished .hero-route button:first-child {
  grid-column: auto !important;
  width: 100%;
  min-height: 62px !important;
  max-height: 72px;
  padding: 10px 13px !important;
  overflow: hidden;
  writing-mode: horizontal-tb !important;
  white-space: normal;
  font-size: 14px !important;
  line-height: 1.35 !important;
}
.home-polished .hero-route button b {
  font-size: 15px !important;
}
.home-polished .hero-route button small {
  font-size: 12px !important;
}

/* 招聘工作台：避免筛选栏撑破页面，并让详情信息按阅读顺序排列。 */
.consumer-shell {
  width: 100%;
  max-width: 100vw;
  min-width: 0;
}
.consumer-filters {
  position: relative;
  z-index: 100;
  display: grid;
  grid-template-columns: repeat(4, 124px) minmax(260px, 1fr) 108px 78px;
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.consumer-filters .filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:0 14px!important;text-align:left}
.consumer-filters .filter-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.consumer-filters .filter-trigger i{flex:0 0 auto;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.consumer-filters .hover-filter.open .filter-trigger i{transform:rotate(225deg) translate(-1px,-1px)}
.consumer-filters .hover-filter{z-index:101}
.consumer-filters .hover-filter.open,.consumer-filters .hover-filter:hover{z-index:110}
.consumer-filters .filter-menu{z-index:120}
@media(min-width:761px){.consumer-filters .hover-filter:not(.open) .filter-menu{opacity:0!important;visibility:hidden!important;transform:translateY(-8px) scale(.97)!important;pointer-events:none!important}.consumer-filters .hover-filter.open .filter-menu{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}}
.company-filter-context{display:flex;align-items:center;gap:8px;margin-left:12px}.company-filter-context span{padding:6px 10px;border-radius:999px;background:#e1f7f4;color:#087f78;font-size:12px;font-weight:700}.company-filter-context button{height:32px;padding:0 11px;border:1px solid #bcd9dc;border-radius:8px;background:#fff;color:#315864;font-size:13px;font-weight:700;cursor:pointer}.company-filter-context button:last-child{border-color:#087f78;background:#087f78;color:#fff}.company-filter-context button:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(8,127,120,.14)}
.consumer-filters .hover-filter,
.consumer-filters > input,
.consumer-filters > button {
  min-width: 0 !important;
  width: 100% !important;
}
.consumer-stream,
.consumer-detail {
  min-width: 0;
}
.consumer-job,
.consumer-job.active {
  padding-bottom: 16px;
}
.consumer-job .job-source {
  min-height: 0;
  padding-right: 0;
}
.consumer-detail .detail-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.consumer-detail .detail-top h1 {
  max-width: 760px;
  margin: 8px 0 10px;
  font-size: clamp(25px, 2.25vw, 34px);
  line-height: 1.28;
}
.consumer-detail .detail-pay {
  color: #087f78;
  font-size: 18px;
}
.consumer-detail .job-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.consumer-detail .job-actions button {
  flex: 0 0 auto;
}
.consumer-detail .company-panel {
  gap: 18px;
}
.consumer-detail .recruiter .company-logo {
  width: 112px;
  height: 54px;
  flex-basis: 112px;
}
@media (max-width: 1180px) {
  .consumer-filters {
    grid-template-columns: repeat(3, 116px) minmax(210px, 1fr) 96px 72px;
    overflow-x: auto;
  }
  .consumer-filters .hover-filter:nth-child(4) {
    display: none;
  }
}

/* 首頁資訊架構：搜尋 → 最新職位 → 招聘公司 → 分類／地區 → 工具。 */
.home-polished .hero{grid-template-columns:minmax(0,900px)!important;justify-content:center;min-height:385px!important;text-align:center}
.home-polished .hero-main{width:100%;margin:auto}
.home-polished .hero h1{max-width:none;margin-bottom:12px;font-size:46px!important}
.home-polished .hero .search{max-width:850px;margin:26px auto 0}
.home-polished .hero-hot,.home-polished .hero-metrics{justify-content:center;margin-right:auto;margin-left:auto}
.home-polished .hero-metrics{max-width:520px}
.home-primary-flow{padding-top:8px!important;padding-bottom:64px!important}
.home-block{padding:32px 0;border-bottom:1px solid #e4ecef}
.home-block:last-child{border-bottom:0}
.home-block .section-head{margin:0 0 18px!important}
.home-block .section-head>div>p{margin:5px 0 0;color:#778b94;font-size:14px}
.latest-jobs-block .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hiring-company-block .company-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}
.browse-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:18px}
.browse-panel{padding:20px;border:1px solid #dfe8eb;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(29,68,82,.045)}
.browse-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.browse-panel-head h3{margin:0;color:#173743;font-size:18px}
.browse-panel-head a{color:#087f78;font-size:13px;text-decoration:none}
.browse-panel .categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
.browse-panel .cat{min-height:72px!important;padding:13px 15px!important;border-radius:11px!important;box-shadow:none!important}
.browse-panel .cat .cat-icon{display:none}
.browse-panel .cat b{margin-bottom:3px;font-size:14px}
.browse-panel .cat small{font-family:"GeistLocal","NotoHKLocal",sans-serif!important;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums!important;color:#647b84}
.district-panel-home .district-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
.district-panel-home .district-grid button{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:11px 10px;border:1px solid #e4ecee;border-radius:10px;background:#f8fbfb;color:#294955}
.district-panel-home .district-grid button:hover{border-color:#74cfc8;background:#e9f8f6;color:#087f78}
.district-panel-home .district-grid span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.district-panel-home .district-grid b{margin-left:5px;color:#173f46;font-family:"GeistLocal",Arial,sans-serif!important;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums!important;letter-spacing:-.25px}
.tools-block .insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.latest-jobs-block .grid,.hiring-company-block .company-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-columns{grid-template-columns:1fr}}
@media(max-width:700px){.home-polished .hero{text-align:left}.home-polished .hero h1{font-size:34px!important}.home-polished .hero-hot,.home-polished .hero-metrics{justify-content:flex-start}.latest-jobs-block .grid,.hiring-company-block .company-showcase,.tools-block .insight-grid{grid-template-columns:1fr}.browse-panel{padding:15px}.browse-panel .categories{grid-template-columns:1fr!important}.district-panel-home .district-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.main-nav{display:flex;align-items:center;gap:28px;margin-right:auto;margin-left:48px}
.main-nav a{color:#314b56;font-size:15px;font-weight:650;text-decoration:none}
.main-nav a:hover{color:#087f78}
@media(max-width:850px){.main-nav{display:none}}

/* 職位頁：排序是控制項，列表／網格／地圖才是視圖。 */
.sort-tabs{display:flex!important;align-items:center;gap:8px;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important}
.sort-control{display:flex;align-items:center;gap:7px;color:#72858d;font-size:12px}
.sort-control select{height:38px;padding:0 30px 0 11px;border:1px solid #dce6e9;border-radius:9px;background:#fff;color:#294550;font-size:13px;font-weight:600}
.view-switch{display:flex;padding:3px;border:1px solid #dce6e9;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(24,61,73,.04)}
.view-switch button{display:flex;align-items:center;gap:5px;height:32px!important;padding:0 10px!important;border-radius:7px!important;background:transparent;color:#657982;font-size:13px}
.view-switch button i{font-size:15px;font-style:normal}
.view-switch button.active{background:#087f78!important;color:#fff!important;box-shadow:0 3px 9px rgba(8,127,120,.2)}
.consumer-shell{grid-template-rows:68px 62px minmax(0,1fr)!important}
.consumer-primary{grid-row:3!important}
.results-toolbar{position:relative;z-index:2;box-sizing:border-box;grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-width:0;padding:10px 44px 10px 26px;border-bottom:1px solid #dce7ea;background:#fff}
.results-toolbar .stream-title{display:flex;align-items:baseline;gap:12px;min-width:0}
.results-toolbar .stream-title h2{margin:0;color:#173d49;font-size:20px;white-space:nowrap}
.results-toolbar .stream-title span{color:#6f828a;font-size:13px;white-space:nowrap}
.results-toolbar .sort-tabs{min-width:0;margin-left:auto}
.results-toolbar .sort-control,.results-toolbar .view-switch,.results-toolbar .view-switch button{white-space:nowrap!important}
.results-toolbar .view-switch button{min-width:64px;padding:0 8px!important;justify-content:center}
.consumer-stream,.consumer-detail{grid-row:3!important}
.consumer-shell .nav-collapse{top:138px!important;left:145px!important;border-radius:10px!important}
.consumer-shell.nav-collapsed .nav-collapse{left:20px!important}
.consumer-job .company-line{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.consumer-job .company-line span{display:block!important;width:100%;max-width:100%;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.consumer-job .company-line span:last-child{color:#657b84}
.consumer-shell[data-display="grid"],.consumer-shell[data-display="map"]{grid-template-columns:188px minmax(0,1fr)!important}
.consumer-shell[data-display="grid"] .consumer-detail,.consumer-shell[data-display="map"] .consumer-detail{display:none}
.consumer-shell[data-display="grid"] .consumer-stream,.consumer-shell[data-display="map"] .consumer-stream{border-right:0;padding:18px 22px}
.job-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.job-results-grid:has(.jobs-map-layout){display:block}
.job-results-grid .consumer-job{min-height:190px;margin:0;padding:17px}
.jobs-map-layout{display:grid;grid-template-columns:minmax(190px,.48fr) minmax(420px,1.12fr) minmax(210px,.5fr);gap:22px;align-items:center;min-height:620px;padding:28px;border:1px solid #dbe6e9;border-radius:18px;background:linear-gradient(145deg,#f9fcfc,#eaf5f6);box-shadow:0 8px 28px rgba(25,70,82,.06)}
.jobs-map-copy{align-self:start;padding-top:22px}
.jobs-map-copy small{color:#09877f;font-size:12px;font-weight:700;letter-spacing:.08em}
.jobs-map-copy h2{margin:9px 0 12px;color:#173d49;font-size:27px;line-height:1.25}
.jobs-map-copy p{color:#657b84;font-size:14px;line-height:1.75}
.map-legend{display:flex;align-items:center;gap:5px;margin-top:22px;color:#7b8d94;font-size:11px}
.map-legend i{width:24px;height:8px;border-radius:5px;background:#d8efed}.map-legend i:nth-of-type(2){background:#a8dcd7}.map-legend i:nth-of-type(3){background:#58bdb5}.map-legend i:nth-of-type(4){background:#087f78}
.jobs-map-svg{width:100%;min-height:470px;filter:drop-shadow(0 12px 18px rgba(16,83,91,.12))}
.standard-hk-map{width:100%;height:clamp(720px,calc(100vh - 190px),900px);min-width:0;border:1px solid #d8e5e8;border-radius:16px;overflow:hidden;background:#dcebea;box-shadow:0 10px 28px rgba(20,66,77,.1)}
.jobs-map-layout:has(.standard-hk-map)>.jobs-map-svg{display:none!important}
.district-cluster-wrap{background:transparent!important;border:0!important}.district-cluster{display:grid;width:62px;height:62px;padding:0;place-content:center;border:3px solid #087f78;border-radius:50%;background:rgba(255,255,255,.96);color:#087f78;text-align:center;box-shadow:0 5px 14px rgba(19,63,74,.24);cursor:pointer}.district-cluster b{font-size:14px;line-height:1}.district-cluster span{margin-top:4px;font-size:11px;font-weight:700}.district-cluster:hover{transform:scale(1.08);background:#087f78;color:#fff}
.district-cluster.place-cluster{width:52px;height:52px;border-width:2px;background:#087f78;color:#fff}.district-cluster.place-cluster b{font-size:12px}.district-cluster.place-cluster span{font-size:10px}.district-cluster.place-cluster:hover{background:#0aaea3}
.company-map-pin-wrap{background:transparent!important;border:0!important}.company-map-pin{display:grid;width:38px;height:38px;padding:0;place-content:center;border:2px solid #fff;border-radius:50% 50% 50% 8px;background:#087f78;color:#fff;box-shadow:0 5px 15px rgba(16,58,68,.3);cursor:pointer;transform:rotate(-45deg)}.company-map-pin b{font-family:Geist,Arial,sans-serif;font-size:13px;transform:rotate(45deg)}.company-map-pin:hover{background:#0aaea3;transform:rotate(-45deg) scale(1.12)}.company-map-popup{display:grid;gap:7px;min-width:210px}.company-map-popup b{font-size:15px;color:#123b48}.company-map-popup span{color:#5e7280;line-height:1.45}.company-map-popup button{border:0;border-radius:8px;padding:8px 10px;background:#087f78;color:#fff;font-weight:700;cursor:pointer}
.jobs-map-layout{position:relative;overflow:hidden}
.jobs-map-layout:has(.standard-hk-map){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px;align-items:stretch;padding:24px!important}
.jobs-map-layout:has(.standard-hk-map) .jobs-map-copy{padding:0!important}
.jobs-map-layout:has(.standard-hk-map) .jobs-map-copy h2{margin:5px 0 6px;font-size:25px}
.jobs-map-layout:has(.standard-hk-map) .jobs-map-copy p{margin:0;max-width:none;line-height:1.55}
.jobs-map-layout:has(.standard-hk-map) .map-legend,.jobs-map-layout:has(.standard-hk-map) .map-district-list{display:none!important}
.jobs-map-svg{touch-action:none;cursor:grab;transition:view-box .18s ease}.jobs-map-svg:active{cursor:grabbing}
.jobs-map-svg .map-cluster-circle{fill:#fff;stroke:#087f78;stroke-width:3;filter:drop-shadow(0 4px 7px rgba(15,67,76,.2));vector-effect:non-scaling-stroke}
.jobs-map-svg .map-cluster-label{fill:#087f78!important;text-anchor:middle!important;font-weight:800}.jobs-map-svg .map-count{font-size:9px!important}
.map-zoom-controls{position:absolute;z-index:5;right:272px;top:24px;display:grid;gap:6px;padding:6px;border:1px solid #dce7e9;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(22,63,74,.13)}
.map-zoom-controls button{display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:8px;background:#f0f7f7;color:#176b68;font-size:20px;font-weight:700;cursor:pointer}.map-zoom-controls button:hover{background:#087f78;color:#fff}
.jobs-map-svg g{cursor:pointer;outline:none}.jobs-map-svg polygon{stroke:#fff;stroke-width:4;stroke-linejoin:round;transition:.18s}.jobs-map-svg .map-level-1 polygon{fill:#d8efed}.jobs-map-svg .map-level-2 polygon{fill:#a8dcd7}.jobs-map-svg .map-level-3 polygon{fill:#58bdb5}.jobs-map-svg .map-level-4 polygon{fill:#087f78}
.jobs-map-svg g:hover polygon,.jobs-map-svg g:focus polygon{stroke:#163f59;transform:translateY(-3px);filter:brightness(1.05)}
.jobs-map-svg text{pointer-events:none;fill:#173d49;font-size:11px;font-weight:700;text-anchor:start}.jobs-map-svg .map-level-4 text{fill:#fff}.jobs-map-svg .map-count{font-size:10px;font-weight:600}
.map-district-list{display:grid;grid-template-columns:1fr;gap:6px;max-height:520px;overflow:auto;padding-right:4px}
.map-district-list button{display:flex;align-items:center;justify-content:space-between;min-height:37px;padding:0 10px;border:1px solid #dfe9eb;border-radius:8px;background:rgba(255,255,255,.86);color:#34525d;font-size:12px}
.map-district-list button:hover{border-color:#55bcb5;color:#087f78}.map-district-list b{font-size:13px}
@media(max-width:1100px){.job-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jobs-map-layout{grid-template-columns:1fr 1.5fr}.map-district-list{grid-column:1/-1;grid-template-columns:repeat(3,1fr);max-height:none}}
@media(max-width:760px){.consumer-shell[data-display="grid"],.consumer-shell[data-display="map"]{display:block!important}.results-toolbar{position:sticky;z-index:7;top:0;display:grid;grid-template-columns:1fr;padding:10px 12px;gap:8px}.results-toolbar .sort-tabs{width:100%!important;margin:0;justify-content:space-between}.job-results-grid{grid-template-columns:1fr}.jobs-map-layout{grid-template-columns:1fr;padding:18px}.jobs-map-svg{min-height:320px}.map-district-list{grid-template-columns:repeat(2,1fr)}.sort-tabs{flex-wrap:wrap}}
@media(min-width:761px){.consumer-shell>.consumer-filters{display:grid!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}.consumer-shell>.consumer-filters>.mobile-filter-head{display:none!important}}

/* 職位資訊層級：深色承載內容，品牌綠只保留給薪酬、狀態與主要操作。 */
.consumer-stream .consumer-job{position:relative;border:1px solid #dce6e9!important;background:#fff!important;box-shadow:0 4px 14px rgba(22,55,67,.045)!important}
.consumer-stream .consumer-job:hover{border-color:#a8bcc3!important;box-shadow:0 8px 22px rgba(22,55,67,.09)!important;transform:translateY(-1px)}
.consumer-stream .consumer-job.active{border-color:#dce6e9!important;border-left:5px solid #e2a33a!important;background:#fffdfa!important;box-shadow:0 8px 24px rgba(22,55,67,.1)!important}
.consumer-job .job-line b{color:#163642!important;font-weight:800!important}
.consumer-job .job-pay,.consumer-detail .detail-pay{color:#087f78!important;font-weight:800!important}
.consumer-job .mini-tags span,.consumer-detail .detail-tags span{background:#edf2f4!important;color:#596f78!important}
.consumer-job>p,.consumer-job .company-line span,.consumer-detail .detail-meta,.consumer-detail .job-description{color:#536a74!important}
.consumer-detail .detail-top h1,.consumer-detail .detail-section h2{color:#173743!important}
.consumer-detail .detail-section h2{border-left:4px solid #e2a33a;padding-left:11px}
.consumer-detail .recruiter b,.consumer-detail .company-panel h3,.consumer-detail .company-panel b{color:#203f4a!important}
.consumer-detail .company-panel,.consumer-detail .related-job{border-color:#dce6e9!important;background:#f7fafb!important;color:#294955!important}
.consumer-detail .detail-apply{background:#087f78!important;color:#fff!important}
.application-method-focus{border-radius:12px;animation:applicationMethodFocus 1.8s ease both}
@keyframes applicationMethodFocus{0%,100%{background:transparent;box-shadow:none}20%,72%{background:#fff8e8;box-shadow:0 0 0 5px rgba(226,163,58,.2)}}

/* 卡片摘要拆成「職位／待遇／三項事實」，避免五行資料擠成一團。 */
.consumer-job .job-line{display:block!important;margin-bottom:11px!important}
.consumer-job .job-line b{display:block;font-size:17px!important;line-height:1.4!important}
.consumer-job .job-card-offer{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.consumer-job .job-card-offer .job-pay{display:inline-flex;align-items:center;min-height:30px;padding:0;border-radius:0;background:transparent!important;color:#087f78!important;font-size:18px!important;font-weight:900!important;line-height:1.25;letter-spacing:-.02em}
.consumer-job .job-card-offer .mini-tags{display:flex!important;gap:5px!important;margin:0!important}
.consumer-job .job-card-offer .mini-tags span{display:inline-flex;align-items:center;min-height:28px;padding:3px 8px!important;border-radius:7px!important;font-size:12px!important}
.consumer-job .job-card-facts{display:grid;gap:7px;padding-top:12px;border-top:1px solid #edf1f2}
.consumer-job .job-card-facts>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:7px;min-width:0}
.consumer-job .job-card-facts small{padding-top:1px;color:#8a9aa0;font-size:11px;font-weight:700;letter-spacing:.06em}
.consumer-job .job-card-facts strong,.consumer-job .job-card-facts span{display:block;min-width:0;overflow:hidden;color:#425b65!important;font-size:13px;font-weight:500;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.consumer-job .job-card-facts strong{color:#223f4a!important;font-weight:700}
.consumer-stream .consumer-job{overflow:hidden!important;padding-right:60px!important}
.consumer-job .job-type-ribbon{position:absolute;z-index:2;top:17px;right:-27px;display:block;width:120px;padding:7px 0;transform:rotate(45deg);color:#fff!important;font-size:13px;font-weight:900;line-height:1;text-align:center;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.24);box-shadow:0 4px 10px rgba(26,54,66,.25)}
.consumer-job .job-type-ribbon.full-time{background:#176dac}
.consumer-job .job-type-ribbon.part-time{background:#cf6f13}

/* 職位工作區使用完整視口高度，避免新增工具列後內容區被壓矮。 */
@media(min-width:761px){.consumer-shell{height:calc(100vh - 68px)!important;min-height:820px!important}}

/* 左側導航統一使用同一套 24px 線性 SVG。 */
.consumer-primary>button:not(.nav-collapse){display:flex!important;align-items:center;gap:11px!important}
.consumer-primary .sidebar-nav-icon{flex:0 0 19px;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.consumer-primary>button:not(.nav-collapse)>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.consumer-primary>button.active .sidebar-nav-icon{stroke-width:2.2}

/* 職位詳情：摘要集中、操作一致、章節使用文字層級而非重複色條。 */
.consumer-detail{padding:26px 38px!important}
.consumer-detail .detail-top{display:grid!important;grid-template-columns:minmax(0,1fr);gap:22px!important;padding:26px 28px!important;border:1px solid #e0e8eb!important;border-radius:16px;background:linear-gradient(135deg,#fbfdfd 0%,#f5f9fa 100%);box-shadow:0 5px 18px rgba(27,61,72,.045)}
.consumer-detail .detail-summary{min-width:0}
.consumer-detail .detail-pay{margin:0 0 15px;font-size:22px!important}
.consumer-detail .detail-top h1{margin:0 0 8px!important;font-size:30px!important;line-height:1.25!important}
.consumer-detail .detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin:0 0 13px!important;font-size:13px}
.consumer-detail .detail-meta span{color:#87979e;font-size:11px;font-weight:700;letter-spacing:.05em}
.consumer-detail .detail-meta b{color:#38525d;font-weight:700}
.consumer-detail .detail-meta i{width:1px;height:14px;margin:0 3px;background:#cfdadd}
.consumer-detail .detail-tags{display:flex;flex-wrap:wrap;gap:6px}
.consumer-detail .detail-tags span{margin:0!important;padding:6px 9px!important;border-radius:7px!important;background:#e9eff1!important;color:#526872!important}
.consumer-detail .job-actions{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:8px!important}
.consumer-detail .job-actions button{min-width:88px;height:42px!important;padding:0 15px!important;border:1px solid #dce6e9!important;background:#fff!important;color:#526873!important;font-weight:700;white-space:nowrap}
.consumer-detail .job-actions .apply,.consumer-detail .detail-apply{min-width:126px;border-color:#087f78!important;background:#087f78!important;color:#fff!important}
.consumer-detail .detail-section{padding:28px 2px!important}
.consumer-detail .detail-section h2{margin:1px 0 0!important;padding:0!important;border-left:0!important;color:#173743!important;font-size:21px!important}
.consumer-detail .detail-section-heading{margin-bottom:15px}
.consumer-detail .detail-section-heading small{color:#b06c13;font-size:11px;font-weight:800;letter-spacing:.1em}
.consumer-detail .job-description{font-size:15px!important;line-height:1.9!important;white-space:pre-line}
.consumer-detail .company-panel{min-height:72px;padding:17px 18px!important;border:1px solid #dce6e9!important;border-radius:12px!important;background:#f8fafb!important;text-align:left}
.consumer-detail .company-panel:hover{border-color:#8eb8bc!important;background:#fff!important;box-shadow:0 6px 16px rgba(24,62,73,.07)}
.consumer-detail .company-panel h3{margin:0 0 5px!important;font-size:17px}
.consumer-detail .company-panel p{margin:0;color:#627781}
.consumer-detail .location-panel b{font-size:16px}
@media(max-width:900px){.consumer-detail{padding:22px!important}.consumer-detail .detail-top{padding:22px!important}}

/* 資訊型頁尾：熱門職類、地區與平台說明集中呈現。 */
.site-footer{margin:0!important;padding:52px 7% 25px!important;background:#102731!important;color:#bdccd2!important}
.site-footer .footer-inner{max-width:1380px;margin:auto}
.site-footer .footer-top{display:grid;grid-template-columns:minmax(230px,1.35fr) repeat(4,minmax(130px,1fr));gap:38px;padding-bottom:34px}
.site-footer .footer-brand b{color:#fff;font-size:27px}.site-footer .footer-brand p{max-width:300px;color:#9eb1b9;line-height:1.75}
.site-footer .footer-column h4,.site-footer .footer-link-band>b{color:#fff;font-size:14px}.site-footer .footer-column a{display:block;margin:10px 0;color:#aabcc4;font-size:13px;text-decoration:none}.site-footer a:hover{color:#58d1c4!important}
.site-footer .footer-link-band{display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px 18px;padding:20px 0;border-top:1px solid #29424c}
.site-footer .footer-link-band>b{flex:0 0 125px;padding-top:2px}.site-footer .footer-link-band>div{display:flex;flex:1;flex-wrap:wrap;gap:10px 19px;min-width:260px}.site-footer .footer-link-band a{color:#aabcc4;font-size:13px;text-decoration:none}
.site-footer .footer-trust{border-top:1px solid #29424c;margin-top:2px;padding-top:22px}
@media(max-width:950px){.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .footer-brand{grid-column:1/-1}}
.site-footer .footer-top-real{grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(150px,1fr))}
.info-page{max-width:820px}.info-page>header{padding:26px 28px;border-radius:16px;background:#f3f8f9}.info-page>header small{color:#087f78;font-weight:800;letter-spacing:.08em}.info-page>header h1{margin:7px 0 8px;color:#173743;font-size:30px}.info-page>header p{margin:0;color:#5d737c;line-height:1.7}.info-page>section{padding:23px 4px;border-bottom:1px solid #e6edef}.info-page>section h2{margin:0 0 8px;color:#203f4a;font-size:19px}.info-page>section p{margin:0;color:#596f78;line-height:1.8}.info-contact-form{display:grid;gap:15px;margin-top:24px;padding:24px;border:1px solid #dce7ea;border-radius:15px;background:#f8fbfb}.info-contact-form label{display:grid;gap:7px;color:#294955;font-size:13px;font-weight:700}.info-contact-form input,.info-contact-form textarea{width:100%;border:1px solid #d4e0e4;border-radius:9px;background:#fff;padding:11px;color:#173743;font:inherit}.info-contact-form textarea{min-height:130px;resize:vertical}.info-contact-form button{justify-self:start;border:0;border-radius:9px;background:#087f78;color:#fff;font-weight:800}.info-contact-form [role=status]{margin:0;color:#087f78;font-size:13px}
.public-page-shell{display:grid;grid-template-columns:230px minmax(0,900px);justify-content:center;gap:34px;min-height:720px;padding:46px 5%;background:#f4f8f9}.public-page-shell>aside{align-self:start;position:sticky;top:88px;display:grid;gap:3px;padding:16px;border:1px solid #dce7ea;border-radius:15px;background:#fff}.public-page-shell>aside>small{padding:7px 10px;color:#87989f;font-weight:800;letter-spacing:.08em}.public-page-shell>aside a{padding:9px 10px;border-radius:8px;color:#48616b;font-size:13px;text-decoration:none}.public-page-shell>aside a:hover,.public-page-shell>aside a.active{background:#e1f5f3;color:#087f78;font-weight:800}.public-page{min-width:0;padding:34px 40px;border:1px solid #dce7ea;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(24,61,73,.05)}.public-page>header{padding-bottom:25px;border-bottom:1px solid #e4ecef}.public-page>header small{color:#087f78;font-weight:800;letter-spacing:.09em}.public-page>header h1{margin:8px 0 10px;color:#173743;font-size:34px}.public-page>header p,.public-page>section p{color:#586f79;line-height:1.8}.public-page>section{padding:23px 0;border-bottom:1px solid #e9eef0}.public-page>section h2{margin:0 0 7px;color:#203f4a;font-size:20px}.public-action-grid{display:flex;flex-wrap:wrap;gap:10px;padding-top:26px}.public-action-grid a{padding:11px 15px;border-radius:9px;background:#087f78;color:#fff;font-weight:800;text-decoration:none}.public-form{display:grid;gap:15px;margin-top:26px;padding:23px;border-radius:14px;background:#f3f8f9}.public-form label{display:grid;gap:7px;color:#294955;font-size:13px;font-weight:800}.public-form input,.public-form textarea{width:100%;padding:11px;border:1px solid #d3e0e4;border-radius:9px;background:#fff;font:inherit}.public-form textarea{min-height:130px;resize:vertical}.public-form button{justify-self:start;border-radius:9px;background:#087f78;color:#fff;font-weight:800}.public-form [role=status]{margin:0;color:#087f78;font-size:13px}@media(max-width:760px){.public-page-shell{display:block;padding:18px 12px}.public-page-shell>aside{position:static;display:flex;overflow-x:auto;margin-bottom:14px}.public-page-shell>aside>small{display:none}.public-page-shell>aside a{flex:0 0 auto}.public-page{padding:24px 20px}.public-page>header h1{font-size:28px}}

.resource-nav{display:flex;align-items:center;gap:7px;max-width:1160px;margin:0 auto 24px;padding:6px;border:1px solid #dce8eb;border-radius:13px;background:#fff;overflow-x:auto}.resource-nav a{flex:0 0 auto;padding:9px 14px;border-radius:8px;color:#48616b;font-size:13px;font-weight:700;text-decoration:none}.resource-nav a:hover,.resource-nav a.active{background:#def4f1;color:#087f78}.career-hub,.service-page,.standard-public{padding:28px 5% 64px;background:#f4f8f9}.career-hero,.service-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;max-width:1160px;margin:auto;padding:46px;border-radius:24px;background:#0f3440;color:#fff;box-shadow:0 16px 42px rgba(18,54,65,.14)}.career-hero span,.career-hero small,.service-hero small,.career-topics small,.career-articles small,.career-tools>small,.service-process>small{color:#38d0c6;font-size:12px;font-weight:900;letter-spacing:.12em}.career-hero h1,.service-hero h1{max-width:650px;margin:12px 0;font-size:43px;line-height:1.15}.career-hero p,.service-hero p{max-width:640px;color:#c7dde3;font-size:17px;line-height:1.75}.career-hero>div>a{display:inline-block;margin-top:12px;padding:11px 17px;border-radius:9px;background:#00afa6;color:#fff;font-weight:900;text-decoration:none}.career-feature{align-self:stretch;padding:26px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.08)}.career-feature h2{margin:12px 0;font-size:23px;line-height:1.35}.career-feature p{font-size:14px}.career-feature a{color:#5fe2d8!important;background:transparent!important;padding:0!important}.career-topics,.career-articles,.career-tools,.service-features,.service-process{max-width:1160px;margin:34px auto 0}.career-topics header,.career-articles>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.career-topics h2,.career-articles h2,.career-tools h2,.service-process h2{margin:7px 0 17px;color:#173743;font-size:27px}.career-topics>div,.career-tools>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.career-topics a,.career-tools a{display:grid;gap:7px;padding:22px;border:1px solid #dbe7ea;border-radius:15px;background:#fff;color:#173743;text-decoration:none;transition:.2s}.career-topics a:hover,.career-tools a:hover{border-color:#00aaa2;transform:translateY(-2px)}.career-topics b,.career-tools b{font-size:17px}.career-topics span,.career-tools span{color:#687f88;font-size:13px;line-height:1.6}.career-articles>header label{display:grid;gap:6px;color:#607780;font-size:12px;font-weight:800}.career-articles input{width:280px;padding:11px 13px;border:1px solid #ccdade;border-radius:9px;background:#fff}.article-filters{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.article-filters button{flex:0 0 auto;padding:8px 13px;border:1px solid #d2e0e3;border-radius:999px;background:#fff;color:#536b74}.article-filters button.active{border-color:#078d86;background:#078d86;color:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.article-card{overflow:hidden;border:1px solid #dbe6e9;border-radius:16px;background:#fff;color:#183844;text-decoration:none;box-shadow:0 5px 18px rgba(25,61,73,.04);transition:.2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,61,73,.1)}.article-card[hidden]{display:none}.article-visual{height:112px;padding:20px;background:linear-gradient(135deg,#075f65,#11b5aa);color:rgba(255,255,255,.78);font-size:12px;font-weight:900;letter-spacing:.12em}.article-visual.v1{background:linear-gradient(135deg,#273b68,#4797bc)}.article-visual.v2{background:linear-gradient(135deg,#9b571f,#e4a039)}.article-visual.v3{background:linear-gradient(135deg,#304f45,#74a879)}.article-copy{padding:19px}.article-copy small{color:#088a83;letter-spacing:0}.article-copy h3{margin:9px 0;color:#173743;font-size:18px;line-height:1.42}.article-copy p{min-height:62px;color:#617780;font-size:13px;line-height:1.65}.article-copy b{color:#078b84;font-size:13px}.service-hero{align-items:center}.service-stat{display:grid;place-content:center;min-height:190px;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:rgba(255,255,255,.08);text-align:center}.service-stat b{font-size:34px;color:#56ded5}.service-stat span{margin-top:8px;color:#c7dde3}.public-action-grid a.secondary{border:1px solid rgba(255,255,255,.35);background:transparent}.service-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-features article{padding:26px;border:1px solid #dce7ea;border-radius:17px;background:#fff}.service-features article>span,.public-sections section>span{color:#e49a25;font-size:12px;font-weight:900;letter-spacing:.1em}.service-features h2{margin:12px 0 8px;color:#173743;font-size:20px}.service-features p{color:#627983;line-height:1.7}.service-process{padding:32px;border-radius:18px;background:#fff}.service-process>div{display:flex;align-items:center;gap:12px;margin-top:22px}.service-process span{padding:12px 15px;border-radius:10px;background:#e7f6f4;color:#087f78;font-weight:800}.service-process i{flex:1;height:1px;background:#bad5d7}.standard-public{min-height:680px}.standard-public>.public-page{max-width:940px;margin:auto;padding:42px 50px}.public-sections section{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:25px 0;border-bottom:1px solid #e4ecef}.public-sections h2{margin:0 0 8px;color:#173743;font-size:20px}.public-sections p{margin:0;color:#5d737c;line-height:1.8}@media(max-width:800px){.career-hub,.service-page,.standard-public{padding:16px 12px 40px}.resource-nav{margin-bottom:14px}.career-hero,.service-hero{grid-template-columns:1fr;padding:28px 22px}.career-hero h1,.service-hero h1{font-size:32px}.career-feature{display:none}.career-topics>div,.career-tools>div,.article-grid,.service-features{grid-template-columns:1fr}.career-articles>header{align-items:stretch;flex-direction:column}.career-articles input{width:100%}.service-process>div{align-items:stretch;flex-direction:column}.service-process i{width:1px;height:14px;margin-left:24px}.standard-public>.public-page{padding:26px 21px}.standard-public .public-page>header h1{font-size:29px}}