:root {
  --_ui-styles---max-width-container: 1000px;
  --_pageup-colors---bg-1: #f9f9f7;
  --_pageup-spacing---aside-max-width: 300px;
  --_pageup-spacing---padding-container: 20px;
  --_pageup-colors---color1: #000;
  --_pageup-colors---color1a: #121f3f80;
  --_pageup-colors---light: #fff;
  --_pageup-spacing---content-max-width: 1000px;
  --_pageup-spacing---button-padding-vertical: 14px;
  --_pageup-spacing---button-padding-horizontal: 32px;
  --_pageup-spacing---button-border-radius: 100px;
  --_pageup-colors---dark1: #000;
  --_pageup-spacing---gap-browse: 60px;
}

.fc-jobs {
  max-width: var(--_ui-styles---max-width-container);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.pup-aside {
  max-width: var(--_pageup-spacing---aside-max-width);
  padding: var(--_pageup-spacing---padding-container);
  background-color: var(--_pageup-colors---bg-1);
}

.careers-browse {
  grid-column-gap: 60px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.job-link {
  color: var(--_pageup-colors---color1);
  font-size: 20px;
  font-weight: bold;
  text-decoration-line: underline;
}

.job-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--_pageup-colors---color1a);
  background-color: var(--_pageup-colors---light);
  border-radius: 5px;
  flex-flow: column;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.pup-content {
  max-width: var(--_pageup-spacing---content-max-width);
  width: 100%;
}

.filter-submit {
  padding: var(--_pageup-spacing---button-padding-vertical) var(--_pageup-spacing---button-padding-horizontal);
  border-radius: var(--_pageup-spacing---button-border-radius);
  background-color: var(--_pageup-colors---color1);
  color: var(--_pageup-colors---light);
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 1.125rem;
}