/* SIIFI Search Journals — page-specific production styles */

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.journal-search-page {
  background: #fff;
}

.search-hero {
  border-bottom: 1px solid var(--line);
}

.search-hero__inner {
  padding-block: clamp(3.2rem, 6vw, 6rem);
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 2.3rem;
  color: #607586;
  font-size: 0.78rem;
  font-weight: 750;
}

.breadcrumbs a:hover {
  color: var(--teal);
}

.breadcrumbs span[aria-hidden] {
  color: var(--silver);
}

.search-hero__grid {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1.12fr) minmax(470px, 0.88fr);
  gap: clamp(3rem, 8vw, 8rem);
}

.search-hero h1 {
  max-width: 850px;
  margin: 1rem 0 1.15rem;
  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(3.5rem, 6vw, 6.9rem);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 0.94;
}

.search-hero__grid > div > p {
  max-width: 820px;
  margin: 0;
  color: #496376;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  line-height: 1.72;
}

.search-trust {
  display: grid;
  margin: 0;
  padding: 0;
  border-block: 1px solid var(--line);
  list-style: none;
  grid-template-columns: 1fr 1fr;
}

.search-trust li {
  display: flex;
  min-height: 98px;
  align-items: center;
  gap: 0.9rem;
  padding: 1.1rem;
  border-bottom: 1px solid var(--line);
}

.search-trust li:nth-child(odd) {
  border-right: 1px solid var(--line);
}

.search-trust li:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.search-trust svg {
  width: 25px;
  flex: none;
  color: var(--teal);
}

.search-trust span,
.search-trust strong {
  display: block;
}

.search-trust strong {
  color: var(--navy);
  font-size: 0.9rem;
}

.search-trust span {
  color: #667b89;
  font-size: 0.76rem;
}

.search-workspace {
  position: relative;
  z-index: 3;
  padding-block: clamp(3rem, 5vw, 5rem);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #fff 0%, #f5f9f9 100%);
}

.journal-search-form {
  max-width: 1320px;
  margin-inline: auto;
  padding: clamp(1.4rem, 3.5vw, 3.2rem);
  border: 1px solid rgba(174, 184, 196, 0.55);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 28px 90px rgba(7, 26, 43, 0.1);
}

.journal-search-form__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.journal-search-form h2 {
  margin: 0.35rem 0 0;
  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(2rem, 3vw, 3.2rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.search-system-state {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.75rem;
  border-radius: 100px;
  background: #eaf6f5;
  color: #0a6763;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.search-system-state svg {
  width: 17px;
}

.search-label {
  display: inline-block;
  margin-bottom: 0.6rem;
  color: var(--navy);
  font-size: 0.84rem;
  font-weight: 850;
}

.search-primary {
  position: relative;
  display: grid;
  overflow: hidden;
  min-height: 74px;
  border: 1px solid #b9c9d1;
  border-radius: 0.75rem;
  background: #fff;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  transition:
    border 180ms ease,
    box-shadow 180ms ease;
}

.search-primary:focus-within {
  border-color: var(--teal);
  box-shadow: 0 0 0 5px rgba(11, 127, 122, 0.1);
}

.search-primary__icon {
  display: grid;
  place-items: center;
  color: var(--teal);
}

.search-primary__icon svg {
  width: 25px;
}

.search-primary input {
  width: 100%;
  min-width: 0;
  padding: 0.8rem 0.5rem;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--navy);
  font-size: clamp(1rem, 1.4vw, 1.18rem);
}

.search-primary input::placeholder {
  color: #788d9b;
  opacity: 1;
}

.search-primary button {
  display: inline-flex;
  min-width: 210px;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding-inline: 1.5rem;
  border: 0;
  background: var(--navy);
  color: #fff;
  font-weight: 850;
  cursor: pointer;
  transition: background 180ms ease;
}

.search-primary button:hover {
  background: var(--teal);
}

.search-primary button svg {
  width: 19px;
}

.search-help {
  margin: 0.55rem 0 0;
  color: #667d8d;
  font-size: 0.8rem;
}

.advanced-filters {
  margin-top: 1.6rem;
  border: 1px solid var(--line);
  border-radius: 0.7rem;
  background: #f8fbfb;
}

.advanced-filters summary {
  display: flex;
  min-height: 60px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1.15rem;
  color: var(--navy);
  font-size: 0.86rem;
  font-weight: 850;
  cursor: pointer;
  list-style: none;
}

.advanced-filters summary::-webkit-details-marker {
  display: none;
}

.advanced-filters summary > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}

