body {
		padding-top: 20px;
}

section {
		background-color: #f9f9f9;
		border: 1px solid #e1e1e1;
		border-radius: 4px;
		padding: 20px;
		margin-bottom: 20px;
}

h2 {
		margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
		word-wrap: break-word;
		overflow-wrap: break-word;
		hyphens: auto;
		line-height: 1.2;
}

#requirements p {
		margin-bottom: 5px;
}

#requirements p:not(#categoriesHeader) {
		color: #e74c3c;
		transition: color 0.3s ease;
}

#requirements p:not(#categoriesHeader).met {
		color: #026a12;
}

#categoriesHeader {
		color: #333;
		font-weight: bold;
}

#banner {
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
		text-align: center;
		font-weight: bold;
		color: white;
		border-radius: 4px;
}

#banner.ok {
		background-color: #026a12;
}

#banner.not-ok {
		background-color: #e74c3c;
}

.checkbox-container {
		display: flex;
		gap: 10px; /* Adjust the gap between the checkboxes if needed */
}

#generatedPassphrase {
		background-color: #f0f0f0;
		padding: 10px;
		margin-top: 15px;
		border-radius: 4px;
		font-family: monospace;
		font-size: 1.2rem;
		word-break: break-all;
}

#showMoreOptions {
		display: inline-block;
		margin-top: 10px;
}

#moreOptions {
		margin-top: 15px;
}

#comparisonText {
	background-color: #f0f0f0;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 15px;
}

#comparisonText p {
	margin: 5px 0;
}

#nameComparison, #passwordComparison {
	font-weight: bold;
}

#comparisonText .highlight {
	color: #e74c3c;
	font-weight: bold;
}

#generatedPassphraseContainer {
	margin-top: 20px;
}

#generatedPassphraseContainer h5 {
	margin-bottom: 10px;
}

#generatedPassphrase {
	display: block;
	padding: 10px;
	font-size: 1.2rem;
	line-height: 1.5;
	word-break: break-all;
	white-space: pre-wrap;
	background-color: #f1f1f1;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
}

/* Responsive adjustments */
@media (max-width: 550px) {
		.column,
		.columns {
				margin-left: 0;
		}
}