body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* HTML5 Video and Audio Players */
video, audio {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    background-color: #000 !important;
    margin: 0 auto !important;
}

video[controls], audio[controls] {
    width: 100% !important;
    min-height: 50px !important; /* Ensure visible even if empty */
}

/* Ensure all answer inputs are identical width and layout */
#answersList .field-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

#answersList .field-box label {
  width: 140px;               /* consistent label column */
  margin: 0;
  flex: 0 0 140px;
}

#answersList .text-box-question,
#answersList input[type="text"] {
  width: 320px !important;    /* target width you want */
  box-sizing: border-box;
  flex: 0 0 320px;
}

#answersList .answer-control { /* wrapper for radio/checkbox */
  padding-left: 6px;
  flex: 0 0 auto;
}