.section.section-guided-record-search.style2 {
  padding-top: 0;
}

.guided-record-search.style1, .guided-record-search-help.style1 {
  background-color: var(--color-background-white);
}

.guided-record-search {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: center;
  padding: 42px 20px 56px;
}

.guided-record-search.style2 {
  padding-top: 0;
}

.guided-record-search .guided-record-search-examples-title {
  margin-bottom: 24px;
}

.guided-record-search .search-component {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 54px;
  padding: 0;
  gap: 16px;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  background: transparent;
}

.guided-record-search .search-component .search-box {
  display: flex;
  flex-flow: row nowrap;
  padding: 16px 24px;
  justify-content: stretch;
  align-items: center;
  gap: 8px;
  background: var(--color-white);
  box-shadow: 0 2px 5px 0 rgba(42, 56, 59, 0.15);
  border-radius: 200px;
}

.guided-record-search .search-component .search-box input[type="text"] {
  height: auto;
  padding: 0;
  border: none;
  color: var(--color-text-dark);
  font-size: 15px;
  line-height: 23px;
}

.guided-record-search .search-component .search-box input[type="text"]::placeholder {
  color: var(--color-button-gray);
}

.guided-record-search .guided-record-search-examples {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.guided-record-search-examples .guided-record-search-example {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  color: var(--color-oja-blue);
  background-color: var(--color-oja-light-blue);
  border: none;
  border-radius: 100px;
}

.guided-record-search-examples .guided-record-search-example:hover {
  box-shadow: 0 2px 7.8px 0 rgba(42, 56, 59, 0.15);
  cursor: pointer;
}

.guided-record-search-help {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: center;
  padding: 0 20px 45px;
}

.guided-record-search-help h3:first-child {
  margin-bottom: 16px;
}

.guided-record-search-help p {
  max-width: none;
  margin-bottom: 10px;
  text-align: center;
}

.guided-record-search-help button.btn-tertiary {
  border: none;
  border-bottom: 1px solid var(--border-dark);
}

.guided-record-search-help button.btn-tertiary:hover {
  cursor: pointer;
}

.guided-record-search-help.style2 {
  display: none;
}

.search-results-section {
  display: none;
}
.search-results-section.has-results {
  display: block;
}

.search-results-section .search-results-header {
  margin-bottom: 64px;
}

.search-results-section #saveFlag {
  width: 8px;
  height: auto;
}

/* This targets the tabs list item style defined in style.css */
.search-results-section .tabs li {
  padding-right: 32px;
}

.search-results-section .related-talks {
  /* The bottom padding on the archives blocks makes the gaps a bit fiddly */
  padding: 51px 0 3px;
}

/* This targets the related articles wrapper which is defined in
 * archive-items.css */
.search-results-section .related-articles {
  padding-bottom: 88px;
}

.search-results-section .related-links {
  margin-bottom: 48px;
}

/* This targets the link list wrapper which in utilities.css does not
  * currently have a style */
.search-results-section .link-list-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px 20px;
}

/* override default defined in utilities.css */
.search-results-section .link-list-wrapper .link-list {
  margin-bottom: 0;
}

.search-results-section.has-results + .guided-record-search-examples-title {
  margin-top: 192px;
}

@media (min-width: 1024px) {
  .guided-record-search {
    padding: 77px 40px 95px;
  }

  .guided-record-search .guided-record-search-examples-title {
    margin-bottom: 20px;
  }

  .guided-record-search .guided-record-search-examples {
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
  }

  .guided-record-search-examples .guided-record-search-example {
    padding: 12px 66px;
  }

  .guided-record-search-help {
    padding: 14px 40px 45px;
  }

  .guided-record-search-help h3:first-child {
    margin-bottom: 40px;
  }

  .guided-record-search-help p {
    max-width: 552px;
  }

  .guided-record-search .search-component {
    display: flex;
    flex-flow: row nowrap;
    min-width: 550px;
    width: 66%;
    max-width: 947px;
    padding: 8px 8px 8px 32px;
    justify-content: space-between;
    align-items: center;
    border-radius: 200px;
    background: var(--color-white);
    box-shadow: 0 2px 5px 0 rgba(42, 56, 59, 0.15);
  }

  .guided-record-search .search-component .search-box {
    flex: 1 0 auto;
    justify-self: stretch;
    padding: 0;
    box-shadow: none;
  }

  .guided-record-search .search-component .search-box input[type="text"] {
    width: 100%;
  }
  .search-results-section {
    min-width: 550px;
    width: 66%;
    max-width: 947px;
    margin-top: 42px;
  }
}
@media (min-width: 768px) {
  .search-results-section .search-results-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-dark);
    margin-bottom: 96px;
  }
}