body {
    background: #f8f9fa;
}

.form-section {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px #0001;
    padding: 2rem;
    margin-bottom: 2rem;
}

.required:after {
    content: "*";
    color: #dc3545;
    margin-left: 0.25em;
}

.legend-symbol{
    font-size: 1em;
}

sup {
    margin-left: 2px;
    font-size: 0.85em;
}

.table-sm td,
.table-sm th {
    padding: .4rem;
}

.progress {
    height: 2.5rem;
    margin-top: 3rem;
}

.progress-bar {
    font-size: 1.25rem;
}

footer {
    font-size: 0.95rem;
    background: #f8f9fa;
}

footer a {
    color: #888;
    text-decoration: underline;
}

footer a:hover {
    color: #0056b3;
}

@media (max-width: 576px) {
    footer .container {
        font-size: 0.85rem;
    }
}