.resource-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;padding-bottom:64px}.resource-layout>nav{align-self:start;position:sticky;top:120px;display:grid;gap:16px;font-size:14px}.resource-layout>nav a{color:#514567;line-height:1.5}.resource-section{padding:28px 0;border-bottom:1px solid #ddd8e8;scroll-margin-top:120px}.resource-section:first-child{padding-top:0}.resource-section h2,.resource-related h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin-bottom:20px;color:#252039}.resource-section p,.journey-demo p{font-size:17px;line-height:1.8;max-width:76ch;color:#514b60}.resource-related{padding-bottom:80px;display:grid;gap:18px}.resource-related a{color:#5b3396}.journey-demo{padding:28px;background:#252039;border-radius:20px;margin:32px 0;color:#fff}.journey-demo p{color:#eee8fb}.journey-demo [role=tablist]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.journey-demo button{padding:12px 6px;border:1px solid #77658f;border-radius:8px;background:transparent;color:#fff;cursor:pointer}.journey-demo button[aria-selected=true]{background:#e5d7ff;color:#252039}.journey-demo [role=tabpanel]{min-height:300px}.journey-demo h2{font-size:32px;margin:20px 0}.journey-demo h3{margin-top:24px}.journey-demo span{font-size:14px}.journey-demo :focus-visible{outline:3px solid #bfacfa;outline-offset:4px}@media (max-width:800px){.resource-layout{grid-template-columns:1fr;gap:32px}.resource-layout>nav{position:static;border-bottom:1px solid #ddd8e8;padding-bottom:24px}.journey-demo{padding:20px}.journey-demo [role=tablist]{grid-template-columns:repeat(2,1fr)}}.landing-root .journey-demo h2,.landing-root .journey-demo h3{color:#fff}.landing-root .resource-layout{padding-top:40px;column-gap:clamp(32px,5vw,72px);align-items:start}.landing-root .resource-layout>nav{padding:24px;background:#f7f4fb;border:1px solid #e4ddeb;border-radius:12px;gap:0;font-size:15px;max-height:calc(100dvh - 144px);overflow-y:auto}.landing-root .resource-layout>nav strong{color:#252039;margin-bottom:16px;line-height:1.5}.landing-root .resource-layout>nav a{display:block;padding:10px 0;border-top:1px solid #e4ddeb;text-decoration:none;overflow-wrap:anywhere}.landing-root .resource-layout>nav a:hover{color:#6d28d9;text-decoration:underline;text-underline-offset:4px}.landing-root .resource-layout>div{min-width:0;padding-top:24px}.landing-root .resource-section h2{margin-top:0}@media (max-width:800px){.landing-root .resource-layout{padding-top:24px;gap:32px}.landing-root .resource-layout>nav{max-height:none;overflow:visible;padding:20px}.landing-root .resource-layout>div{padding-top:0}}