[data-hp1] .kp{--kp-pipe:#f0f4fd;--kp-wall:#a3bce6;--kp-flow:var(--hp-blue);--kp-slow:#a8742c;--kp-slow-text:#85602d;--kp-node:#799dcc;--kp-rule:#dde4ec;margin:0;container-type:inline-size}[data-hp1] .hp-core>.kp{text-align:left;max-width:980px;margin:46px auto 0}@media (max-width:640px){[data-hp1] .hp-core>.kp{margin-top:32px}}.dark [data-hp1] .kp{--kp-pipe:#172234;--kp-wall:#4d6890;--kp-flow:var(--hp-blue);--kp-slow:#d6a35e;--kp-slow-text:#d2a467;--kp-node:#7f9ccb;--kp-rule:var(--hp-line)}[data-hp1] .kp-canvas{height:196px}@container (max-width:619px){[data-hp1] .kp-canvas{height:500px}}[data-hp1] .kp-canvas svg{width:100%;height:100%;display:block;overflow:visible}[data-hp1] .kp-fill{fill:var(--kp-pipe)}[data-hp1] .kp-wall{stroke:var(--kp-wall);stroke-width:1px;stroke-linejoin:round}[data-hp1] .kp-work line{stroke:var(--kp-flow);stroke-linecap:round;transition:stroke .2s}[data-hp1] .kp-work line[data-wait=true]{stroke:var(--kp-slow)}[data-hp1] .kp-node{fill:var(--hp-paper);stroke:var(--kp-node);stroke-width:1.2px}[data-hp1] .kp-node-glow{fill:var(--kp-flow)}[data-hp1] .kp-tick{stroke:var(--kp-rule)}[data-hp1] .kp-end{fill:var(--hp-muted);font-size:12px}[data-hp1] .kp-station-name{fill:var(--hp-ink);font-size:14px;font-weight:500}[data-hp1] .kp-station-friction{fill:var(--kp-slow-text);font-size:12px;transition:opacity .6s}[data-hp1] .kp-station[data-cleared=true] .kp-station-friction{opacity:0}[data-hp1] .kp figcaption{border-top:1px solid var(--kp-rule);justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding-top:16px;display:flex}[data-hp1] .kp figcaption p{min-height:2lh;color:var(--hp-ink);text-wrap:pretty;align-items:baseline;gap:12px;font-size:14px;line-height:1.6;display:flex}[data-hp1] .kp-controls{flex-shrink:0;align-items:center;gap:24px;display:flex}[data-hp1] .kp-dot{background:var(--kp-slow);border-radius:50%;flex:0 0 5px;width:5px;height:5px;transition:background .4s;transform:translateY(-2px)}[data-hp1] .kp:not([data-stage="0"]) .kp-dot{background:var(--kp-flow)}[data-hp1] .kp figcaption button{min-width:44px;min-height:44px;color:var(--hp-muted);background:0 0;border:0;flex-shrink:0;align-items:center;gap:10px;padding:0;font-size:12px;display:inline-flex}[data-hp1] .kp figcaption button:hover{color:var(--hp-blue)}@container (max-width:619px){[data-hp1] .kp figcaption{flex-direction:column;align-items:flex-start;gap:4px;margin-top:16px}[data-hp1] .kp figcaption p{min-height:2lh;font-size:13px;line-height:1.6}}@media (prefers-reduced-motion:reduce){[data-hp1] .kp-station-friction,[data-hp1] .kp-dot,[data-hp1] .kp-work line{transition:none}}[data-hp1] .kp-page{width:min(1040px,100% - 96px);margin-inline:auto;padding-bottom:64px}[data-hp1] .kp-page-header{border-bottom:1px solid var(--hp-line);min-height:92px;color:var(--hp-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}[data-hp1] .kp-page-header a{min-height:44px;color:var(--hp-blue);align-items:center;display:inline-flex}[data-hp1] .kp-page-intro{text-align:center;padding:88px 0 72px}[data-hp1] .kp-page-intro .hp-label{color:var(--hp-blue)}[data-hp1] .kp-page-intro h1{font-family:var(--font-hp-editorial),Georgia,serif;letter-spacing:-.03em;margin:20px 0 18px;font-size:clamp(36px,4.6vw,56px);font-weight:400;line-height:1.08}[data-hp1] .kp-page-intro>p:last-child{max-width:460px;color:var(--hp-muted);text-wrap:pretty;margin-inline:auto;font-size:14px;line-height:1.8}@media (max-width:640px){[data-hp1] .kp-page{width:calc(100% - 32px)}[data-hp1] .kp-page-header{min-height:72px}[data-hp1] .kp-page-intro{padding:56px 0 40px}}