@layer cx.surfaces{.cx-symbolic-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.cx-symbolic-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:clamp(2rem,5vw,5rem);align-items:start}.cx-symbolic-question{width:100%;resize:vertical}.cx-actions{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:760px){.cx-symbolic-paths,.cx-symbolic-hero{grid-template-columns:1fr}}}