/* ELL. help centre (prototype v3 «Помощь»). Shared components: kit.css. */
.help3 .hsearch{display:flex;align-items:center;gap:10px;max-width:560px;margin:26px auto 0;height:56px;padding:0 18px;border-radius:18px;background:var(--s);border:1px solid var(--l);color:var(--m);box-shadow:var(--sh)}
.help3 .hsearch:focus-within{border-color:var(--b)}
.help3 .hsearch svg{width:20px;height:20px;flex:none}
.pro-shell .help3 .hsearch input{flex:1;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:16px;color:var(--t);outline:0}
.help3 .htop-sec{padding-top:40px}
.help3 .htop{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pro-shell .help3 .htop .card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:24px;border-radius:24px;cursor:pointer;min-height:0;font:inherit;color:var(--t);background:var(--s);border:1px solid var(--l);box-shadow:var(--sh);transition:transform .35s var(--spring),box-shadow .3s,border-color .2s}
.pro-shell .help3 .htop .card:hover{transform:translateY(-4px);box-shadow:var(--shL);background:var(--s)}
.pro-shell .help3 .htop .card[aria-pressed=true]{border-color:var(--b);box-shadow:0 0 0 3px color-mix(in srgb,var(--b) 25%,transparent),var(--sh)}
.help3 .htop h3{font-size:18px;margin-top:16px}
.help3 .htop p{color:var(--m);font-size:14px;margin-top:6px}
.help3 details.q[hidden]{display:none}
.pro-shell .help3 details.q p a{color:var(--bt);font-weight:700}
.help3 .empty{text-align:center;padding:40px 20px;color:var(--m)}
.help3 .empty h3{color:var(--t);font-size:20px;margin-bottom:6px}
.help3 .steps-card{padding:28px 32px;border-radius:28px}
.help3 .steps-card ol{margin:0;padding-left:22px;display:grid;gap:14px;color:var(--m);font-size:15.5px}
.help3 .steps-card li::marker{color:var(--bt);font-weight:800}
.pro-shell .help3 .steps-card a{color:var(--bt);font-weight:700}
.help3 .contact{padding:34px;border-radius:30px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.help3 .contact>div{flex:1;min-width:220px}
.help3 .contact h3{font-size:24px}
.help3 .contact p{margin-top:6px}
@container ek (max-width:820px){.help3 .htop{grid-template-columns:1fr 1fr}}
@container ek (max-width:520px){.help3 .htop{grid-template-columns:1fr}}