/* faq: vygenerované z návrhu nástrojom tools/split_css.py */
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:30px clamp(40px,7vw,130px);align-items:start}
.faq-head{position:sticky;top:130px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.faq-list{border-top:1px solid var(--hair)}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-family:var(--display);font-weight:500;font-size:clamp(1.1rem,1.5vw,1.4rem);letter-spacing:-.01em;line-height:1.26}
.faq summary::-webkit-details-marker{display:none}
.faq summary .i{width:44px;height:44px;padding:12px;border-radius:50%;border:1px solid var(--hair);transition:transform .5s cubic-bezier(.22,1,.36,1),background .3s,color .3s}
.faq details[open] summary .i{transform:rotate(45deg);background:var(--violet);border-color:var(--violet);color:#fff}
.faq details p{padding:0 70px 26px 0;color:var(--fg2);font-size:1.03rem;max-width:64ch}
.faq details p strong{color:var(--fg)}
@media (max-width:1080px){
  .faq{grid-template-columns:minmax(0,1fr)}
  .faq-head{position:static}
}
@media (max-width:760px){
  .faq details p{padding-right:0}
}
.faq details p a{color:var(--violet);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .25s}
.faq details p a:hover{color:var(--violet-deep)}