/* predictor_styles.css */
body { font-family: sans-serif; line-height: 1.5; margin: 1em; }
h2, h3 { margin-top: 1.5em; margin-bottom: 0.5em; color: #333; }
hr { margin: 2em 0; border: 0; border-top: 1px solid #ccc; }
select, input[type=submit], input[type=reset] { padding: 8px 12px; margin: 5px 0; border: 1px solid #ccc; border-radius: 4px; font-size: 1em; }
select { min-width: 200px; }
input[type=submit], input[type=reset] { background-color: #4CAF50; color: white; border: none; cursor: pointer; transition: background-color 0.3s ease; }
input[type=submit]:hover, input[type=reset]:hover { background-color: #45a049; }
input[type=submit]:disabled { background-color: #ccc; cursor: not-allowed; }
input[type=reset] { background-color: #aaa; margin-left: 10px;}
input[type=reset]:hover { background-color: #888; }
label { display: inline-block; margin-right: 5px; min-width: 100px; }
footer { margin-top: 3em; font-size: 0.9em; color: #555; border-top: 1px solid #eee; padding-top: 1em; }
footer p { margin: 0.5em 0; }
a { color: #007bff; text-decoration: none; }
a:hover { text-decoration: underline; }
.error-message { color: #D8000C; background-color: #FFD2D2; border: 1px solid #D8000C; padding: 10px; margin-bottom: 1em; border-radius: 4px; }
.prediction-result { border: 1px solid #ccc; padding: 15px; margin-bottom: 1em; background-color: #f9f9f9; border-radius: 4px; }
.vs-field-result { max-height: 300px; overflow-y: auto; border: 1px solid #eee; padding: 10px; margin-top: 0.5em; font-size: 0.9em; background-color: #fff; line-height: 1.6; }
.archive-links p { line-height: 1.8; }
.form-section { margin-bottom: 2em; padding: 1.5em; border: 1px solid #ddd; border-radius: 5px; background-color: #fefefe;}
.form-section h3 { border-bottom: 1px solid #eee; padding-bottom: 0.3em; margin-top: 0;}
.year-select-label { font-weight: bold; display: block; margin-bottom: 0.2em; }
.form-row { margin-bottom: 1em; }
input[type="radio"] { margin-right: 3px; }
input[type="radio"] + label { margin-right: 15px; cursor: pointer; }
input[type="radio"]:disabled + label { color: #999; cursor: not-allowed; }
#hfa-controls span { font-weight: bold; }