.tk{--tk-host:#a3670f;--tk-wp:#2e6491;--tk-line:color-mix(in srgb, currentColor 72%, transparent);--tk-hair:color-mix(in srgb, currentColor 22%, transparent);--tk-muted:color-mix(in srgb, currentColor 66%, transparent);--tk-panel:color-mix(in srgb, currentColor 4.5%, transparent);--tk-gap:1.25rem;margin:2.5rem 0;font:inherit;color:inherit}.tk *,.tk *::before,.tk *::after{box-sizing:border-box}.tk p,.tk ul,.tk ol{margin:0;padding:0}.tk p{color:inherit;font-size:inherit}.tk li{margin:0}.tk .tk-diagram{padding:clamp(1rem,3vw,1.75rem)}.tk .tk-head{margin-bottom:1.5rem}.tk .tk-title{font-weight:700;font-size:1.15em;line-height:1.25}.tk .tk-sub{color:var(--tk-muted);font-size:.92em;margin-top:.2rem}.tk .tk-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tk-gap)}.tk .tk-key{--tk-accent:var(--tk-host);position:relative;border:1.5px solid var(--tk-line);border-radius:3px;padding:1.15rem 1.1rem 1rem;display:flex;flex-direction:column;gap:1rem}.tk .tk-key--wp{--tk-accent:var(--tk-wp)}.tk .tk-key::before{content:"";position:absolute;left:-1.5px;right:-1.5px;top:-1.5px;height:5px;background:var(--tk-accent);border-radius:3px 3px 0 0;transform-origin:left center}.tk .tk-key-top{display:flex;gap:.85rem;align-items:flex-start}.tk .tk-key-top>div{min-width:0;overflow-wrap:anywhere}.tk .tk-icon{flex:none;width:2.6rem;height:2.6rem;fill:none;stroke:var(--tk-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tk .tk-icon .tk-fill{fill:var(--tk-accent);stroke:none}.tk .tk-tag{color:var(--tk-accent);font-weight:700;font-size:.8em;font-variant-numeric:tabular-nums;letter-spacing:.02em}.tk .tk-key-title{font-weight:700;font-size:1.05em;line-height:1.25;margin-top:.1rem}.tk .tk-key-desc{color:var(--tk-muted);font-size:.92em;line-height:1.4;margin-top:.25rem}.tk .tk-caps{margin-top:auto;background:var(--tk-panel);border:1px solid var(--tk-hair);border-left:3px solid var(--tk-accent);border-radius:2px;padding:.7rem .85rem}.tk .tk-caps-label{font-weight:600;font-size:.85em;margin-bottom:.35rem}.tk .tk-caps ul{list-style:none;font-size:.9em;line-height:1.55}.tk .tk-caps li{padding-left:1rem;position:relative}.tk .tk-caps li::before{content:"";position:absolute;left:.1rem;top:.68em;width:.4rem;height:1.5px;background:var(--tk-muted)}.tk .tk-connect{position:relative;height:72px}.tk .tk-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tk .tk-wire path{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.tk .tk-wire--host path{stroke:var(--tk-host)}.tk .tk-wire--wp path{stroke:var(--tk-wp)}.tk .tk-head-arrow{position:absolute;bottom:-1px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid var(--tk-host);transform:translateX(-50%)}.tk .tk-head-arrow--host{left:47%}.tk .tk-head-arrow--wp{left:53%;border-top-color:var(--tk-wp)}.tk .tk-mobile-arrows{display:none}.tk .tk-target{display:grid;grid-template-columns:minmax(0,1fr)2.25rem;grid-template-areas:"port railtop" "loop railbot"}.tk .tk-portfolio{grid-area:port;border:1.5px solid var(--tk-line);border-radius:3px;padding:1rem 1.1rem 1.1rem;background:var(--tk-panel)}.tk .tk-portfolio-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:.9rem}.tk .tk-portfolio-title{font-weight:700}.tk .tk-legend{font-size:.82em;color:var(--tk-muted);display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.tk .tk-swatch{display:inline-block;width:1.1rem;height:3px;margin-left:.4rem}.tk .tk-swatch:first-child{margin-left:0}.tk .tk-swatch--host{background:var(--tk-host)}.tk .tk-swatch--wp{background:var(--tk-wp)}.tk .tk-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(.3rem,1vw,.55rem)}.tk .tk-site{position:relative;aspect-ratio:4/3;border:1.25px solid var(--tk-line);border-radius:2px}.tk .tk-site::before{content:"";position:absolute;left:0;right:0;top:0;height:26%;border-bottom:1.25px solid var(--tk-line);background:var(--tk-panel)}.tk .tk-site::after{content:"";position:absolute;top:9%;left:9%;width:3px;height:3px;border-radius:50%;background:var(--tk-line);box-shadow:5px 0 0 var(--tk-line)}.tk .tk-count{margin-top:.8rem;font-size:.88em;color:var(--tk-muted);text-align:center}.tk .tk-loop{grid-area:loop;list-style:none;display:flex;align-items:center;padding-top:1.1rem;font-size:.9em}.tk .tk-loop li{flex:1;display:flex;align-items:center;font-weight:600;line-height:1.25;border:1.5px solid var(--tk-line);border-radius:3px;padding:.55rem .7rem;justify-content:center;text-align:center;position:relative}.tk .tk-loop li+li{margin-left:1.9rem}.tk .tk-loop li+li::after{content:"";position:absolute;left:calc(-1.9rem + 4px);top:50%;width:calc(1.9rem - 12px);height:1.5px;background:var(--tk-line)}.tk .tk-loop li+li::before{content:"";position:absolute;left:-9px;top:50%;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--tk-line);transform:translateY(-50%)}.tk .tk-rail{position:relative}.tk .tk-rail--top{grid-area:railtop}.tk .tk-rail--bottom{grid-area:railbot}.tk .tk-rail span{position:absolute;left:0;right:.6rem;border-color:var(--tk-line);border-style:solid}.tk .tk-rail--top span{top:50%;bottom:0;border-width:1.5px 1.5px 0 0;border-top-right-radius:8px}.tk .tk-rail--top span::before{content:"";position:absolute;left:-1px;top:-1.5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid var(--tk-line);transform:translate(-100%,-50%)translateY(.75px)}.tk .tk-rail--bottom span{top:0;bottom:calc(50% - .55rem);border-width:0 1.5px 1.5px 0;border-bottom-right-radius:8px}.tk .tk-caption{margin-top:.85rem;font-size:.92em;line-height:1.5;color:var(--tk-muted)}@media(max-width:640px){.tk .tk-keys{grid-template-columns:minmax(0,1fr)}.tk .tk-connect{display:none}.tk .tk-mobile-arrows{display:flex;justify-content:center;gap:2.5rem;padding:.75rem 1.75rem .85rem 0;font-size:.78em;font-weight:700}.tk .tk-ma{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding-bottom:8px}.tk .tk-ma::after{content:"";width:2.5px;height:22px;background:currentColor}.tk .tk-ma--host{color:var(--tk-host)}.tk .tk-ma--wp{color:var(--tk-wp)}.tk .tk-ma::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid}.tk .tk-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tk .tk-target{grid-template-columns:minmax(0,1fr)1.75rem}.tk .tk-loop{flex-direction:column;align-items:stretch}.tk .tk-loop li+li{margin-left:0;margin-top:1.6rem}.tk .tk-loop li+li::after{left:50%;top:calc(-1.6rem + 3px);width:1.5px;height:calc(1.6rem - 11px)}.tk .tk-loop li+li::before{left:50%;top:-9px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--tk-line);border-bottom:0;transform:translateX(-50%)}.tk .tk-rail--bottom span{bottom:1.3rem}}.tk.tk-pending .tk-key::before{transform:scaleX(0)}.tk.tk-pending .tk-wire,.tk.tk-pending .tk-head-arrow{clip-path:inset(0 0 100% 0)}.tk.tk-pending .tk-ma::after,.tk.tk-pending .tk-ma::before{opacity:0}.tk.tk-pending .tk-rail span{clip-path:inset(100% 0 0 0)}.tk.tk-pending .tk-rail--top span{clip-path:inset(0 0 0 100%)}.tk.tk-play .tk-key::before{transition:transform .55s cubic-bezier(.3,.7,.2,1)}.tk.tk-play .tk-key--wp::before{transition-delay:.5s}.tk.tk-play .tk-wire,.tk.tk-play .tk-head-arrow{transition:clip-path .6s ease-out 1.05s}.tk.tk-play .tk-ma::after,.tk.tk-play .tk-ma::before{transition:opacity .4s ease-out 1.05s}.tk.tk-play .tk-rail--bottom span{transition:clip-path .4s ease-in 1.9s}.tk.tk-play .tk-rail--top span{transition:clip-path .45s ease-out 2.3s}@media(prefers-reduced-motion:reduce){.tk *,.tk *::before,.tk *::after{transition:none !important}}