.tp-trail{position:relative}.tp-trail:before{content:"";border-left:2px dashed var(--signal-line);width:0;position:absolute;top:12px;bottom:12px;left:25px}.tp-trail-step{grid-template-columns:52px minmax(0,1fr);column-gap:26px;padding-bottom:40px;display:grid}.tp-trail-step:last-child{padding-bottom:0}.tp-trail-node{z-index:1;border:2.5px solid var(--signal);background:var(--paper);width:52px;height:52px;box-shadow:0 0 0 10px var(--paper);font-family:var(--font-mono);color:var(--signal);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex;position:relative}.tp-trail-body{min-width:0}@media (max-width:740px){.tp-trail:before{display:none}.tp-trail-step{grid-template-columns:minmax(0,1fr);column-gap:0}.tp-trail-index{display:none}}.tp-hero{background:var(--ink-surface);color:var(--paper-on-ink);--color-ink:var(--paper-on-ink);--color-ink-2:var(--paper-on-ink-2);--color-ink-3:var(--paper-on-ink-3);--color-ink-4:var(--paper-on-ink-3);--color-line:var(--line-dark);--color-line-2:var(--line-dark-2);--color-paper-card:var(--tint-on-ink);--color-paper-raised:var(--tint-on-ink);--color-paper:var(--ink-surface);--color-paper-pure:var(--ink-surface-2);--color-verified:var(--verified-on-ink);--color-warning:var(--paper-on-ink-2);--color-info:var(--paper-on-ink-2);--color-warning-line:var(--line-dark-2);--color-info-line:var(--line-dark-2);--line:var(--line-dark-2);margin-inline:calc(50% - 50vw);padding-block:30px 46px;position:relative}.tp-hero-inner{max-width:var(--page-max-width);padding-inline:var(--page-gutter);margin:0 auto}.tp-breadcrumb{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-on-ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:11px;display:flex}.tp-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s}.tp-breadcrumb a:hover,.tp-breadcrumb [aria-current=page]{color:var(--accent-light)}.tp-hero-kicker{color:var(--accent-light);align-items:center;gap:14px;margin-bottom:16px;display:flex}.tp-hero-dot{background:var(--signal);border-radius:50%;flex:none;width:10px;height:10px}.tp-hero .btn-secondary,.tp-hero .btn-ghost{border-color:var(--line-dark-strong);color:var(--paper-on-ink)}
