.howto .ht-toc{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:26px}.howto .ht-toc a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;font:700 .78rem/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:#dfe6ee;background:#080b108c}.howto .ht-toc a:hover{border-color:#ffb35c80;color:var(--ember2)}.howto section[id]{scroll-margin-top:80px}.ht-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:none}.ht-flow li{position:relative;padding:24px 22px 22px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel))}.ht-flow li b{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:12px;border-radius:50%;background:var(--ember);color:#0b0e13;font:900 1.2rem/1 var(--head)}.ht-flow li:not(:last-child):after{content:"";position:absolute;right:-14px;top:40px;width:10px;height:10px;border-top:2px solid var(--ember2);border-right:2px solid var(--ember2);transform:rotate(45deg)}.ht-flow p{margin:0;color:#c3ccd7;font-size:1rem}.ht-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ht-tabs button{flex:1 1 160px;min-height:46px;padding:10px 14px;border:1px solid var(--line);background:var(--panel);color:#dfe6ee;font:800 .9rem/1.1 var(--head);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.ht-tabs button[aria-selected=true]{border-color:var(--ember);color:#fff;background:linear-gradient(180deg,#ff5a2847,#ff5a2814);box-shadow:inset 0 -3px 0 var(--ember)}.ht-padstyle{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;color:#aab4c0}.ht-padstyle[hidden]{display:none}.ht-padstyle button{min-height:36px;padding:6px 12px;border:1px solid var(--line);background:var(--panel);color:#dfe6ee;font:700 .8rem/1 var(--head);letter-spacing:.1em;cursor:pointer}.ht-padstyle button[aria-pressed=true]{border-color:var(--ember2);color:var(--ember2)}.ht-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ht-table{width:100%;border-collapse:collapse;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);table-layout:fixed}.ht-table caption{caption-side:top;text-align:left;padding:0 0 8px;font:800 .8rem/1 var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--ember2)}.ht-table th,.ht-table td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:top;text-align:left;font-size:.95rem;overflow-wrap:anywhere}.ht-table th{width:38%;color:#e8edf3;font-weight:700}.ht-table td{color:#c3ccd7}.howto .ht-table td,.howto .ht-table td:last-child,.howto .ht-table th:first-child{text-align:left}.howto kbd{display:inline-block;min-width:26px;margin:1px 3px 1px 0;padding:2px 7px;border:1px solid rgba(255,255,255,.32);border-bottom-width:3px;border-radius:6px;background:#ffffff12;color:#fff;font:800 .82rem/1.3 var(--head);letter-spacing:.04em;text-align:center;white-space:nowrap}.howto kbd.m{border-color:#45dcff73}.howto kbd.p{border-radius:999px;min-width:30px}.howto kbd.t{border-color:#ff8a3d8c}.ht-note{margin:14px 0 0;color:#aab4c0;font-size:.95rem}.ht-calls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ht-calls>div{padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--ember);background:linear-gradient(180deg,var(--panel2),var(--panel))}.ht-calls h3{margin:0 0 .35em;font-size:1.15rem}.ht-calls h3 small{margin-left:6px;font-size:.75rem;color:#8a95a3;letter-spacing:.1em}.ht-calls p{margin:0;color:#c3ccd7;font-size:.95rem}.ht-foes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}.ht-foe{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel))}.ht-foe img{width:150px;height:225px;object-fit:cover}.ht-foe h3{margin:0 0 .4em}.ht-foe p,.ht-foe li{color:#c3ccd7;font-size:.95rem}.ht-foe .list{margin:.6em 0 0}@media(max-width:1020px){.ht-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-flow li:after{display:none}.ht-calls{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-foes{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.ht-cols{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.ht-flow,.ht-calls{grid-template-columns:minmax(0,1fr)}.ht-foe{grid-template-columns:96px minmax(0,1fr);gap:12px}.ht-foe img{width:96px;height:144px}.ht-table th{width:42%}.ht-table th,.ht-table td{padding:9px 10px;font-size:.9rem}}
