.accordion .accordion-head { cursor: pointer; }

.accordion button.accordion-head {
padding:1rem 0;
position: relative;
display: block;
width:100%;
background-color:transparent;
font-style: normal;
border:none;
}
.accordion button.accordion-head.active,
.accordion button.accordion-head:hover,
.accordion button.accordion-head:focus-visible {
border:none;
}
.accordion-head.active {
display: block; /* This might not be strictly needed as the button is block by default */
}
/* Removed .accordian .accordian-panel { display: none; } as we are using height/visibility/overflow */

.accordion-panel {
height: 0;
overflow: hidden; /* This is crucial for clipping content when height is 0 */
visibility: hidden; /* Hide panel and its content by default */
transition: height 0.3s ease, visibility 0s linear 0.3s; /* Delay visibility on close */
padding: 0; /* Keep padding here if it's meant to be zero */
}

.accordion-panel.active {
visibility: visible; /* Show panel when active */
transition: height 0.3s ease, visibility 0s linear 0s; /* Show immediately, height animates */
/* We no longer set height: auto here; JS handles height */
}

.accordion-content {
opacity: 0;
transition: opacity 0.3s ease; /* No delay on opening, let it fade with height */
padding-bottom: 3em;
position: relative;
z-index: 1;
}
.accordion-content .link-small-inline {
transition:none !important;
position: relative;
z-index: 1;
}
.accordion-content.active {
opacity: 1;
transition: opacity 0.3s ease 0.2s; /* Add a slight delay on opening fade in */
}
.accordion .accordion-head h2 {
/* text-align: left; */
padding:0;
margin:0;
}
.accordion-head span.accordion-icon {
position: absolute;
top: 10px;
right: 10px;
font-size:1.5rem;
}
.accordion-panel p {
line-height: 1.5em;
}
.accordion-plus,
.accordion-minus {
opacity: 1;
transition: opacity 0.3s ease;
color: var(--color-border-dark);
}
.accordion-head:hover .accordion-plus,
.accordion-head:focus-visible .accordion-plus,
.accordion-head:hover .accordion-minus,
.accordion-head:focus-visible .accordion-minus {
opacity: 1;
transition: opacity 0.3s ease;
}
.accordion-plus {
display: block;
}
.accordion-minus {
display: none;
}
.active .accordion-plus {
display: none;
}
.active .accordion-minus {
display: block;
}
.accordion-icon svg {
display: block;
width: 1.5em;
height: auto;
}