/* General Page Styling */
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #d3d3d3;
    margin: 0;
    padding: 0;
}

/* Header */
header {
    text-align: center;
    margin: 20px 0;
}

/* Main container */
main {
    width: 70%;
    margin: auto;
}

/* Section spacing */
section {
    margin-bottom: 20px;
}

/* Fieldset styling */
fieldset {
    border: 1px solid black;
    padding: 15px;
    background-color: #e6e6e6;
}

/* Legend (Step titles) */
legend {
    font-weight: bold;
    background-color: orange;
    padding: 3px 6px;
}

/* Default labels (stacked) */
label {
    display: block;
    margin-bottom: 8px;
}

/* Step 2 ONLY: inline genres */
.genres label {
    display: inline;
    margin-right: 12px;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="tel"],
select {
    width: 250px;
    padding: 5px;
    margin-top: 3px;
}

/* Range slider */
input[type="range"] {
    margin-top: 10px;
}

/* Textarea */
.textinput {
    width: 100%;
    height: 100px;
    border: 1px solid black;
    padding: 5px;
}

/* Comment section */
.comment {
    margin-top: 10px;
}

/* Buttons */
#submit, #reset {
    padding: 6px 10px;
    margin-top: 10px;
}

/* Footer */
footer {
    text-align: center;
    margin-top: 20px;
}

/* Validation link */
#validation {
    text-align: center;
}