.dictionary-home {
  display: grid;
  min-height: clamp(540px, calc(100vh - 82px), 780px);
  place-items: center;
  padding: 70px 0 100px;
}
.dictionary-home__content { width: min(760px, 100%); text-align: center; }
.dictionary-home__mark {
  display: grid; width: 68px; height: 68px; margin: 0 auto 19px; place-items: center;
  color: #fff; background: var(--green); border-radius: 20px;
  box-shadow: 0 12px 28px rgb(22 170 148 / .2);
  font-family: STKaiti, KaiTi, "Noto Serif SC", serif; font-size: 2.4rem; font-weight: 700;
}
.dictionary-home__eyebrow {
  margin: 0 0 9px; color: var(--green-dark); font-size: .7rem;
  font-weight: 850; letter-spacing: .16em; text-transform: uppercase;
}
.dictionary-home h1 {
  margin: 0; color: var(--ink); font-size: clamp(2.75rem, 7vw, 4.9rem);
  line-height: 1.06; letter-spacing: -.06em;
}
.dictionary-home__lead {
  max-width: 590px; margin: 17px auto 0; color: var(--muted);
  font-size: 1.05rem; line-height: 1.65;
}
.home-search {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center;
  width: min(720px, 100%); min-height: 66px; margin: 36px auto 0;
  padding: 7px 8px 7px 21px; background: #fff; border: 1px solid #d4e4e0;
  border-radius: 999px; box-shadow: 0 8px 28px rgb(31 73 67 / .11);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.home-search:hover, .home-search:focus-within {
  border-color: #9ed9cf;
  box-shadow: 0 11px 34px rgb(31 73 67 / .16), 0 0 0 4px rgb(42 208 184 / .09);
}
.home-search label {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
.home-search__icon { display: grid; color: #77908b; place-items: center; }
.home-search__icon svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; }
.home-search input {
  min-width: 0; padding: 13px 16px; color: var(--ink); background: transparent;
  border: 0; outline: 0; font: inherit; font-size: 1.08rem;
}
.home-search input::placeholder { color: #94a39f; }
.home-search input::-webkit-search-cancel-button { cursor: pointer; }
.home-search button {
  min-width: 112px; min-height: 50px; padding: 0 23px; color: #fff;
  background: var(--ink); border: 0; border-radius: 999px; cursor: pointer;
  font: inherit; font-weight: 750; transition: background .16s ease, transform .16s ease;
}
.home-search button:hover { background: #0f574f; transform: translateY(-1px); }
.home-search button:focus-visible { outline: 3px solid rgb(42 208 184 / .45); outline-offset: 2px; }
.dictionary-home__hint { margin: 18px 0 0; color: #82928f; font-size: .84rem; }
.dictionary-home__hint a { color: #247b6e; font-weight: 700; text-underline-offset: 3px; }
@media (max-width: 760px) {
  .dictionary-home { min-height: 570px; padding: 56px 0 80px; }
}
@media (max-width: 560px) {
  .dictionary-home { min-height: 520px; padding: 44px 0 64px; }
  .dictionary-home__mark { width: 58px; height: 58px; border-radius: 17px; font-size: 2rem; }
  .dictionary-home__lead { font-size: .94rem; }
  .home-search { min-height: 60px; padding: 6px 7px 6px 17px; }
  .home-search input { padding-right: 9px; padding-left: 12px; font-size: 1rem; }
  .home-search button { min-width: 92px; min-height: 46px; padding: 0 17px; }
}