.sw{margin:0}.sw-grid{gap:36px;display:grid}@media (min-width:1024px){.sw-grid{grid-template-columns:7fr 5fr;align-items:start;gap:44px}.sw-stick{position:sticky;top:88px}}.sw-diagram{aspect-ratio:600/640;width:100%;max-width:600px;margin-inline:auto;position:relative}@media (max-width:1023px){.sw-diagram{max-width:560px}}.sw-links{position:absolute;inset:0}.sw-hub{z-index:2;background-color:hsl(var(--card));background-image:var(--grain);width:28%;box-shadow:var(--shadow-sheet);text-align:center;background-size:240px;border-radius:12px 10px 13px 11px;padding:10px 10px 9px;position:absolute;top:48.4375%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.sw-hub-title{color:hsl(var(--foreground));margin-top:4px;font-size:13px;font-weight:650;line-height:1.2;display:block}.sw-node{z-index:3;aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;width:15.33%;position:absolute;transform:translate(-50%,-50%)}.sw-disc{background-color:hsl(var(--card));background-image:var(--grain);box-shadow:0 1px 0 hsl(var(--ink)/.1),0 3px 0 hsl(var(--sage-3)),0 14px 18px -10px hsl(var(--ink)/.45);background-size:240px;border-radius:48% 52% 50% 50%/51% 49% 52% 48%;place-items:center;transition:transform .2s steps(2,end),box-shadow .15s linear;display:grid;position:absolute;inset:0}.sw-disc>.art{width:80%}.sw-label{background-color:hsl(var(--card));background-image:var(--grain);width:max-content;max-width:10.5rem;box-shadow:var(--shadow-slip);text-align:center;color:hsl(var(--foreground));transform:translateX(-50%)rotate(var(--tilt,-1deg));background-size:240px;border-radius:7px 6px 8px;padding:4px 10px 5px;font-size:13.5px;font-weight:650;line-height:1.2;transition:background-color .15s linear,color .15s linear;position:absolute;left:50%}.sw-node[data-side=top] .sw-label{bottom:calc(100% + 9px)}.sw-node[data-side=bottom] .sw-label{top:calc(100% + 9px)}.sw-node.is-active .sw-disc{box-shadow:0 0 0 3px hsl(var(--sun)),0 0 0 5px hsl(var(--primary)),0 3px 0 5px hsl(var(--sage-3)),0 18px 20px -10px hsl(var(--ink)/.45);transform:translateY(-4px)rotate(-3deg)}.sw-node.is-active .sw-label{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));background-image:none}@media (pointer:fine){.sw-node:hover .sw-disc{transform:translateY(-2px)}}.sw-hl{fill:none;stroke:hsl(var(--sun));stroke-width:14px;stroke-linecap:round;opacity:0;transition:opacity .18s linear}.sw-link{transition:opacity .18s linear}.sw-link.is-active .sw-hl{opacity:.9}.sw[data-sw-on] .sw-link:not(.is-active){opacity:.35}@keyframes sw-fade{0%{opacity:0}to{opacity:1}}.js .sw:not([data-in]) .sw-flow{opacity:0}.sw[data-in=true] .sw-flow{animation:sw-fade .3s steps(3,end)calc(var(--i,0)*90ms + .6s)both}html[data-motion=paused] .sw .web-link .d,html[data-motion=paused] .sw .sw-flow{animation:none}.sw-legend{flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:14px 0 0;padding:0;list-style:none;display:flex}.sw-legend li{align-items:center;gap:8px;display:inline-flex}.sw-legend .type-hand{font-size:15px;transform:none}.sw-key{background-position:0;background-repeat:repeat-x;background-size:13px 100%;flex:none;width:40px;height:9px;display:inline-block}.sw-key-power{background-image:radial-gradient(circle,hsl(var(--sun))0 2.2px,hsl(var(--primary))2.5px 3.8px,transparent 4.1px)}.sw-key-grid{background-image:radial-gradient(circle,hsl(var(--card))0 2.2px,hsl(var(--primary))2.5px 3.8px,transparent 4.1px)}.sw-key-data{background-size:14px 100%;background-image:linear-gradient(90deg,hsl(var(--primary))0 5px,transparent 5px);height:3.5px}.sw-intro{max-width:36rem;color:hsl(var(--muted-foreground));font-size:16px;line-height:1.6}.sw-slips{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px) and (max-width:1023px){.sw-slips{grid-template-columns:1fr 1fr}}.sw-slip{transition:transform .2s steps(2,end)}.sw-slip-btn{border-radius:inherit;width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.1rem 1fr;align-items:baseline;column-gap:8px;margin:0;padding:13px 16px 14px 12px;display:grid}.sw-slip-btn>:not(.sw-n){grid-column:2}.sw-slip-btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.sw-n{grid-row:1/span 3;font-size:1.1rem;transform:rotate(-4deg)}.sw-title{font-size:1.2rem}.sw-tag{color:hsl(var(--primary));margin-top:5px}.sw-desc{color:hsl(var(--muted-foreground));margin-top:6px;font-size:14.5px;line-height:1.55}.sw-more{min-height:32px;color:hsl(var(--primary));text-underline-offset:3px;align-items:center;gap:6px;margin:-6px 0 8px calc(20px + 2.1rem);font-size:14px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.sw-more:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:3px}@media (pointer:fine){.sw-slip:hover{transform:translateY(-2px)}}.sw-slip .tape-strip{display:none;top:-9px;right:18px}.sw-slip:has(>.sw-slip-btn[aria-pressed=true]){box-shadow:0 0 0 2px hsl(var(--primary)),var(--shadow-slip);animation:.42s step-end flip;transform:translateY(-4px)}.sw-slip:has(>.sw-slip-btn[aria-pressed=true]) .tape-strip{display:block}.sw-mobile{display:none}@media (max-width:767px){.sw-grid{display:none}.sw-mobile{display:block}}.sw-hub-slip{grid-template-columns:112px 1fr;align-items:center;gap:12px;padding:12px 14px 14px 10px;display:grid}.sw-hub-slip .type-label{margin-bottom:4px;display:block}.sw-hub-slip p{color:hsl(var(--muted-foreground));margin:0;font-size:14.5px;line-height:1.55}@media (max-width:379px){.sw-hub-slip{grid-template-columns:1fr}.sw-hub-slip>.art{width:140px}}.sw-spine{margin:26px 0 0;padding:0;list-style:none}.sw-seg{background:radial-gradient(circle,hsl(var(--primary))0 1.1px,transparent 1.5px)50% 0/10px 6px repeat-y;width:10px;position:absolute;top:28px;bottom:-28px;left:23px;overflow:hidden}.sw-row:first-child .sw-seg{top:-26px}.sw-spine-beads{background:radial-gradient(circle,hsl(var(--sun))0 2.2px,hsl(var(--primary))2.5px 3.8px,transparent 4.1px)50% 0/10px 26px repeat-y;width:10px;animation:1.04s steps(8,end) infinite sw-march-y;position:absolute;top:-26px;bottom:0;left:0}@keyframes sw-march-y{to{transform:translateY(26px)}}.sw-row{grid-template-columns:56px 1fr;gap:14px;padding-bottom:24px;display:grid;position:relative}.sw-row:last-child{padding-bottom:0}.sw-row .sw-disc{z-index:1;width:56px;height:56px;position:relative}.sw-row-n{font-size:15px;transform:rotate(-4deg)}.sw-row h3,.sw-row .sw-row-title{margin:2px 0 0;font-size:1.12rem}.sw-row-title a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:hsl(var(--primary)/.5);text-decoration-color:hsl(var(--primary)/.5);text-underline-offset:4px;text-decoration-thickness:1.5px}.sw-row-title a:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:3px}.sw-row .sw-tag{margin:4px 0 0}.sw-row-desc{color:hsl(var(--muted-foreground));margin:6px 0 0;font-size:14.5px;line-height:1.55}.sw-loop{margin-top:40px}.sw-loop-label{font-size:1.12rem}.sw-loop-list{flex-wrap:wrap;gap:12px 14px;margin:12px 0 0;padding:0;list-style:none;display:flex}a.sw-chip{min-height:44px;text-decoration:none;transition:transform .12s steps(2,end)}a.sw-chip:hover{transform:translateY(-2px)}a.sw-chip:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.sw-chip .glyph{color:hsl(var(--primary))}.sw-cap{margin-top:22px}