body {
background-color: #f0f0f0;
}

.sidebar {
background-color: maroon;
color: white;
min-height: 100vh;
}

.sidebar .nav-link {
color: white;
}

.sidebar .nav-link:hover {
background-color: #990000;
color: white;
}

.logo {
font-size: 1.5rem;
padding: 1rem;
font-weight: bold;
color: white;
}

.content-wrapper {
padding: 1rem;
}

.content-card {
background-color: white;
padding: 2rem;
border-radius: 0.5rem;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.form-check.selected {
background-color: #d4edda;
border-radius: 0.25rem;
padding: 0.5rem;
}

.breadcrumb-area {
margin-bottom: 1rem;
}

.page-title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 0.5rem;
}

.minimal-content {
max-width: 600px;
margin: 80px auto;
background: white;
padding: 2rem;
border-radius: 0.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.form-check-input {
  border-color: #222 !important;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(128, 0, 0, 0.25);
}

.question-section {
  font-size: 1.35em;
}