.croutes .routes{margin-top:44px;display:grid;gap:0}.croutes .route{display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:10px 44px;align-items:start;padding:26px 0;border-top:1px solid var(--base-200, #e8e8ee)}.croutes .route:last-child{border-bottom:1px solid var(--base-200, #e8e8ee)}.croutes .route__who{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:1.12rem;font-weight:600;color:var(--base-900, #251d35);line-height:1.35}.croutes .route__who img,.croutes .route__who svg{width:20px;height:20px;flex:none}.croutes .route__who span{flex-basis:100%;padding-left:30px;font-size:.86rem;font-weight:500;color:var(--base-400, #9a9aad)}.croutes .route__steps{margin:0;padding:0;max-width:62ch;list-style:none;counter-reset:step;font-size:1.02rem;line-height:1.6;color:var(--base-700, #38384a)}.croutes .route__steps li{position:relative;padding-left:34px;counter-increment:step}.croutes .route__steps li:before{content:counter(step);position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 .78rem/1 var(--font-sans);color:var(--uku-royal-blue);background:var(--color-royal-blue-100, #eeeeff)}.croutes .route__steps li+li{margin-top:10px}.croutes .route__steps b{font-weight:600;color:var(--base-900, #251d35)}.croutes .route__steps code,.croutes .connect__note code,.croutes .headless code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;padding:2px 5px;border-radius:6px;background:var(--base-100, #f2f2f6);color:var(--base-900, #251d35);overflow-wrap:anywhere}.croutes .route__note{grid-column:2;margin:4px 0 0;max-width:62ch;font-size:.94rem;line-height:1.55;color:var(--base-500, #6f6f85)}.croutes .route__note a,.croutes .headless a,.croutes .connect__note a{color:var(--uku-royal-blue);font-weight:500;text-decoration:underline;text-decoration-color:var(--royal-blue-300);text-underline-offset:2px}.croutes .route__note a:hover,.croutes .headless a:hover,.croutes .connect__note a:hover{color:var(--action-hover);text-decoration-color:var(--uku-royal-blue)}.croutes .headless{margin-top:0;border-bottom:1px solid var(--base-200, #e8e8ee)}.croutes .headless>summary{cursor:pointer;list-style:none;padding:20px 0;font-size:1.06rem;font-weight:600;color:var(--base-900, #251d35);display:flex;align-items:center;justify-content:space-between;gap:12px}.croutes .headless>summary::-webkit-details-marker{display:none}.croutes .headless>summary:after{content:"";width:9px;height:9px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}@media(prefers-reduced-motion:no-preference){.croutes .headless>summary:after{transition:transform .2s ease}}.croutes .headless>summary:focus-visible,.croutes .conf__copy:focus-visible{outline:2px solid var(--uku-royal-blue);outline-offset:3px;border-radius:6px}.croutes .headless[open]>summary:after{transform:rotate(225deg) translateY(-2px)}.croutes .headless>summary:hover{color:var(--uku-royal-blue)}.croutes .headless>p{margin:0;padding:0 0 18px;max-width:70ch;font-size:1rem;line-height:1.6;color:var(--base-700, #38384a)}.croutes .conf{margin:0 0 24px;border-radius:var(--rad-lg, 20px);overflow:hidden;border:1px solid rgba(37,29,53,.12);background:var(--uku-black, #251d35)}.croutes .conf__bar{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffa8;font-size:.86rem}.croutes .conf__copy{margin-left:auto}.croutes .conf pre{margin:0;padding:22px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;line-height:1.7;color:#ffffffeb}.croutes .conf .k{color:#9ea0ff}.croutes .conf .s{color:#7fd6a8}.croutes .conf .ph{color:#ffc98a}.croutes .connect__note{margin-top:24px;color:var(--base-600, #55556a);font-size:1.02rem}.croutes .connect__note+.connect__note{margin-top:12px}.croutes .connect__note b{color:var(--base-900, #251d35);font-weight:600}@media(max-width:760px){.croutes .conf__copy{min-height:44px;padding-inline:18px}.croutes .route{grid-template-columns:1fr;gap:8px;padding:22px 0}.croutes .route__steps{max-width:none}.croutes .route__note{grid-column:1}}