.cci-tool-wrapper {
font-family: 'Open Sans', sans-serif;
background: #fff;
padding: 2rem;
color: #0A2240;
max-width: 800px;
margin: auto;
border: 0px solid #A2acab;
border-radius: 8px;
}

.cci-tool-wrapper select,
.cci-tool-wrapper label {
display: block;
margin: 0.5rem 0;
font-size: 1rem;
}

.accordion {
background-color: #ed8b00;
color: white;
padding: 0.75rem 1rem;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
margin-bottom: 0.5rem;
width: 100%;
transition: background-color 0.3s ease;
text-align: left;
}

.accordion:hover {
background-color: #0A2240;
}

.cci-button {
background-color: #0092BC;
color: white;
padding: 0.75rem 1rem;
border: none;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
margin-right: 0.5rem;
display: inline-block;
width: auto;
transition: background-color 0.3s ease;
}

.cci-button:hover {
background-color: #0A2240;
}

.panel {
padding: 1rem;
display: none;
overflow: hidden;
background-color: #f1f1f1;
border-left: 3px solid #0092BC;
margin-bottom: 1rem;
}

#results {
margin-top: 2rem;
background: #f1f1f1;
padding: 1rem;
border: 1px solid #A2acab;
border-radius: 6px;
font-family: Arial, sans-serif;
}

#results pre {
white-space: pre-wrap;
font-size: 1rem;
line-height: 1.5;
font-family: Arial, sans-serif;
}

#cta-buttons {
display: none;
position: relative;
z-index: 10;
}