body {
    color:#555555;
    overflow-x: hidden;
    font-size: clamp(0.875rem, 1vw + 0.75rem, 1rem); /* ~14–16px fluid */
}

.header{
    /*
    height:75px;
    width:805px;
    background-image:url(../images/topbar.jpg);
    border:0px #000 solid;
    */
}

.signup_form{
    height:auto;
    min-height:300px;
    width:100%;
    max-width:600px;
    box-sizing:border-box;
    margin:0 auto;
    background-color:#eeeeee;
    border:1px #000 solid;

}

.question{
    text-decoration:underline;
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    font-weight:bold;

}

.main_content{

}

input[type=text],
input[type=email],
input[type=submit],
input[type=button],
select,
button {
    font-size: clamp(0.875rem, 1vw + 0.75rem, 1rem);
}

input[type=text]{
    width:100%;
    max-width:230px;
    box-sizing:border-box;

}

/* WCAG 2.4.7 — Focus Visible: ensure all interactive elements have a visible focus ring */
a:focus,
input:focus,
select:focus,
button:focus,
[tabindex]:focus {
    outline: 2px solid #0066FF;
    outline-offset: 2px;
}

/* WCAG 1.4.1 — Non-color status indicators for monitor list */
.status-active {
    color: #007A00;
    font-weight: bold;
}

.status-inactive {
    color: #CC0000;
    font-weight: bold;
}