/* экран из design-fable/fresh/faq.html, префикс q8- */
.q8-btn{height:var(--kl-h-compact);padding:0 var(--kl-space-4);border-radius:var(--kl-radius-ctl);border:var(--kl-border) solid var(--kl-line);background:var(--kl-surface);font-size:var(--kl-ui-size);font-weight:var(--kl-ui-weight);display:inline-flex;align-items:center;gap:var(--kl-space-2);white-space:nowrap;text-decoration:none;color:inherit}
.q8-fq{padding:var(--kl-space-12) 0 var(--kl-space-16);overflow:hidden}
.q8-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--kl-space-12);align-items:start}
#q8-glow{position:absolute;left:-12%;top:-5%;width:52%;height:115%;z-index:-1;pointer-events:none;display:block;-webkit-mask:radial-gradient(60% 55% at 50% 50%,#000 30%,transparent 72%);mask:radial-gradient(60% 55% at 50% 50%,#000 30%,transparent 72%)}
@media (max-width:760px){#q8-glow{display:none}}
#faq h2{margin:0 0 var(--kl-space-6);font-size:var(--kl-h2-size);font-weight:var(--kl-h2-weight);line-height:var(--kl-h2-leading);letter-spacing:var(--kl-h2-tracking)}
#faq h2 b{font-weight:inherit;color:var(--kl-brand-orange)}
[data-theme="light"] #faq h2 b{color:var(--kl-on-warm)}
.q8-ask{display:flex;align-items:center;gap:var(--kl-space-3);padding:var(--kl-space-3) var(--kl-space-4) var(--kl-space-3) var(--kl-space-3);border-radius:var(--kl-radius-card);border:var(--kl-border) solid var(--kl-line);background:var(--kl-surface);box-shadow:var(--kl-shadow-1);width:max-content;max-width:100%}
.q8-ask b{display:block;font-weight:var(--kl-weight-medium)}
.q8-meta{color:var(--kl-text-muted);font-size:var(--kl-caption-size)}
.q8-kolli{flex:none;position:relative;width:48px;height:48px;border-radius:var(--kl-radius-agent);overflow:hidden;background:var(--kl-tint-cold)}
.q8-kolli img{position:absolute;left:50%;top:52%;width:86%;height:auto;transform:translate(-50%,-50%)}
.q8-list{border-top:var(--kl-border) solid var(--kl-line)}
.q8-list details{border-bottom:var(--kl-border) solid var(--kl-line)}
.q8-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--kl-space-4);padding:var(--kl-space-5,20px) 0;font-size:var(--kl-h3-size);font-weight:var(--kl-weight-medium);line-height:1.3}
.q8-list summary::-webkit-details-marker{display:none}
.q8-list summary i{flex:none;width:20px;height:20px;background:var(--kl-text-muted);-webkit-mask:url(/landing/assets/icons/arrow-down2.svg) center/contain no-repeat;mask:url(/landing/assets/icons/arrow-down2.svg) center/contain no-repeat;transition:transform var(--kl-d3) var(--kl-e-std)}
.q8-list details[open] summary i{transform:rotate(180deg)}
.q8-list summary:hover{color:var(--kl-on-cold)}
.q8-list .q8-a{margin:0 0 var(--kl-space-5,20px);padding-right:var(--kl-space-8);color:var(--kl-text-muted);max-width:60ch}
.q8-list .q8-a p{margin:0 0 var(--kl-space-1)}
@media (max-width:760px){.q8-fq{padding:var(--kl-space-8) 0 var(--kl-space-12)}
.q8-stage{grid-template-columns:minmax(0,1fr);gap:var(--kl-space-6)}
.q8-side{display:contents}
#faq h2{order:0;margin-bottom:0}
.q8-list{order:1}
.q8-ask{order:2}
.q8-list summary{font-size:var(--kl-body-size);padding:var(--kl-space-4) 0}
.q8-list .q8-a{padding-right:0}}
@media (prefers-reduced-motion:reduce){.q8-list summary i{transition:none}}
#faq{scroll-margin-top:calc(var(--kl-space-16) + var(--kl-space-4))}