/* pitagora.css — pagina examples/pitagora.php.
   Solo il form del teorema: triangolo rettangolo SVG con i campi di input
   posizionati accanto ai due cateti e l'output accanto all'ipotenusa.
   Posizionamento in percentuale sul contenitore (il triangolo scala in modo
   responsivo, viewBox 380x300). */

.pit-tri {
  position: relative;
  width: 380px;
  max-width: 100%;
  margin: .5rem auto 1rem;
}
.pit-tri > svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}
.pit-cat {
  position: absolute;
  display: flex;
  align-items: center;
  gap: .2rem;
  transform: translate(-50%, -50%);
}
.pit-cat input {
  width: 4.6rem;
  text-align: center;
}
/* centri sui lati: base (cateto 1), verticale (cateto 2), ipotenusa (output) */
.pit-cat1 { left: 50.5%; top: 86%; }
.pit-cat2 { left: 9%;    top: 47%; }
.pit-ipo  { left: 60%;   top: 37%; }
.pit-ipo input { background: #f6fbff; font-weight: 600; }