.words { background: #f0ecfb; padding-block: 58px 62px; }
.word-head { max-width: 65ch; margin-bottom: 32px; }
.word-head h2 { margin-bottom: 20px; }
.fnd { margin-bottom: 28px; max-width: 900px; }
.fnd label { display: block; font: 700 18px/1.4 var(--head); margin-bottom: 12px; }
.find-row { display: flex; gap: 12px; }
.find-row input { color: var(--ink); background: white; border: 2px solid #837294; border-radius: 18px; min-height: 56px; width: 100%; min-width: 0; padding: 13px 17px; }
.find-row input::placeholder { color: #69606f; opacity: 1; }
.find-row button { flex-shrink: 0; border: 2px solid #2946a4; background: #2946a4; color: white; border-radius: 18px; padding: 12px 20px; min-height: 56px; cursor: pointer; }
.find-row button:hover { background: #17358e; }
.hint { margin-top: 13px; font-size: 16px; }
.defs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.def { padding: 26px; background: #fffefa; border-radius: 24px; border-top: 4px solid #bca3e0; }
.def h3 { font-size: 24px; margin-bottom: 17px; }
.def p { font-size: 18px; }
.empty { padding: 25px; background: white; border-radius: 24px; grid-column: 1 / -1; }
@media (max-width: 960px) { .defs { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) {
  .words { padding-block: 44px 45px; }
  .find-row { flex-direction: column; }
  .find-row button { align-self: start; }
  .defs { grid-template-columns: 1fr; }
  .def { padding: 25px; }
}