/* Preserve the original appearance while Bootstrap supplies the base components. */
body {
    margin: 0;
    font: 13px Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    background: #9c9c9c;
    line-height: normal;
}
.legacy-page { max-width: 740px; min-height: 100vh; background: #cac8c8; }
.legacy-page a:not(.btn) { color: #a00000; padding: 2px; font-weight: bold; text-decoration: underline; }
.legacy-page a:not(.btn):hover { color: #f0f0f0; background: #900000; }
.legacy-header { min-height: 100px; padding-top: 4px; background: url('../img/logo20.gif') no-repeat left 4px; }
.legacy-header-right { width: 49%; margin-left: 50%; text-align: right; padding-top: 16px; }
.legacy-site-name { white-space: nowrap; }
.legacy-header .legacy-nav { margin-top: 27px; padding: 5px; }
.legacy-nav { background: #851f1f; color: #f0f0f0; }
.legacy-page .legacy-nav a,
.legacy-page .legacy-nav a:visited { color: #fff; }
.legacy-page .legacy-nav a:hover { color: #000; background: #fff; }
.legacy-content { display: grid; grid-template-columns: 60% 35%; grid-template-rows: minmax(290px, auto) minmax(200px, auto) minmax(200px, auto); }
.legacy-intro { grid-column: 1; grid-row: 1 / 3; padding: 0 5px 0 10px; }
.legacy-register { grid-column: 2; grid-row: 1; padding: 0 10px 0 5px; }
.legacy-free { grid-column: 1 / 3; grid-row: 3; padding: 10px; }
.legacy-login { grid-column: 2; grid-row: 2; padding: 0 10px 0 5px; }
.legacy-page h1 { font-size: 1.17em; font-weight: bold; margin: 1em 0; }
.legacy-page p { margin: 1em 0; }
.legacy-page fieldset { min-width: 0; max-width: 90%; border: 1px solid #fff; padding: 10px; }
.legacy-page legend { float: none; width: auto; margin: 0; padding: 0 2px; font-size: 14px; font-weight: bold; color: #851f1f; }
.legacy-page .btn-danger {
    --bs-btn-bg: #842424;
    --bs-btn-border-color: #842424;
    --bs-btn-hover-bg: #701f1f;
    --bs-btn-hover-border-color: #681c1c;
    --bs-btn-active-bg: #681c1c;
    --bs-btn-active-border-color: #601a1a;
    --bs-btn-focus-shadow-rgb: 132, 36, 36;
}
.legacy-red { color: #990000; }
.legacy-blue { color: #0000c0; }
.legacy-footer { padding-bottom: 10px; }
.legacy-footer .legacy-nav { padding: 5px 2px; background: #851f1f url('../img/footergfx.gif') repeat-x; }
.legacy-page .legacy-copyright { margin: 4px 0 0; }
@media (max-width: 651px) {
    .legacy-header-right { width: 100%; margin-left: 0; padding-top: 76px; }
    .legacy-site-name { padding-right: 10px; }
    .legacy-header .legacy-nav { text-align: center; }
    .legacy-content { display: flex; width: 98%; margin: 0 auto; }
    .legacy-content > section, .legacy-content > div { width: 100%; padding: 0 10px 15px; }
    .legacy-page fieldset { max-width: 100%; }
}