/* Perkelta iš prototipo mix-pagalba.html be pakeitimų. */
.helpbox{margin-top:48px;padding:32px 36px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.helpbox h2{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff;margin-top:14px}
.helpbox p{color:#c7c7cc;margin-top:8px;font-size:17px;max-width:52ch}
.helpbox .ic-chip.y{background:var(--yellow)}
.helpbox .ic-chip.y .ph{color:var(--ink)}
.helpbox .act{display:flex;flex-wrap:wrap;gap:10px;max-width:420px;justify-content:flex-end}
.helpbox .btn-w{box-shadow:none}
.helpbox small{flex-basis:100%;text-align:right;color:#aeaeb2;font-size:14.5px}
@media (max-width:900px){.helpbox{grid-template-columns:1fr}.helpbox .act{justify-content:flex-start}.helpbox small{text-align:left}}
@media (max-width:767px){.helpbox{padding:24px 20px;margin-top:36px}.helpbox h2{font-size:24px}.helpbox .act .btn{flex:1 1 auto}}

.hl{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--gap);align-items:start;margin-top:var(--gap)}
.toc{padding:12px;position:sticky;top:16px}
.toc a{display:flex;align-items:center;gap:12px;height:46px;padding:0 12px;border-radius:var(--r-sm);font-weight:500}
.toc a i{font-size:20px;color:var(--ink-2)}
.toc a:hover{background:var(--tile-2)}
.toc a.on{background:var(--ink);color:#fff;font-weight:600}
.toc a.on i{color:var(--yellow)}
.secs{display:flex;flex-direction:column;gap:var(--gap)}
.sec{padding:32px 34px;scroll-margin-top:20px}
.sec h2{font-size:28px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sec p{color:var(--ink-2);margin-top:10px}
.sec p b{color:var(--ink)}
.sec table{width:100%;border-collapse:collapse;font-size:16.5px;margin-top:6px}
.sec th,.sec td{text-align:left;padding:13px 10px 13px 0;border-bottom:1px solid var(--line)}
.sec thead th{font-size:14px;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.sec td:last-child,.sec th:last-child{text-align:right;white-space:nowrap}
.sec td b{font-weight:700}
.sec .note{font-size:14.5px;color:var(--ink-3)}
.sec ol{padding-left:22px;display:grid;gap:8px;color:var(--ink-2);margin-top:10px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;font-weight:700;font-size:17.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{transition:transform .3s var(--ease);font-size:18px;flex:none}
.faq details[open] summary i{transform:rotate(180deg)}
.faq details p{margin:0 0 16px;color:var(--ink-2)}
.ct{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.ct a,.ct div{padding:20px;border-radius:var(--r-md);background:var(--tile-2);display:flex;flex-direction:column;gap:6px}
.ct a:hover{background:#ebebef}
.ct b{font-size:18px}
.ct span{font-size:15px;color:var(--ink-2)}
@media (max-width:900px){.hl{grid-template-columns:1fr}.toc{position:static;display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.toc a{white-space:nowrap;background:var(--tile-2);border-radius:var(--r-pill);height:42px}.ct{grid-template-columns:1fr}}
@media (max-width:767px){.sec{padding:22px 18px}.sec h2{font-size:23px}.sec table{font-size:15px}}