/* Grundlayout för att likna exemplet */
body {
  font-family: "Times New Roman", Times, serif;
  margin: 20px;
  color: #000;
  background: #fff;
}

/* Stor rubrik som i bilden */
h1 {
  font-size: 42px;
  margin: 0 0 10px 0;
}

/* Text under rubriken */
p {
  margin: 0 0 20px 0;
}

/* Mellanrum mellan varje fältsektion (det du menar med “spaces”) */
.field {
  margin: 0 0 16px 0;
}

/* Rubriktexter (labels) för vanliga fält ska vara feta och ligga ovanför input */
.field > label,
.label {
  display: block;
  font-weight: bold;
  margin: 0 0 4px 0;
}

/* Textfält och select ungefär som i bilden */
input[type="text"],
select {
  width: 160px;
}

/* Beskrivningsrutan som i bilden */
textarea {
  width: 300px;
  height: 140px;
}

/* Radio-alternativen ska vara vertikala, normalvikt och med liten spacing */
.radio {
  display: block;
  font-weight: normal;
  margin: 0 0 4px 0;
}

/* Lite luft ovanför knapparna */
.buttons {
  margin-top: 20px;
}