@layer z.tokens,z.base,z.components;@layer z.pages{.z-composepage{gap:var(--z-space-6);padding-block:var(--z-space-10) var(--z-space-18);flex-direction:column;display:flex}.z-composepage__head{gap:var(--z-space-2);flex-direction:column;max-width:44rem;display:flex}.z-composepage__head h1{overflow-wrap:anywhere}.z-composepage__lead{color:var(--z-sub);font:var(--z-text-body-lg)}.z-composepage__grid{grid-template-columns:minmax(0, 1fr) var(--z-aside-w);align-items:start;gap:var(--z-space-6);display:grid}.z-composepage__guide{gap:var(--z-space-3);flex-direction:column;display:flex}.z-composepage__guide h2{font:var(--z-text-h3);letter-spacing:var(--z-tracking-h3)}.z-composepage__guide p,.z-composepage__guide li{color:var(--z-sub);font:var(--z-text-small)}.z-composepage__guide ul{gap:var(--z-space-1-5);flex-direction:column;padding-inline-start:var(--z-space-4);list-style:outside;display:flex}.z-composepage>.z-card{max-width:56rem}.z-compose{gap:var(--z-space-6)}.z-compose__group{gap:var(--z-space-3);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}@media (max-width:63.9375em){.z-compose .z-pick--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:59.9375em){.z-composepage{gap:var(--z-space-5);padding-block:var(--z-space-6) var(--z-space-12)}.z-composepage__grid{grid-template-columns:minmax(0,1fr)}}}@layer z.utilities;