.schsmst-question-wrapper {
margin: 1.5em 0;
border: none;
border-radius: 0;
overflow: visible;
background-color: transparent;
} .schsmst-question-header {
position: relative;
cursor: pointer;
padding-left: 2em;
background-color: transparent;
transition: none;
user-select: none;
}
.schsmst-question-header:hover {
background-color: transparent;
}
.schsmst-question-header h1,
.schsmst-question-header h2,
.schsmst-question-header h3,
.schsmst-question-header h4,
.schsmst-question-header h5,
.schsmst-question-header h6 {
margin: 0;
padding: 0;
display: inline;
font-size: inherit;
} .schsmst-toggle {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease;
}
.schsmst-toggle::before {
content: '';
display: block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid currentColor;
transform: rotate(-90deg);
transition: transform 0.2s ease;
}
.schsmst-question-wrapper.schsmst-open .schsmst-toggle::before {
transform: rotate(0deg);
} .schsmst-answer-wrapper {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
padding: 0;
margin-top: 0.5em;
}
.schsmst-question-wrapper.schsmst-open .schsmst-answer-wrapper {
max-height: none;
padding: 0;
}
.schsmst-answer-wrapper p {
margin: 0.5em 0;
} .schsmst-question-header:focus {
outline: 2px solid #0073aa;
outline-offset: 2px;
} @media (max-width: 768px) {
.schsmst-question-header {
padding-left: 2em;
}
.leftoggle {
right: 0;
}
} @media print {
.schsmst-answer-wrapper {
max-height: none !important;
padding: 0 !important;
}
.schsmst-toggle {
display: none;
}
}