/*
 * Зачем: блок «Частые вопросы» на главной (pages/partials/faq).
 * Что делает: две колонки — вступление с тремя способами связи и аккордеон (открыт один ответ); оформление ответов:
 *   нумерованные шаги, маркированные списки, сравнение, группы, чипы и выноски. Только токены variables.css.
 */
.home-faq{background:var(--color-surface);border-top:1px solid var(--color-border)}
.home-faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--space-8);align-items:start}
.home-faq__intro{position:sticky;top:104px}
.home-faq__intro h2{margin:var(--space-2) 0 0;color:var(--color-primary);font-size:var(--font-size-section);line-height:var(--line-height-tight);letter-spacing:-.02em}
.home-faq__intro p{margin:var(--space-3) 0 var(--space-5);color:var(--color-text-secondary);line-height:var(--line-height-base)}
/* Три способа задать вопрос: карточки-ссылки (.nw-card + .nw-card__link растянута на всю карточку) */
.home-faq__channels{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}
.home-faq__channel{flex-direction:row;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}
.home-faq__channel .nw-icon{flex:0 0 48px}
.home-faq__channel-body{flex:1;min-width:0;display:grid;gap:2px}
.home-faq__channel-body .nw-card__link{color:var(--color-primary);font-size:var(--font-size-md);font-weight:700;line-height:var(--line-height-tight)}
.home-faq__channel-body .nw-card__link:focus-visible{outline:none}
.home-faq__channel-body span{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base);overflow-wrap:anywhere}
.home-faq__channel .nw-go{width:36px;height:36px;flex-basis:36px}
.home-faq__channel-body strong,.home-faq__copy{color:var(--color-primary);font-size:var(--font-size-md);font-weight:700;line-height:var(--line-height-tight)}
.home-faq__channel-body .home-faq__channel-value{color:var(--color-accent);font-weight:700}
/* Телефон — только информация: без подъёма и заливки иконки при наведении */
.home-faq__channel--static:hover,.home-faq__channel--static:focus-within{transform:none;border-color:var(--color-border);box-shadow:0 1px 2px rgba(11,47,85,.04)}
.home-faq__channel--static:hover .nw-icon{background:var(--color-background);color:var(--color-accent);box-shadow:0 0 0 1px var(--color-border)}
/* E-mail — кнопка копирования, растянута на всю карточку */
.home-faq__copy{margin:0;padding:0;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer}
.home-faq__copy::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.home-faq__copy:focus-visible{outline:none}
.home-faq__channel:has(.home-faq__copy:focus-visible){outline:3px solid var(--color-accent);outline-offset:3px}
.home-faq__copy-done{display:none}
.home-faq__channel.is-copied .home-faq__copy-idle{display:none}
.home-faq__channel.is-copied .home-faq__copy-done{display:block}
.home-faq__channel.is-copied .nw-go{background:var(--color-success);color:#ffffff;box-shadow:none}
.home-faq__channel.is-copied .home-faq__copy-status{color:var(--color-success);font-weight:700}
.home-faq__body{min-width:0}
.home-faq__list{display:grid;gap:var(--space-3)}

/* ---------- Пункт аккордеона ---------- */
.home-faq details{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);transition:border-color var(--transition),box-shadow var(--transition)}
.home-faq details:hover{border-color:var(--color-border-strong)}
.home-faq details[open]{border-color:var(--color-border-strong);box-shadow:var(--shadow-card)}
.home-faq summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);color:var(--color-primary);font-weight:700;line-height:var(--line-height-tight);cursor:pointer;list-style:none}
.home-faq summary::-webkit-details-marker{display:none}
.home-faq summary span{flex:1}
.home-faq summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-lg)}
.home-faq__icon{width:20px;height:20px;flex:0 0 20px;color:var(--color-accent)}
.home-faq__chevron{width:18px;height:18px;flex:0 0 18px;color:var(--color-text-secondary);transition:transform var(--transition)}
.home-faq details[open] .home-faq__chevron{transform:rotate(180deg)}

/* ---------- Ответ ---------- */
.faq-answer{display:grid;gap:var(--space-4);margin:0 var(--space-5) var(--space-5) calc(var(--space-5) + 20px + var(--space-3));padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}
.faq-answer p,.faq-answer ul,.faq-answer ol{margin:0}
.faq-answer b{color:var(--color-primary)}
.faq-answer__label{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.faq-answer__label+ul,.faq-answer__label+ol{margin-top:calc(var(--space-2) * -1)}
.faq-answer__muted{font-size:var(--font-size-xs)}

/* Маркированный список: акцентная точка */
.faq-list{display:grid;gap:var(--space-2);padding:0;list-style:none}
.faq-list li{position:relative;padding-left:var(--space-5)}
.faq-list li::before{content:"";position:absolute;left:4px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}
/* Вариант «галочки» — особенности/исключения */
.faq-list--check li{padding-left:26px}
.faq-list--check li::before{left:0;top:.2em;width:18px;height:18px;border-radius:50%;background:var(--color-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}

/* Нумерованные шаги: номер в кружке */
.faq-steps{display:grid;gap:var(--space-3);padding:0;list-style:none;counter-reset:faq-step}
.faq-steps li{position:relative;min-height:24px;padding-left:36px;counter-increment:faq-step}
.faq-steps li::before{content:counter(faq-step);position:absolute;left:0;top:-1px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:700;line-height:1}

/* Сравнение двух документов */
.faq-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.faq-compare__item{display:grid;align-content:start;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(160deg,var(--color-accent-soft) 0%,var(--color-background) 75%)}
.faq-compare__item strong{color:var(--color-primary);font-size:var(--font-size-md)}

/* Группы документов */
.faq-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.faq-groups__item{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}
.faq-groups__item .faq-answer__label+ul{margin-top:0}

/* Чипы */
.faq-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;list-style:none}

/* Выноски: срок / важно / совет */
.faq-note{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}
.faq-note svg{width:20px;height:20px;flex:0 0 20px;margin-top:1px;color:var(--color-accent)}
.faq-note--important{border-left-color:var(--color-danger);background:var(--color-danger-soft)}
.faq-note--important svg,.faq-note--important b{color:var(--color-danger)}
.faq-note--tip{border-left-color:var(--color-success);background:var(--color-success-soft)}
.faq-note--tip svg{color:var(--color-success)}

.home-faq details a{color:var(--color-accent);font-weight:700}
.home-faq__disclaimer{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-base)}
.home-faq__disclaimer svg{width:16px;height:16px;flex:0 0 16px;margin-top:1px}

@media(max-width:1100px){
    .home-faq__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
    .home-faq__intro{position:static}
    .home-faq__channels{grid-template-columns:repeat(3,minmax(0,1fr))}
    .home-faq__channel{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
    .home-faq__channel .nw-go{display:none}
    .home-faq__channel .home-faq__copy-icon{display:inline-flex;position:absolute;top:var(--space-4);right:var(--space-4)}
}
@media(max-width:640px){
    .home-faq summary{padding:var(--space-4)}
    .faq-answer{margin:0 var(--space-4) var(--space-4)}
    .faq-compare,.faq-groups{grid-template-columns:minmax(0,1fr)}
    .home-faq__channels{grid-template-columns:minmax(0,1fr)}
    .home-faq__channel{flex-direction:row;align-items:center}
    .home-faq__channel .nw-go{display:inline-flex}
    .home-faq__channel .home-faq__copy-icon{position:static}
}