.advanced-filters summary svg {
  width: 19px;
  color: var(--teal);
}

.filter-count {
  padding: 0.25rem 0.65rem;
  border-radius: 100px;
  background: #e2efef;
  color: #486574;
  font-size: 0.7rem;
}

.advanced-filters fieldset {
  padding: 1.2rem;
  border: 0;
  border-top: 1px solid var(--line);
}

.advanced-filters legend {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
}

.filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.filter-grid label {
  display: grid;
  gap: 0.42rem;
}

.filter-grid label > span {
  color: #3e586a;
  font-size: 0.73rem;
  font-weight: 800;
}

.filter-grid select {
  width: 100%;
  min-height: 50px;
  padding: 0.7rem 2.3rem 0.7rem 0.8rem;
  border: 1px solid #c9d6dc;
  border-radius: 0.48rem;
  background: #fff;
  color: var(--navy);
  font: inherit;
}

.search-form-actions {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  margin-top: 1.4rem;
}

.search-form-actions .button {
  margin: 0;
  border: 0;
  cursor: pointer;
}

.clear-search {
  color: #486474;
  font-size: 0.83rem;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.clear-search:hover {
  color: var(--teal);
}

.search-results-section {
  padding-block: clamp(4rem, 7vw, 7rem);
}

.active-filter-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-bottom: 2rem;
}

.active-filter-row > strong {
  margin-right: 0.3rem;
  color: var(--navy);
  font-size: 0.8rem;
}

.active-filter-row > a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.42rem 0.7rem;
  border: 1px solid #c7d8dd;
  border-radius: 100px;
  background: #f4f8f8;
  color: #345466;
  font-size: 0.72rem;
  font-weight: 750;
}

.active-filter-row > a:hover {
  border-color: var(--teal);
  color: var(--teal);
}

.active-filter-row > .clear-all {
  border-color: transparent;
  background: transparent;
  text-decoration: underline;
}

.initial-search-state {
  display: grid;
  align-items: start;
  grid-template-columns: minmax(0, 0.8fr) minmax(600px, 1.2fr);
  gap: clamp(3rem, 8vw, 8rem);
}

