.leo-faq__grid{display:grid;grid-template-columns:40rem 1fr;gap:8rem;align-items:start}
.leo-faq__side{display:grid;gap:2rem;position:sticky;top:12rem}
.leo-faq__list{border-top:1px solid var(--leo-line)}
.leo-faq__item{border-bottom:1px solid var(--leo-line)}
.leo-faq__item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.6rem 0;cursor:pointer;font-size:clamp(1.7rem,1.5vw,2rem);font-weight:500;letter-spacing:-.01em;transition:color .3s}
.leo-faq__item summary::-webkit-details-marker{display:none}
.leo-faq__item summary:hover{color:var(--leo-deep)}
.leo-faq__item summary i{position:relative;flex:none;width:2.4rem;height:2.4rem}
.leo-faq__item summary i::before,.leo-faq__item summary i::after{content:"";position:absolute;left:50%;top:50%;width:1.6rem;height:2px;margin:-1px 0 0 -.8rem;background:currentColor;transition:transform .4s var(--leo-ease),background .3s}
.leo-faq__item summary i::after{transform:rotate(90deg)}
.leo-faq__item[open] summary i::after{transform:rotate(0)}
.leo-faq__item[open] summary i::before,.leo-faq__item[open] summary i::after{background:var(--leo-deep)}
.leo-faq__a{overflow:hidden}
.leo-faq__a p{margin:0;padding:0 6rem 2.6rem 0;font-size:1.6rem;line-height:2.5rem;color:var(--leo-ash);animation:leo-faq-in .5s var(--leo-ease)}
@keyframes leo-faq-in{from{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:none}}
@media (max-width:989px){
  .leo-faq__grid{grid-template-columns:1fr;gap:3.2rem}
  .leo-faq__side{position:static}
  .leo-faq__item summary{padding:1.8rem 0}
  .leo-faq__a p{padding:0 0 1.8rem;font-size:1.5rem;line-height:2.2rem}
}