/* ==========================================================================
   Phase 1117 — Master Platform-Wide Design System (SEED × TDS × Refactoring UI)
   Specificity: (4, x, y) via html body:not(#_a):not(#_b):not(#_c):not(#_d)
   ========================================================================== */

/* 1. Horizontal Segmented Navigation Bars (Non-overlapping normal flow) */
html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav[hidden] {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav:not([hidden]):not(:has(ul, .us-section-nav-list)),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-section-nav:not([hidden]):not(:has(ul, .us-section-nav-list)) {
  position: relative !important;
  top: auto !important;
  z-index: 10 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 0 12px !important;
  padding: 4px !important;
  background: #F2F4F6 !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav:not([hidden]):has(ul, .us-section-nav-list) {
  position: relative !important;
  top: auto !important;
  z-index: 10 !important;
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav :is(ul, .us-section-nav-list) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  gap: 4px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 4px !important;
  background: #F2F4F6 !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav li {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav :is(a, button, .us-section-nav-link),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-section-nav :is(a, button, .us-section-nav-link) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #4E5968 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav :is(a, button, .us-section-nav-link):is(.is-active, [aria-current="true"], [aria-current="location"], [aria-selected="true"]),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-section-nav :is(a, button, .us-section-nav-link):is(.is-active, [aria-current="true"], [aria-current="location"], [aria-selected="true"]),
html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav:not(:has(.is-active, [aria-current="true"], [aria-current="location"], [aria-selected="true"])) > :is(a, button):first-of-type,
html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav:not(:has(.is-active, [aria-current="true"], [aria-current="location"], [aria-selected="true"])) li:first-of-type :is(a, button) {
  background: #FFFFFF !important;
  color: #191F28 !important;
  font-weight: 700 !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(25, 31, 40, 0.06) !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav:has(.is-active, [aria-current="true"], [aria-current="location"], [aria-selected="true"]) :is(a, button, .us-section-nav-link):not(.is-active):not([aria-current="true"]):not([aria-current="location"]):not([aria-selected="true"]):is(:hover, :focus, :active) {
  background: transparent !important;
  color: #4E5968 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-section-nav:has(.is-active, [aria-current="true"], [aria-current="location"], [aria-selected="true"]) :is(a, button, .us-section-nav-link):not(.is-active):not([aria-current="true"]):not([aria-current="location"]):not([aria-selected="true"]):hover {
    color: #191F28 !important;
  }
}

/* 2. Clean Top Breadcrumb Bar & List Content Spacing */
html body:not(#_a):not(#_b):not(#_c):not(#_d) .breadcrumb-bar.us-breadcrumb-bar {
  position: static !important;
  inset: auto !important;
  order: 0 !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  padding: 12px 0 10px !important;
  margin: 0 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .breadcrumb-bar.us-breadcrumb-bar .breadcrumb-title i {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .breadcrumb-bar.us-breadcrumb-bar .page-breadcrumb {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .list-content.us-list-content {
  padding-top: 12px !important;
  background: #FFFFFF !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .list-content.us-list-content > .container {
  padding-top: 0 !important;
}

/* 3. /work/services.html (업소회원서비스 & 개인회원서비스) */
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services.us-service-guide-page,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-guide-main,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-guide {
  background: #FFFFFF !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-guide-intro {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #4E5968 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-tab-nav {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 4px !important;
  margin: 0 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #F2F4F6 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-tab-nav a.us-tab-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #4E5968 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-tab-nav a.us-tab-item i {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-tab-nav a.us-tab-item::after,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-tab-nav a.us-tab-item::before {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services nav.us-tab-nav a.us-tab-item:is(.active, [aria-current="page"]) {
  background: #FFFFFF !important;
  color: #191F28 !important;
  font-weight: 700 !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(25, 31, 40, 0.06) !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-service-comparison {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #F2F4F6 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-service-comparison > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 12px 0 !important;
  border: 0 !important;
  background: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
  list-style: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-service-comparison > summary::-webkit-details-marker {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-service-comparison > summary small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #8B95A1 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-comparison-body {
  padding: 8px 0 12px !important;
  border: 0 !important;
  border-top: 1px solid #F2F4F6 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-ad-overview,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-ad-overview-cards,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-ad-overview-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-ad-overview-table-wrap,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-ad-overview-table {
  border: 0 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-ad-overview-card {
  padding: 10px 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services h2.us-service-products-title {
  margin: 8px 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
  line-height: 1.35 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-catalog-group {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 8px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-catalog-group > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 16px 0 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #E5E8EB !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  list-style: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-catalog-group > summary::-webkit-details-marker {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-catalog-group > summary strong {
  display: block !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
  line-height: 1.35 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-catalog-group > summary small {
  display: block !important;
  margin-top: 2px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #8B95A1 !important;
  line-height: 1.4 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-catalog-content,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-wrap,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-wrap,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-body,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-body {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-head,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-head {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-title,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-title {
  margin: 0 !important;
  padding: 12px 0 4px !important;
  border: 0 !important;
  background: #FFFFFF !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #8B95A1 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-row:not(.us-service-4col-head),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-row:not(.us-service-3col-head) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 14px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-name,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-name {
  order: 1 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-guide-name,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-name > span:first-child,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-name > span:first-child {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services a.us-service-apply-link,
html body:not(#_a):not(#_b):not(#_c):not(#_d) a.us-service-apply-link {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 68px !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #FFA35B !important;
  color: #191F28 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-desc,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-desc {
  order: 2 !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #4E5968 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-desc *,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-desc * {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #4E5968 !important;
  line-height: 1.5 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-desc summary,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-desc summary {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #4E5968 !important;
  padding: 4px 0 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-pay,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-pay {
  order: 3 !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  padding: 6px 0 0 !important;
  margin: 2px 0 0 !important;
  border: 0 !important;
  border-top: 1px dashed #F2F4F6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #191F28 !important;
  line-height: 1.45 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-pay *,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-3col-pay * {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  color: #191F28 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-pos {
  order: 4 !important;
  width: 100% !important;
  flex: 1 1 100% !important;
  padding: 2px 0 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-pos:not(:has(details)) {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-service-placement-details,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-service-placement-details * {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details.us-service-placement-details > summary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #8B95A1 !important;
  cursor: pointer !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-service-4col-helper {
  padding: 8px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  background: #FFFFFF !important;
  font-size: 12px !important;
  color: #8B95A1 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details#service-journey {
  margin: 8px 0 0 !important;
  padding: 14px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details#service-journey > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
  list-style: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services details#service-journey > summary::-webkit-details-marker {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-journey-steps {
  margin: 10px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
  background: transparent !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-journey-steps li {
  padding: 8px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-journey-steps h3 {
  margin: 0 0 2px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-journey-steps p {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #4E5968 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-journey-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 8px !important;
  border: 0 !important;
  background: transparent !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-flow-services .us-journey-links a.us-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #F2F4F6 !important;
  color: #4E5968 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* 4. Detail Pages (employ_detail, resume_detail, company_detail) — Flat #FFFFFF Surface */
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-detail :is(.card, .us-card),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-detail-page :is(.card, .us-card, details.us-employ-company-fold),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-company-detail :is(.card, .us-card),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .list-content :is(.card, .us-card):not(#request_box) {
  border: 0 !important;
  border-bottom: 8px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-detail :is(.card-header, .us-card-header),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-detail-page :is(.card-header, .us-card-header, summary.us-employ-company-fold-summary),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-company-detail :is(.card-header, .us-card-header) {
  padding: 14px 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #E5E8EB !important;
  background: #FFFFFF !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-detail :is(.card-body, .us-card-body),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-detail-page :is(.card-body, .us-card-body),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-company-detail :is(.card-body, .us-card-body) {
  padding: 12px 0 !important;
  border: 0 !important;
  background: #FFFFFF !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-photo-wrap {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  min-height: auto !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-photo-wrap img {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* 5. Sub-Mains & Lists */
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-filter-card.us-jobs-search-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-filter-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-jobs-search-card {
  border: 0 !important;
  border-bottom: 8px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  padding: 12px 0 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-info-directory {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 4px !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #F2F4F6 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-info-directory a {
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #4E5968 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-info-directory a:is(.active, .is-active, [aria-current="page"]) {
  background: #FFFFFF !important;
  color: #191F28 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(25, 31, 40, 0.06) !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-ecol-sticky-nav {
  background: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-ecol-cat-btn,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-ecol-filter-toggle-btn {
  border: 0 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-ecol-tldr-box,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-ecol-tldr-box span,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-ecol-cyber-lab,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-ecol-lab-card {
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

/* 6. Login, Signup, Support, Dispute, Smart Attendance, Creator Store */
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-login-entry-notice,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-signup-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-signup-section,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-pass-auth-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-pass-auth-header,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-pass-auth-status,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-pass-status-pill,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-field-checklist,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-business-document,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-terms-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-find-account-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-support-hero,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-support-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-support-phone,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-support-faq-list details,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-support-fieldset,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-dispute-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-hero,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auto-prompt-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-ledger-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .slr-header,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .slr-metrics,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .slr-metric-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .slr-card,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .slr-order-item,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .slr-prod-item,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .slr-settle-box {
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  color: #191F28 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Smart Attendance Clean Light Surface */
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-hero * {
  color: #4E5968 !important;
  font-size: 13px !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-hero h1.us-gps-hero-title {
  color: #191F28 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 4px 0 6px !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-hero a.us-btn-tangerine {
  background: #FFA35B !important;
  color: #191F28 !important;
  border: 0 !important;
  border-radius: 8px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-hero a.us-btn-tangerine * {
  color: #191F28 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-hero a.us-btn-outline {
  background: #F2F4F6 !important;
  color: #4E5968 !important;
  border: 0 !important;
  border-radius: 8px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) #us-att-main-mode-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 4px !important;
  background: #F2F4F6 !important;
  border-radius: 10px !important;
  border: 0 !important;
  margin-bottom: 14px !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) #us-att-main-mode-tabs button.us-radius-chip {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #4E5968 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) #us-att-main-mode-tabs button.us-radius-chip span {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: inherit !important;
  background: transparent !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) #us-att-main-mode-tabs button.us-radius-chip small {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) #us-att-main-mode-tabs button.us-radius-chip.is-active {
  background: #FFFFFF !important;
  color: #191F28 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(25, 31, 40, 0.06) !important;
}

/* Segmented Tabs on Login, Signup, Creator Store, History */
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs,
html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.us-naver-tabs,
html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.slr-nav,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-history-views {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #F2F4F6 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs :is(a, button),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tab,
html body:not(#_a):not(#_b):not(#_c):not(#_d) a.us-naver-tab,
html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.slr-nav button,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-history-views :is(a, button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #4E5968 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs :is(a, button) i,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs :is(a, button) svg {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs :is(a, button):is(.active, .is-active, [aria-selected="true"], [aria-current="page"]),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tab:is(.is-active, [aria-selected="true"]),
html body:not(#_a):not(#_b):not(#_c):not(#_d) a.us-naver-tab:is(.active, .is-active),
html body:not(#_a):not(#_b):not(#_c):not(#_d) nav.slr-nav button:is(.is-active, .active),
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-history-views :is(a, button):is(.is-active, .active, [aria-current="page"]) {
  background: #FFFFFF !important;
  color: #191F28 !important;
  font-weight: 700 !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(25, 31, 40, 0.06) !important;
}

/* 7. Universal 3-Tier Typography Guardrail */
html body:not(#_a):not(#_b):not(#_c):not(#_d) h1,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .h1,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .breadcrumb-title,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-card-title,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-naver-brand,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-hero-title,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-support-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) h2,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .h2,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-job-result-title,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auto-prompt-q,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-service-products-title,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-support-card-title,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-person-name,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-section-title,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-company-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) h3,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .h3,
html body:not(#_a):not(#_b):not(#_c):not(#_d) legend,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-support-legend {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
  line-height: 1.35 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-card strong,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auto-prompt-card strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
}


/* 8. Final Polish: Breadcrumb Order, Employ Pay Row, Login Radio Tabs, Smart Attendance Pills */
html body:not(#_a):not(#_b):not(#_c):not(#_d) #main-content > .breadcrumb-bar.us-breadcrumb-bar,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .breadcrumb-bar.us-breadcrumb-bar {
  order: -10 !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  padding: 12px 0 10px !important;
  margin: 0 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-job-mobile-intro {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #8B95A1 !important;
  margin: 0 0 2px !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-pay-condition,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-row,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-wish-row {
  border: 0 !important;
  border-bottom: 1px solid #F2F4F6 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-label,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-wish-label {
  background: transparent !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #8B95A1 !important;
  padding: 0 12px 0 0 !important;
  flex: 0 0 92px !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-value,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-value *,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-wish-value,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-resume-wish-value * {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #191F28 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-pay-condition .us-employ-value,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-employ-pay-condition .us-employ-value * {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #191F28 !important;
}

/* Login Radio Tabs (<label class="us-auth-kind-tab"><input><span>...</span></label>) */
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs label.us-auth-kind-tab {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 36px !important;
  height: 36px !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs label.us-auth-kind-tab span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #4E5968 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs label.us-auth-kind-tab span i {
  display: none !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-auth-kind-tabs label.us-auth-kind-tab input:checked + span {
  background: #FFFFFF !important;
  color: #191F28 !important;
  font-weight: 700 !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(25, 31, 40, 0.06) !important;
}

/* Smart Attendance Mode Switch & Pills */
html body:not(#_a):not(#_b):not(#_c):not(#_d) #us-att-main-mode-tabs button.us-radius-chip {
  min-height: 38px !important;
  height: auto !important;
  padding: 6px 8px !important;
  line-height: 1.25 !important;
}

html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-pill,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-pill.dark,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-pill.ok,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-pill.warn,
html body:not(#_a):not(#_b):not(#_c):not(#_d) .us-gps-status-badge {
  background: #F2F4F6 !important;
  color: #4E5968 !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}