.screen-title-row {
  display: grid;
  place-items: center;
  margin: 0 0 18px;
  min-height: 48px;
}
.screen-title-row h1,
.sub-title-row h1,
.hino-top h1 {
  max-width: min(100%, 520px);
  margin: 0 auto;
  padding: 0 12px;
  text-align: center;
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.sub-title-row,
.hino-top {
  display: grid !important;
  grid-template-columns: 84px minmax(0, 1fr) 84px;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
}
.sub-title-row .back-btn,
.hino-top .back-btn {
  grid-column: 1;
  justify-self: start;
  position: static !important;
}
.sub-title-row h1,
.hino-top h1 {
  grid-column: 2;
  font-size: clamp(2rem, 7vw, 3rem);
}
.hino-top { position: relative; }
.hino-top h1 { font-size: clamp(1.75rem, 6.4vw, 2.85rem); }
.search-hit {
  display: inline;
  padding: 0 .12em;
  border-radius: .22em;
  color: #263117;
  background: linear-gradient(180deg, rgba(220, 187, 84, .56), rgba(220, 187, 84, .28));
  box-shadow: inset 0 -1px 0 rgba(121, 93, 25, .18);
}
.row.search-highlight-row .result-text,
.row.harpa-snippet-row .row-subtitle {
  line-height: 1.5;
}
.row.harpa-snippet-row .row-subtitle {
  margin-top: 8px;
  font-size: .96rem;
  color: rgba(38, 49, 23, .78);
}
.row.harpa-title-row .row-title,
.row.harpa-snippet-row .row-title {
  line-height: 1.18;
}
.theme-dark .search-hit {
  color: #fff9e7;
  background: linear-gradient(180deg, rgba(210, 180, 92, .55), rgba(210, 180, 92, .24));
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .14);
}
.theme-dark .row.harpa-snippet-row .row-subtitle {
  color: rgba(248, 244, 234, .8);
}
@media (max-width: 420px) {
  .sub-title-row,
  .hino-top { grid-template-columns: 64px minmax(0, 1fr) 64px; }
  .sub-title-row h1,
  .hino-top h1 { font-size: clamp(1.8rem, 7vw, 2.55rem); }
  .screen-title-row { margin-bottom: 14px; }
}