/* ==========================================================================
   Вопросы и ответы. Десктопный кит, лист `faq.html`.
   ========================================================================== */

.ac-qc{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--ac-s16);align-items:start;padding-top:var(--ac-s6)}

/* Колонка одна и по мере чтения: 44em - предел, после которого строка
   перестаёт читаться, сколько бы места ни было. */
.ac-qs{max-width:44em}

.ac-q{border-top:1px solid var(--ac-line)}
.ac-q:last-child{border-bottom:1px solid var(--ac-line)}
.ac-q summary{position:relative;display:flex;align-items:center;min-height:72px;padding-right:var(--ac-s10);font-family:var(--ac-font-display);font-size:22px;font-weight:var(--ac-w-med);letter-spacing:-.015em;list-style:none;cursor:pointer}
.ac-q summary::-webkit-details-marker{display:none}
.ac-q summary:hover{color:var(--ac-ink-hover)}
/* Шеврон поворачивается, высота строки не прыгает. */
.ac-q summary::after{content:"";position:absolute;right:10px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:1.4px solid var(--ac-ink-mute);border-bottom:1.4px solid var(--ac-ink-mute);transform:rotate(45deg);transition:transform var(--ac-dur) var(--ac-ease)}
.ac-q[open] summary::after{margin-top:-2px;transform:rotate(-135deg)}
.ac-q p{padding:0 var(--ac-s10) var(--ac-s6) 0;font-size:var(--ac-size-body);line-height:var(--ac-lh-body);color:var(--ac-ink-body);text-wrap:pretty}

.ac-hrs{line-height:1.6}