.hw{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.02)}
.hw-toggle{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:3px;margin-bottom:14px}
.hw-toggle button{min-height:40px;padding:0 16px;border-radius:99px;border:0;background:transparent;color:var(--muted);font:700 13.5px/1 var(--h);cursor:pointer}
.hw-toggle button[aria-pressed=true]{background:#fff;color:#05080c}
.hw-flow{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.hw-flow li{position:relative}
.hw-flow li+li::before{content:"";position:absolute;left:-6px;top:28px;width:6px;height:2px;background:var(--teal2)}
.hw-node{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;min-height:84px}
.hw-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06)}
.hw-ic svg{width:20px;height:20px;color:#fff}
.hw-l{font:700 11.5px/1.2 var(--h);text-align:center}
.hw-node.on{border-color:#ff5a36;background:rgba(255,90,54,.08);color:#fff}
.hw-node.on .hw-ic{background:#ff5a36}
.hw-panel{display:grid;gap:14px;align-items:center}
.hw-panel img,.hw-wide{width:100%;height:auto;border-radius:12px;display:block;border:1px solid var(--line)}
.hw-wide{margin:14px 0}
.hw-pt{color:#fff;font:800 19px/1.25 var(--h);margin:0 0 6px}
.hw-panel p{color:var(--muted);margin:0 0 8px}
.hw-m{border-left:3px solid var(--teal2);padding-left:10px}
.hw-m:empty{display:none}
@media(min-width:760px){.hw{padding:22px}.hw-l{font-size:13.5px}.hw-panel{grid-template-columns:1fr 1.1fr}.hw-flow{gap:14px}.hw-flow li+li::before{left:-14px;width:14px}}
.hw-tl li{border-left-color:var(--teal2)}