.exp-section{
background-color:var(--bg2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br1);
overflow:hidden;
box-shadow:var(--fbs);
}
.exp-toggle{
width:100%;
display:flex;
align-items:center;
gap:12px;
padding:14px var(--gap);
background-color:var(--bg2);
border:none;
cursor:pointer;
font-family:var(--ff2);
text-align:left;
}
.exp-toggle:hover{
background-color:var(--hv1);
}
.exp-toggle-title{
font-size:16px;
font-weight:700;
color:var(--tx3);
margin:0;
text-transform:uppercase;
letter-spacing:1px;
flex:1;
}
.exp-toggle:hover .exp-toggle-title{
color:var(--cl1);
}
.exp-toggle.active .exp-toggle-title{
color:var(--cl1);
}
.exp-toggle-icon{
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.exp-toggle-icon svg{
width:24px;
height:24px;
fill:var(--tx3);
stroke:var(--tx3);
}
.exp-toggle:hover .exp-toggle-icon svg{
fill:var(--cl1);
stroke:var(--cl1);
}
.exp-toggle-arrow{
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.exp-toggle-arrow svg{
width:24px;
height:24px;
fill:var(--tx3);
stroke:var(--tx3);
transition:transform .2s ease;
}
.exp-toggle:hover .exp-toggle-arrow svg{
fill:var(--cl1);
stroke:var(--cl1);
}
.exp-toggle.active .exp-toggle-arrow svg{
transform:rotate(180deg);
fill:var(--cl1);
stroke:var(--cl1);
}
.exp-content{
display:none;
border-top:var(--bw1) solid var(--bc1);
}
.exp-content.active{
display:block;
}
.exp-content-anim{
display:grid;
grid-template-rows:0fr;
transition:grid-template-rows .25s ease;
}
.exp-content-anim.active{
grid-template-rows:1fr;
}
.exp-content-inner{
overflow:hidden;
min-height:0;
}
.exp-list{
display:flex;
flex-direction:column;
}
.exp-item{
display:flex;
align-items:center;
justify-content:space-between;
padding:12px var(--gap);
color:var(--tx1);
border-top:var(--bw1) solid var(--bc1);
}
.exp-item:first-child{
border-top:none;
}
.exp-item.hidden{
display:none;
}
.exp-item:hover{
background-color:var(--hv1);
}
.exp-item.active{
background-color:var(--ob3);
}
.exp-more{
width:100%;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
padding:14px var(--gap);
background-color:var(--bg2);
border:none;
border-top:var(--bw1) solid var(--bc1);
cursor:pointer;
font-family:var(--ff2);
font-size:15px;
font-weight:700;
color:var(--tx2);
text-transform:uppercase;
letter-spacing:1px;
}
.exp-more:hover{
background-color:var(--hv1);
color:var(--cl1);
}
.exp-more.hidden{
display:none;
}
.exp-more-arrow{
width:20px;
height:20px;
display:flex;
align-items:center;
justify-content:center;
}
.exp-more-arrow svg{
width:20px;
height:20px;
fill:currentColor;
stroke:currentColor;
}
.exp-accordion .exp-section{
margin-bottom:var(--gd2);
}
.exp-accordion .exp-section:last-child{
margin-bottom:0;
}
.exp-accordion .exp-toggle{
padding:var(--gd2) var(--gap);
font-family:var(--ff1);
border-bottom:var(--bw1) solid transparent;
transition:background-color .2s ease,border-color .2s ease;
}
.exp-accordion .exp-toggle-title{
font-size:var(--fz1);
font-weight:600;
color:var(--tx1);
text-transform:none;
letter-spacing:0;
line-height:1.5;
}
.exp-accordion .exp-toggle:hover .exp-toggle-title{
color:var(--cl1);
}
.exp-accordion .exp-toggle.active{
background-color:var(--hv1);
border-bottom-color:var(--bc1);
}
.exp-accordion .exp-toggle.active .exp-toggle-title{
color:var(--cl1);
}
.exp-accordion .exp-content-inner p{
margin:0;
padding:var(--gd2) var(--gap) var(--gap);
font-size:var(--fz1);
line-height:var(--lh1);
color:var(--tx2);
}
.exp-accordion .exp-content-inner a{
color:var(--lnk);
}
.exp-accordion .exp-content-inner a:hover{
text-decoration:underline;
text-decoration-thickness:1px;
}