.use-cases.svelte-yrzjln{border-top:1px solid #dce5e2}.case-picker.svelte-yrzjln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #dce5e2}.case-picker.svelte-yrzjln a:where(.svelte-yrzjln){display:flex;align-items:center;gap:13px;padding:21px 15px;font-size:12px;font-weight:550;border-bottom:2px solid transparent;color:#6d838b}.case-picker.svelte-yrzjln a[aria-current]:where(.svelte-yrzjln){color:#173c45;border-bottom-color:var(--p-accent);background:#fff5e9}.case-picker.svelte-yrzjln a:where(.svelte-yrzjln)>span:where(.svelte-yrzjln){font:10px ui-monospace,monospace;color:#9c805d}.case-picker.svelte-yrzjln i:where(.svelte-yrzjln){font-style:normal;margin-left:auto;color:#9a7a50}.case-scenarios.svelte-yrzjln{display:flex;flex-wrap:wrap;gap:9px;padding:22px 0 6px}.case-scenarios.svelte-yrzjln a:where(.svelte-yrzjln){font-size:11px;padding:8px 12px;border:1px solid #dce5e2;border-radius:6px;color:#657f85;background:#fff}.case-scenarios.svelte-yrzjln a[aria-current]:where(.svelte-yrzjln){color:#fff;border-color:#193e49;background:#193e49}.case-scenarios.svelte-yrzjln a:where(.svelte-yrzjln):hover{border-color:#72998d}.case-detail.svelte-yrzjln{animation:svelte-yrzjln-case-enter .22s ease-out}.case-body.svelte-yrzjln{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center;padding:30px 0}.case-kicker.svelte-yrzjln{font-size:9px;letter-spacing:.09em;color:#288075}.case-copy.svelte-yrzjln h3:where(.svelte-yrzjln){font-family:var(--font-display);font-size:32px;font-weight:500;line-height:1.13;letter-spacing:-.04em;margin-top:15px;max-width:410px;text-wrap:balance}.case-copy.svelte-yrzjln>p:where(.svelte-yrzjln){color:#617481;font-size:13px;line-height:1.85;margin-top:18px;max-width:420px}.case-before.svelte-yrzjln{margin-top:22px;padding-left:15px;border-left:2px solid #dfc8a6}.case-before.svelte-yrzjln>span:where(.svelte-yrzjln){font-size:8px;color:#9d7548;letter-spacing:.08em}.case-before.svelte-yrzjln p:where(.svelte-yrzjln){color:#768789;font-size:12px;line-height:1.8;margin-top:7px}.case-example.svelte-yrzjln{min-width:0;margin:0;padding:27px;border:1px solid #cfe0d9;border-radius:16px;background:linear-gradient(135deg,#f1f6f3,#eaf4ef)}.case-example.svelte-yrzjln figcaption:where(.svelte-yrzjln){font-size:8px;color:#57867c;letter-spacing:.11em}.case-route.svelte-yrzjln{display:flex;align-items:center;gap:12px;margin-top:24px}.case-route.svelte-yrzjln>span:where(.svelte-yrzjln){flex:1;font-size:12px;line-height:1.65}.case-route.svelte-yrzjln i:where(.svelte-yrzjln){font-style:normal;color:#84a899}.case-route.svelte-yrzjln .case-vela:where(.svelte-yrzjln){display:grid;place-items:center;gap:5px;padding:13px 17px;border:1px solid #274c50;border-radius:12px;color:#ffb57f;background:#153843;flex:0}.case-vela.svelte-yrzjln strong:where(.svelte-yrzjln){color:#fff;font-size:10px;font-weight:550}.case-vela.svelte-yrzjln svg{flex-shrink:0}.case-task.svelte-yrzjln{margin-top:25px;border-top:1px solid #d3e0da;padding-top:18px}.case-task.svelte-yrzjln>span:where(.svelte-yrzjln){font-size:8px;color:#6d8a81;letter-spacing:.08em}.case-task.svelte-yrzjln p:where(.svelte-yrzjln){font-size:15px;line-height:1.7;letter-spacing:-.02em;margin-top:9px;color:#244f54}.case-result.svelte-yrzjln{display:flex;gap:10px;padding-top:18px;margin-top:17px;border-top:1px solid #d3e0da;color:#287a65}.case-result.svelte-yrzjln>span:where(.svelte-yrzjln){color:var(--p-accent-ink)}.case-result.svelte-yrzjln p:where(.svelte-yrzjln){font-size:11px;line-height:1.8}.case-steps.svelte-yrzjln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;border:1px solid #dce5e2;border-radius:12px;overflow:hidden;background:#fff}.case-steps.svelte-yrzjln li:where(.svelte-yrzjln){padding:22px;border-right:1px solid #e4ebe7;min-width:0}.case-steps.svelte-yrzjln li:where(.svelte-yrzjln):last-child{border-right:0}.case-step-number.svelte-yrzjln{font:10px ui-monospace,monospace;color:#ab652d}.case-steps.svelte-yrzjln h4:where(.svelte-yrzjln){font-size:13px;font-weight:550;margin-top:13px}.case-steps.svelte-yrzjln p:where(.svelte-yrzjln){font-size:12px;line-height:1.85;color:#6a8085;margin-top:9px}.case-next.svelte-yrzjln{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between;padding:22px 0}.case-next.svelte-yrzjln p:where(.svelte-yrzjln){font-size:12px;color:#697f85}.case-footnote.svelte-yrzjln{font-size:10px;line-height:1.8;color:#81928e;max-width:750px}@keyframes svelte-yrzjln-case-enter{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:700px){.case-picker.svelte-yrzjln a:where(.svelte-yrzjln){padding:17px 7px;gap:7px;font-size:11px}.case-picker.svelte-yrzjln i:where(.svelte-yrzjln){display:none}.case-body.svelte-yrzjln{grid-template-columns:1fr;gap:25px;padding-top:23px}.case-copy.svelte-yrzjln h3:where(.svelte-yrzjln){font-size:29px}.case-example.svelte-yrzjln{padding:22px}.case-route.svelte-yrzjln{gap:8px}.case-route.svelte-yrzjln>span:where(.svelte-yrzjln){font-size:11px}.case-route.svelte-yrzjln .case-vela:where(.svelte-yrzjln){padding:11px}.case-steps.svelte-yrzjln{grid-template-columns:1fr}.case-steps.svelte-yrzjln li:where(.svelte-yrzjln){border-right:0;border-bottom:1px solid #e4ebe7;padding:19px 21px}.case-steps.svelte-yrzjln li:where(.svelte-yrzjln):last-child{border-bottom:0}.case-steps.svelte-yrzjln h4:where(.svelte-yrzjln){display:inline;margin-left:12px}.case-next.svelte-yrzjln{display:block}.case-next.svelte-yrzjln a:where(.svelte-yrzjln){margin-top:12px}.case-scenarios.svelte-yrzjln{padding-top:18px;gap:7px}.case-scenarios.svelte-yrzjln a:where(.svelte-yrzjln){font-size:10px}}@media (prefers-reduced-motion:reduce){.case-detail.svelte-yrzjln{animation:none}}
