/* ===== Страница спряжения глагола ===== */

.conj-main{padding:32px 0 80px}

.breadcrumb{
  font-size:13.5px;color:var(--ink-soft);font-weight:600;margin-bottom:28px;
}
.breadcrumb a{color:var(--ink-soft);transition:color .15s}
.breadcrumb a:hover{color:var(--green-700)}

.conj-hero{margin-bottom:44px;text-align:center}
.conj-hero h1{
  font-size:clamp(40px,6vw,72px);font-weight:800;
  letter-spacing:-.04em;color:var(--green-900);line-height:1;
}
.conj-meta{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.tag-ru,.tag-en{
  padding:7px 16px;border-radius:999px;font-size:14px;font-weight:700;
}
.tag-ru{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100)}
.tag-en{background:var(--pink-50);color:var(--pink-600);border:1px solid var(--pink-100)}

/* Сетка таблиц */
.tenses-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:20px;
  margin-bottom:48px;
}
.tb{
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);padding:22px 22px 18px;
  transition:transform .18s, box-shadow .18s, border-color .18s;
}
.tb:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--green-100)}
.tb h3{
  font-size:15px;font-weight:800;color:var(--green-900);
  letter-spacing:-.01em;margin-bottom:14px;
  display:flex;align-items:baseline;gap:8px;
}
.tb h3 span{font-size:12px;font-weight:600;color:var(--ink-soft)}
.conj-table{width:100%;border-collapse:collapse}
.conj-table tr:not(:last-child) td{border-bottom:1px solid var(--line)}
.conj-table td{padding:10px 0}
.conj-table .pr{
  width:46%;padding-right:12px;
  color:var(--ink-soft);font-weight:500;font-size:13px;
  white-space:nowrap;
}
.conj-table .fm{
  padding-left:14px;
  font-weight:800;font-size:16px;letter-spacing:-.02em;
  color:var(--green-900);
  border-left:2px solid var(--green-100);
}
.conj-table tr:hover .pr{color:var(--green-500)}
.conj-table tr:hover .fm{color:var(--pink-600);border-left-color:var(--pink-300)}

/* Примеры */
.phr{
  background:var(--green-50);border:1px solid var(--green-100);
  border-radius:var(--radius);padding:28px 30px;margin-bottom:48px;
}
.phr h2{font-size:18px;font-weight:800;color:var(--green-900);margin-bottom:16px}
.phr-row{display:flex;flex-direction:column;gap:6px}
.phr-fr{font-size:18px;font-weight:700;color:var(--green-700);font-style:italic}
.phr-ru{font-size:15px;color:var(--ink-soft);font-weight:500}

/* CTA тренировки */
.train-cta{
  text-align:center;padding:48px 32px;
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);
}
.train-cta h2{
  font-size:24px;font-weight:800;letter-spacing:-.02em;
  color:var(--green-900);margin-bottom:10px;
}
.train-cta p{font-size:15.5px;color:var(--ink-soft);font-weight:500;margin-bottom:22px}

@media(max-width:600px){
  .tenses-grid{grid-template-columns:1fr}
  .conj-hero h1{font-size:clamp(36px,10vw,56px)}
}