.path-page{--brand-600: var(--color-brand-600);--brand-700: var(--color-brand-700);--brand-500: var(--color-brand-500);--brand-50: var(--color-brand-50);--ink: #1f2937;--muted: #6b7280;--surface: #ffffff;--bg: #f4f6f8;--radius: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 14px rgba(0, 0, 0, .05);flex:1;background:var(--bg);color:var(--ink);line-height:1.75;font-size:16px;padding-bottom:60px}.path-page a{color:var(--brand-600);text-decoration:none}.path-page .wrap{max-width:760px;margin:0 auto;padding:0 20px}.path-page .page-head{padding:30px 0 8px}.path-page .page-head h1{font-size:1.7rem;font-weight:800;margin:0}.path-page .page-head p{color:var(--muted);font-size:.95rem;max-width:34em;margin:8px 0 0}.path-page .stages{margin-top:24px}.path-page .stage{display:flex;gap:18px;position:relative;padding-bottom:26px}.path-page .stage:not(:last-child):before{content:"";position:absolute;left:19px;top:44px;bottom:0;width:2px;background:#d8e8e4}.path-page .snum{flex:0 0 40px;width:40px;height:40px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:800;background:#fff;border:2px solid #cde7e1;color:var(--brand-700);z-index:1}.path-page .scard{flex:1;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.path-page .scard h3{font-size:1.02rem;font-weight:800;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}.path-page .scard p{font-size:.88rem;color:var(--muted);margin:4px 0 10px}.path-page .items{display:flex;flex-wrap:wrap;gap:8px}.path-page .item{display:inline-flex;align-items:center;gap:6px;border:1px solid #dde4e2;border-radius:99px;padding:4px 14px;font-size:.85rem;color:var(--ink);background:#fff}.path-page a.item:hover{border-color:var(--brand-600);color:var(--brand-600)}.path-page .item.tool{background:var(--brand-50);border-color:transparent;color:var(--brand-700);font-weight:600}.path-page .item.muted{color:var(--muted);border-style:dashed;cursor:default}