.tk-steps{display:grid;list-style:none}.tk-step{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);-moz-column-gap:1rem;column-gap:1rem;padding-bottom:1.5rem}.tk-step:before{content:"";position:absolute;left:1.5rem;top:3rem;bottom:0;border-left:1px solid rgb(var(--fg) / .35)}.tk-step:last-child{padding-bottom:0}.tk-step:last-child:before{display:none}.tk-step-n{position:relative;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border:1.5px solid rgb(var(--fg));border-radius:var(--radius);background-color:rgb(var(--surface));font-family:var(--font-display);font-size:1.375rem;font-weight:700;line-height:1;color:rgb(var(--accent-text))}.tk-step-body{padding-top:.5rem}.tk-step-doc{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:1rem;line-height:1.3}.tk-step-ic{position:relative;flex:none;width:1.5rem;height:1.875rem;border:1.5px solid rgb(var(--fg));border-radius:1px;background:linear-gradient(rgb(var(--fg) / .5),rgb(var(--fg) / .5)) .25rem .8rem / .8rem 1px no-repeat,linear-gradient(rgb(var(--fg) / .5),rgb(var(--fg) / .5)) .25rem 1.1rem / .8rem 1px no-repeat,linear-gradient(rgb(var(--fg) / .5),rgb(var(--fg) / .5)) .25rem 1.4rem / .5rem 1px no-repeat,rgb(var(--surface))}.tk-step-ic:after{content:"";position:absolute;top:-1.5px;right:-1.5px;width:.5rem;height:.5rem;border-left:1.5px solid rgb(var(--fg));border-bottom:1.5px solid rgb(var(--fg));background-color:rgb(var(--accent-text))}@media(min-width:64em){.tk-steps{grid-template-columns:repeat(var(--tk-steps),minmax(0,1fr));-moz-column-gap:1.75rem;column-gap:1.75rem}.tk-step{display:flex;flex-direction:column;padding-bottom:0}.tk-step:before{left:3rem;right:-1.75rem;top:1.5rem;bottom:auto;border-left:0;border-top:1px solid rgb(var(--fg) / .35)}.tk-step-body{display:flex;flex:1;flex-direction:column;padding-top:1.5rem}.tk-step-doc{margin-top:auto;padding-top:1.5rem}@supports (grid-template-rows: subgrid){.tk-step{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 4;row-gap:0}.tk-step-body{display:contents}.tk-step-body>h3{margin-top:1.5rem}.tk-step-doc{margin-top:0;align-items:flex-start;align-self:start}}.tk-steps--wrap{grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:2.5rem;column-gap:2.5rem;row-gap:3.5rem}.tk-steps--wrap .tk-step:before{right:-2.5rem}.tk-steps--wrap .tk-step:nth-child(3n):before{display:none}}.tk-doc{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:start;-moz-column-gap:1.25rem;column-gap:1.25rem;height:100%;padding:1.25rem 1.5rem 1.4rem 1.25rem;transition:box-shadow .18s var(--ease),border-color .18s var(--ease)}.tk-doc:hover{border-color:rgb(var(--fg) / .36);box-shadow:0 1px #1c1a170f,0 24px 44px -26px #4a341880}.tk-doc-fig{display:block;width:100%;height:auto;stroke-width:1.3;filter:drop-shadow(0 4px 5px rgb(74 52 24 / .16))}.tk-doc-fig .t{stroke-width:1}.tk-doc-fig .p{fill:rgb(var(--bg) / .75)}@media(max-width:39.99em){.tk-doc{grid-template-columns:3rem minmax(0,1fr);-moz-column-gap:.875rem;column-gap:.875rem;padding:.875rem 1rem .95rem .875rem}.tk-doc h3{margin-top:.3rem}}@media print{.tk-doc-fig{filter:none}}