body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        .header {
            background-color: #2c3e50;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem;
            color: white;
        }
        .navigation {
            display: flex;
            gap: 1rem;
        }
        .navigation a {
            color: white;
            text-decoration: none;
            padding: 0.5rem 1rem;
            border-radius: 4px;
            transition: background-color 0.3s;
        }
        .navigation a:hover {
            background-color: #34495e;
        }
        .user-info {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        .btn {
            background-color: #3498db;
            color: white;
            text-decoration: none;
            padding: 0.5rem 1rem;
            border-radius: 4px;
        }
		 .section {
            display: none;
        }
        .section.active {
            display: block;
			padding: 1.5rem;
        }
		  /* Site Title */
        .site-title {
            margin: 0;
            padding: 1.5rem;
            background-color: #1a5276;
            text-align: center;
        }
        
        .site-title a {
            color: white;
            text-decoration: none;
            font-size: 2rem;
            font-weight: 700;
            letter-spacing: 0.5px;
            transition: color 0.3s;
            display: inline-block;
        }
        
        .site-title a:hover {
            color: #3498db;
        }
        
        /* Navigation Header */
        .header {
            background-color: #2c3e50;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem;
            color: white;
        }
		.user-info {
			text-align: right;
			float: right;
		}
		h2.formtitle {
			margin-left: 20px; 
		}
		.formh4 {
			  font-weight: 600;          /* Semi-bold for emphasis */
			  color: #333;               /* Dark grey for good readability */
			  margin: 1rem 0 0.5rem;     /* Space above and below */
			  padding-bottom: 0.25rem;   /* Small space below */
			  border-bottom: 2px solid #ddd; /* Subtle underline for structure */
			  letter-spacing: 0.5px;     /* Slight spacing for clarity */
		}

input[type="radio"]:disabled:checked {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid yellow;
    border-radius: 50%;
    background-color: yellow;
    opacity: 1;
    position: relative;
}

input[type="radio"]:disabled:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #B8860B; /* darker yellow for the inner dot */
}

input[type="checkbox"]:disabled:checked {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid yellow;
    border-radius: 3px; /* slightly rounded corners for checkbox */
    background-color: yellow;
    opacity: 1;
    position: relative;
}

input[type="checkbox"]:disabled:checked::before {
    content: '✓'; /* checkmark symbol */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #B8860B; /* darker yellow for the checkmark */
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}