.knowledge-fold-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.knowledge-fold-heading h2{margin-bottom:8px}
.knowledge-fold-toggle{flex-shrink:0;width:60px;height:60px;display:grid;place-items:center;padding:0;border:1px solid #c9924088;border-radius:18px;background:linear-gradient(140deg,#244b3d,#080e0b 65%,#292012);box-shadow:inset 0 1px 1px #fff3,0 0 22px #12c5bc20;cursor:pointer}
.knowledge-fold-toggle span{position:relative;width:26px;height:26px;filter:drop-shadow(0 0 5px #12c5bc66)}
.knowledge-fold-toggle span::before,.knowledge-fold-toggle span::after{content:'';position:absolute;left:0;top:10px;width:26px;height:6px;border-radius:3px;background:linear-gradient(90deg,#e0ac58,#8af5e0);box-shadow:inset 0 1px 0 #fff8}
.knowledge-fold-toggle span::after{transform:rotate(90deg);transition:transform .5s,opacity .5s}
.knowledge-fold-toggle[aria-expanded=true] span::after{transform:rotate(0);opacity:0}
.knowledge-fold-toggle:hover{border-color:#12c5bc;box-shadow:0 0 28px #12c5bc33}
.knowledge-fold-toggle:focus-visible{outline:2px solid #12c5bc;outline-offset:5px}
.knowledge-fold-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 1s cubic-bezier(.22,.7,.2,1),visibility 0s 1s}
.knowledge-fold-inner{min-height:0;overflow:hidden}
.knowledge-fold-panel.is-open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows 1s cubic-bezier(.22,.7,.2,1),visibility 0s}
@media(max-width:600px){.knowledge-fold-heading{gap:12px}.knowledge-fold-toggle{width:48px;height:48px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.knowledge-fold-panel,.knowledge-fold-toggle span::after{transition:none}}