.initial-search-state h2,
.search-message h2,
.results-toolbar h2 {
  margin: 0.7rem 0 1rem;
  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(2.5rem, 4.4vw, 5rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.98;
}

.initial-search-state > div:first-child > p {
  color: #536c7d;
  font-size: 1.05rem;
}

.search-example-grid {
  display: grid;
  border: 1px solid var(--line);
  grid-template-columns: repeat(3, 1fr);
}

.search-example-grid article {
  min-height: 260px;
  padding: clamp(1.4rem, 2.5vw, 2.2rem);
  border-right: 1px solid var(--line);
  background: #fbfdfd;
}

.search-example-grid article:last-child {
  border-right: 0;
}

.search-example-grid article > span,
.record-key-grid article > span {
  color: var(--teal);
  font-family: var(--serif);
  font-size: 1.2rem;
}

.search-example-grid h3,
.record-key-grid h3 {
  margin: 2.5rem 0 0.55rem;
  color: var(--navy);
  font-family: var(--serif);
  font-size: 1.45rem;
  font-weight: 500;
}

.search-example-grid p,
.record-key-grid p {
  margin: 0;
  color: #5d7483;
  font-size: 0.88rem;
}

.search-message {
  display: grid;
  max-width: 1180px;
  min-height: 390px;
  margin-inline: auto;
  align-items: start;
  padding: clamp(1.8rem, 5vw, 4.5rem);
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: #f8fbfb;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 1.6rem;
}

.search-message > svg {
  width: 54px;
  color: var(--teal);
}

.search-message h2 {
  max-width: 850px;
  font-size: clamp(2.4rem, 4vw, 4.2rem);
}

.search-message ul {
  display: grid;
  margin: 1.4rem 0 0;
  padding-left: 1.1rem;
  color: #536d7d;
  gap: 0.45rem;
}

.search-message .button--secondary {
  border-color: #bdced5;
  background: #fff;
  color: var(--navy);
}

.submission-note {
  margin: 1.4rem 0 0;
  color: #657c8b;
  font-size: 0.78rem;
}

.search-message--warning {
  border-left: 5px solid #bd8d24;
}

.results-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

.results-toolbar h2 {
  margin-bottom: 0;
  font-size: clamp(2.5rem, 4vw, 4rem);
}

.results-toolbar p {
  margin: 0.8rem 0 0;
  color: #617988;
}

.results-position {
  padding: 0.55rem 0.85rem;
  border: 1px solid var(--line);
  border-radius: 100px;
  color: #526a79;
  font-size: 0.75rem;
  font-weight: 800;
  white-space: nowrap;
}

.journal-result-list {
  display: grid;
  gap: 1.25rem;
}

.journal-result-card {
  overflow: hidden;
  border: 1px solid #cfdbdf;
  border-radius: 0.9rem;
  background: #fff;
  box-shadow: 0 16px 45px rgba(7, 26, 43, 0.055);
  transition:
    border-color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.journal-result-card:hover {
  border-color: rgba(11, 127, 122, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(7, 26, 43, 0.08);
}

.journal-result-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  padding: clamp(1.5rem, 3vw, 2.4rem);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(135deg, #fff 0%, #f6fafa 100%);
}

.result-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.62rem;
  border: 1px solid #c9d7dd;
  border-radius: 100px;
  background: #fff;
  color: #48606f;
  font-size: 0.68rem;
  font-weight: 850;
}

.status-badge svg {
  width: 14px;
}

.status-badge--exact,
.status-badge--public {
  border-color: rgba(11, 127, 122, 0.28);
  background: #eaf6f5;
  color: #086965;
}

.journal-result-card h3 {
  max-width: 1050px;
  margin: 0;
  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(1.65rem, 2.6vw, 2.6rem);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.15;
}

.journal-abbreviation {
  margin: 0.55rem 0 0;
  color: #627987;
  font-size: 0.85rem;
  font-weight: 700;
}

.track-mark {
  min-width: 160px;
  padding: 0.85rem 1rem;
  border-left: 3px solid var(--teal);
  background: #eef6f6;
}

.track-mark span,
.track-mark strong {
  display: block;
}

.track-mark span {
  color: #607686;
  font-size: 0.63rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.track-mark strong {
  margin-top: 0.25rem;
  color: var(--navy);
  font-size: 0.9rem;
}

.journal-result-card__body {
  padding: clamp(1.5rem, 3vw, 2.4rem);
}

.identity-grid {
  display: grid;
  margin: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.identity-grid > div {
  min-height: 78px;
  padding: 0.8rem 1rem;
  border-left: 2px solid #d2dfe3;
  background: #fafcfc;
}

.identity-grid__wide {
  grid-column: span 2;
}

.identity-grid dt,
.evaluation-grid span,
.released-metrics span {
  color: #708491;
  font-size: 0.65rem;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.identity-grid dd {
  margin: 0.35rem 0 0;
  color: var(--navy);
  font-size: 0.89rem;
  font-weight: 750;
  word-break: break-word;
}

.evaluation-grid,
.released-metrics {
  display: grid;
  margin-top: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.evaluation-grid > div,
.released-metrics > div {
  min-height: 85px;
  padding: 0.95rem 1rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
}

.evaluation-grid strong,
.released-metrics strong {
  display: block;
  margin-top: 0.42rem;
  color: var(--navy);
  font-size: 0.88rem;
}

.released-metrics > div {
  border: 0;
  background: var(--navy);
}

.released-metrics span {
  color: #92b0bf;
}

.released-metrics strong {
  color: #fff;
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: 500;
}

.journal-result-card__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
  padding: 1.2rem clamp(1.5rem, 3vw, 2.4rem);
  border-top: 1px solid var(--line);
  background: #f8fbfb;
}

.journal-result-card__footer .button {
  margin: 0;
}

.result-text-link {
  color: #36586a;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.28rem;
}

.result-text-link:hover {
  color: var(--teal);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 2.3rem;
}

.pagination a {
  display: grid;
  min-width: 44px;
  min-height: 44px;
  padding: 0.65rem;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 0.45rem;
  background: #fff;
  color: var(--navy);
  font-size: 0.78rem;
  font-weight: 850;
}

.pagination a:hover,
.pagination a.is-current {
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
}

.search-intelligence {
  padding-block: clamp(4rem, 7vw, 7rem);
  background: #f3f7f7;
}

.search-intelligence__grid {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 0.75fr) minmax(550px, 1.25fr);
  gap: clamp(3rem, 8vw, 8rem);
}

.search-intelligence h2 {
  margin: 0.7rem 0 1rem;
  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(2.5rem, 4vw, 4.3rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
}

.search-intelligence p {
  color: #5b7281;
}

.track-chart {
  display: grid;
  gap: 1.2rem;
  padding: clamp(1.5rem, 3vw, 2.6rem);
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  background: #fff;
  box-shadow: var(--shadow);
}

.track-chart > div {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(130px, 0.5fr) minmax(180px, 1.5fr) 45px;
  gap: 1rem;
}

.track-chart span {
  color: #39576a;
  font-size: 0.78rem;
  font-weight: 800;
}

.track-chart i {
  position: relative;
  overflow: hidden;
  height: 10px;
  border-radius: 100px;
  background: #e1ebed;
}

.track-chart i::after {
  position: absolute;
  width: var(--track-width);
  border-radius: inherit;
  background: var(--teal);
  content: "";
  inset: 0 auto 0 0;
}

.track-chart strong {
  color: var(--navy);
  font-family: var(--serif);
  font-size: 1.2rem;
  text-align: right;
}

.understand-record {
  padding-block: clamp(4rem, 8vw, 8rem);
}

.understand-record .section-intro {
  max-width: 900px;
}

.understand-record .section-intro h2 {
  margin: 0.7rem 0 1rem;
  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(3rem, 5vw, 5.4rem);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 0.95;
}

.record-key-grid {
  display: grid;
  margin-top: 3rem;
  border-block: 1px solid var(--line);
  grid-template-columns: repeat(3, 1fr);
}

.record-key-grid article {
  min-height: 235px;
  padding: 1.8rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.record-key-grid article:nth-child(3n) {
  border-right: 0;
}

.record-key-grid article:nth-last-child(-n + 3) {
  border-bottom: 0;
}

.record-key-grid h3 {
  margin-top: 2.1rem;
}

.understand-record .arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 2rem;
  color: var(--teal);
  font-size: 0.83rem;
  font-weight: 850;
}

.understand-record .arrow-link svg {
  width: 18px;
}

.publisher-guidance {
  padding-block: clamp(4rem, 7vw, 7rem);
  background: var(--navy);
  color: #fff;
}

.publisher-guidance__inner {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1.2fr) minmax(350px, 0.8fr);
  gap: clamp(3rem, 9vw, 9rem);
}

.publisher-guidance .section-kicker {
  color: #62d8cf;
}

.publisher-guidance h2 {
  margin: 0.7rem 0 1rem;
  color: #fff;
  font-family: var(--serif);
  font-size: clamp(2.7rem, 4.5vw, 5rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.98;
}

.publisher-guidance p {
  max-width: 950px;
  color: #b3c8d2;
}

.publisher-guidance__actions {
  display: grid;
  align-items: start;
  gap: 1rem;
}

.publisher-guidance__actions .button {
  width: fit-content;
  margin: 0;
  background: #fff;
  color: var(--navy);
}

.publisher-guidance__actions > a:not(.button) {
  color: #80dfd8;
  font-size: 0.82rem;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.28rem;
}

.publisher-guidance__actions small {
  color: #819dac;
  font-size: 0.7rem;
}

.responsible-use {
  padding-block: clamp(3rem, 5vw, 5rem);
  border-bottom: 1px solid var(--line);
  background: #eef5f5;
}

.responsible-use__inner {
  display: grid;
  align-items: start;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 1.5rem;
}

.responsible-use__icon {
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  border-radius: 50%;
  background: #dceceb;
  color: var(--teal);
}

.responsible-use__icon svg {
  width: 29px;
}

.responsible-use h2 {
  margin: 0.5rem 0 0.7rem;
  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(2rem, 3vw, 3.4rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.responsible-use p {
  max-width: 1350px;
  margin: 0;
  color: #506a7a;
}

@media (max-width: 1100px) {
  .search-hero__grid,
  .initial-search-state,
  .search-intelligence__grid {
    grid-template-columns: 1fr;
  }

  .search-trust {
    max-width: 720px;
  }

  .filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .initial-search-state {
    gap: 3rem;
  }

  .search-intelligence__grid {
    gap: 2.5rem;
  }
}

@media (max-width: 820px) {
  .search-primary {
    grid-template-columns: 50px minmax(0, 1fr);
  }

  .search-primary button {
    min-height: 58px;
    grid-column: 1 / -1;
  }

  .identity-grid,
  .evaluation-grid,
  .released-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .identity-grid__wide {
    grid-column: auto;
  }

  .record-key-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .record-key-grid article:nth-child(3n) {
    border-right: 1px solid var(--line);
  }

  .record-key-grid article:nth-child(2n) {
    border-right: 0;
  }

  .record-key-grid article:nth-last-child(-n + 3) {
    border-bottom: 1px solid var(--line);
  }

  .record-key-grid article:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .publisher-guidance__inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .search-hero h1 {
    font-size: clamp(3.3rem, 17vw, 5rem);
  }

  .search-trust {
    grid-template-columns: 1fr;
  }

  .search-trust li,
  .search-trust li:nth-child(odd),
  .search-trust li:nth-last-child(-n + 2) {
    min-height: 84px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .search-trust li:last-child {
    border-bottom: 0;
  }

  .journal-search-form__heading,
  .results-toolbar,
  .journal-result-card__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .journal-search-form__heading {
    display: flex;
  }

  .search-system-state {
    white-space: normal;
  }

  .filter-grid,
  .search-example-grid,
  .identity-grid,
  .evaluation-grid,
  .released-metrics,
  .record-key-grid {
    grid-template-columns: 1fr;
  }

  .search-example-grid article,
  .record-key-grid article,
  .record-key-grid article:nth-child(2n),
  .record-key-grid article:nth-child(3n),
  .record-key-grid article:nth-last-child(-n + 2),
  .record-key-grid article:nth-last-child(-n + 3) {
    min-height: 190px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .search-example-grid article:last-child,
  .record-key-grid article:last-child {
    border-bottom: 0;
  }

  .search-example-grid h3 {
    margin-top: 1.5rem;
  }

  .search-message {
    min-height: auto;
    grid-template-columns: 1fr;
  }

  .search-message > svg {
    width: 42px;
  }

  .search-form-actions,
  .journal-result-card__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .search-form-actions .button,
  .journal-result-card__footer .button {
    width: 100%;
  }

  .track-mark {
    width: 100%;
  }

  .track-chart > div {
    grid-template-columns: 1fr 42px;
  }

  .track-chart i {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .responsible-use__inner {
    grid-template-columns: 1fr;
  }
}

@media print {
  .search-workspace,
  .publisher-guidance,
  .pagination,
  .journal-result-card__footer {
    display: none !important;
  }

  .journal-result-card {
    break-inside: avoid;
    box-shadow: none;
  }
}