/* Родные Травы · Документы.
   Перенесено из style.css исходного сайта без изменений значений. */

.docs--2 { grid-template-columns: 1fr 1fr; }
.doc--full { grid-template-columns: 52px 1fr 24px; align-items: center; }
.doc--full small { display: block; margin-top: 6px; font-size: 12.5px; color: var(--olive); letter-spacing: .04em; }
.doc .dl { width: 24px; height: 24px; color: var(--ink-3); transition: transform .3s, color .3s; }
.doc:hover .dl { transform: translateY(3px); color: var(--forest); }
.check { display: grid; gap: 14px; max-width: 720px; }
.checkform { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
.checkform label { display: grid; gap: 6px; font-size: 14px; color: var(--ink-3); }
.checkform input { font: inherit; font-size: 17px; padding: 14px 16px; border: 1px solid var(--line-2); border-radius: var(--r); background: var(--white); color: var(--ink); width: 100%; transition: border-color .2s, box-shadow .2s; }
.checkform input:focus { outline: none; border-color: var(--olive); box-shadow: 0 0 0 3px rgba(78,110,31,.15); }
.check__res { padding: 18px 20px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); animation: dropin .35s; }
@media (max-width: 720px) {
  .docs--2, .checkform { grid-template-columns: 1fr; }
}