/* ===== Глоссарий глаголов ===== */

.gl-hero{text-align:center;padding:52px 0 40px}
.gl-hero h1{
  font-size:clamp(28px,4vw,44px);font-weight:800;
  letter-spacing:-.03em;color:var(--green-900);margin-bottom:12px;
}
.gl-hero p{font-size:17px;color:var(--ink-soft);font-weight:500;margin-bottom:28px}

.gl-search-wrap{
  position:relative;display:flex;align-items:center;
  max-width:520px;margin:0 auto;
  background:var(--white);border:1px solid var(--line);
  border-radius:999px;box-shadow:var(--shadow);
  padding:10px 12px 10px 20px;
  transition:border-color .2s, box-shadow .2s;
}
.gl-search-wrap:focus-within{border-color:var(--green-300);box-shadow:var(--shadow-lg)}
.gl-search-ico{font-size:16px;opacity:.4;margin-right:10px}
.gl-search-wrap input{
  flex:1;border:none;outline:none;background:none;
  font-family:inherit;font-size:16px;font-weight:500;color:var(--ink);
}
.gl-search-wrap input::placeholder{color:#9BB0A6}

/* Алфавитная навигация */
.alpha-nav{
  display:flex;flex-wrap:wrap;gap:6px;justify-content:center;
  margin-bottom:44px;padding:18px 20px;
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);
}
.alpha-link{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:10px;
  font-size:14px;font-weight:800;color:var(--ink-soft);
  transition:all .15s;
}
.alpha-link:hover{background:var(--green-50);color:var(--green-700)}

/* Секции по буквам */
.alpha-section{margin-bottom:44px}
.alpha-heading{
  font-size:28px;font-weight:800;letter-spacing:-.03em;
  color:var(--pink-500);margin-bottom:16px;padding-bottom:10px;
  border-bottom:2px solid var(--line);
}

/* Сетка глаголов */
.gv-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:10px;
}
.gv{
  display:flex;flex-direction:column;gap:3px;
  padding:14px 16px;background:var(--white);
  border:1px solid var(--line);border-radius:14px;
  transition:transform .15s, border-color .15s, background .15s;
}
.gv:hover{transform:translateY(-2px);border-color:var(--pink-300);background:var(--pink-50)}
.gv-fr{font-size:15.5px;font-weight:800;color:var(--green-700);letter-spacing:-.01em}
.gv:hover .gv-fr{color:var(--pink-600)}
.gv-ru{font-size:12.5px;color:var(--ink-soft);font-weight:600}

.gl-empty{
  text-align:center;padding:48px 20px;
  font-size:17px;color:var(--ink-soft);font-weight:600;
}

@media(max-width:600px){
  .gv-grid{grid-template-columns:repeat(2,1fr)}
  .alpha-nav{gap:4px}
  .alpha-link{width:30px;height:30px;font-size:13px}
}