/* Страница «Помощь по сайту» (static-help.tpl): оглавление, разделы, вопросы-аккордеоны, тарифы, почта поддержки */
.hp{font-family:Montserrat,system-ui,sans-serif;color:#1e2532}
.hp *,.hp *::before,.hp *::after{box-sizing:border-box}
.hp a{color:#307bb9}
.hp-lead{margin:-8px 0 22px;font-size:16px;line-height:1.6;max-width:860px;overflow-wrap:anywhere}
.hp-toc{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.hp-toc a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #cbe1ef;border-radius:10px;background:#f4f9fa;color:#2b303b;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.hp-toc a:hover{border-color:#5699d9;background:#fff;color:#307bb9}
.hp-toc a:focus-visible{outline:3px solid #9ec1da;outline-offset:2px}
.hp-sec{margin:0 0 40px;scroll-margin-top:24px}
.hp-sec h2{margin:0 0 10px;font-size:26px;line-height:1.3;font-weight:400;color:#0d1018}
.hp-sec > p{margin:0 0 18px;font-size:16px;line-height:1.6;max-width:860px}
.hp-q{margin:0 0 12px;border:1px solid #e1ecf3;border-radius:14px;background:#fff;box-shadow:0 0 21px rgba(200,222,231,.35);transition:border-color .2s,box-shadow .2s}
.hp-q:hover{border-color:#cbe1ef}
.hp-q[open]{border-color:#5699d9;box-shadow:0 0 0 3px rgba(86,153,217,.12)}
.hp-q summary{position:relative;display:flex;align-items:center;min-height:56px;padding:14px 60px 14px 20px;cursor:pointer;list-style:none}
.hp-q summary::-webkit-details-marker{display:none}
.hp-q summary::after{content:"";position:absolute;right:18px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#eef6fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23307bb9' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s,background-color .2s}
.hp-q[open] summary::after{transform:rotate(45deg);background-color:#5699d9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.hp-q summary:focus-visible{outline:3px solid #9ec1da;outline-offset:2px;border-radius:14px}
.hp-q h3{margin:0;font-size:17px;line-height:1.4;font-weight:400;color:#0d1018;overflow-wrap:anywhere}
.hp-q > p{margin:0;padding:0 20px 18px;font-size:15px;line-height:1.6;color:#4a525e;overflow-wrap:anywhere}
.hp-q[open] > p{animation:hp-in .25s ease}
@keyframes hp-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.hp-steps{list-style:none;counter-reset:hp;margin:0 0 18px;padding:0;display:grid;gap:10px;max-width:860px}
.hp-steps li{counter-increment:hp;position:relative;padding:12px 16px 12px 58px;border-radius:12px;background:#f4f9fa;font-size:15px;line-height:1.5}
.hp-steps li::before{content:counter(hp);position:absolute;left:14px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#5699d9;color:#fff;display:grid;place-items:center;font-size:14px}
.hp-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;max-width:860px}
.hp-plan{padding:18px 20px;border:1px solid #cbe1ef;border-radius:16px;background:linear-gradient(180deg,#f4f9fd,#fff)}
.hp-plan__t{margin:0;font-size:17px;color:#0d1018}
.hp-plan__p{margin:4px 0 8px;font-size:30px;line-height:1.1;color:#307bb9}
.hp-plan__n{margin:0;font-size:14px;line-height:1.5;color:#4a525e}
.hp-mail{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:12px 20px;border-radius:14px;background:#5699d9;color:#fff!important;font-size:18px;text-decoration:none;box-shadow:0 12px 26px rgba(86,153,217,.35);transition:background .3s,transform .15s}
.hp-mail:hover{background:#307bb9}
.hp-mail:active{transform:scale(.98)}
.hp-mail:focus-visible{outline:3px solid #9ec1da;outline-offset:2px}
.hp-mail__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.2)}
@media (max-width:767px){.hp-sec h2{font-size:22px}.hp-plans{grid-template-columns:1fr}.hp-q summary{padding-left:16px}.hp-q > p{padding:0 16px 16px}.hp-mail{width:100%;justify-content:center;font-size:16px}}
@media (prefers-reduced-motion:reduce){.hp-q,.hp-q summary::after,.hp-toc a,.hp-mail{transition:none}.hp-q[open] > p{animation:none}}