.Form{
  display:grid;
  gap: var(--s-4);
}

.Form__row{
  display:grid;
  gap: var(--s-2);
}

.Form__row--2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}


@media (max-width: 700px){
  .Form__row--2{ grid-template-columns: 1fr; }
}

.Form__label{
  font-weight:900;
  font-size: 13px;
  letter-spacing: .02em;
}

.Form__input{
  width:100%;
  padding: 11px 12px;
  border-radius: var(--r-md);
  border:1px solid var(--line);
  background:#fff;
  color: var(--text);
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
}

.Form__input:focus{
  border-color: rgba(37,99,235,.45);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}
/* Definice pro třísloupcové rozvržení analýzy */
.Form__row--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Tři stejné sloupce */
    gap: 20px;                             /* Mezera mezi sloupci */
    margin-bottom: var(--s-4, 1rem);
}

/* Responzivita - na mobilech se naskládají pod sebe */
@media (max-width: 768px) {
    .Form__row--3 {
        grid-template-columns: 1fr;
    }
}