@layer components{.examples-module__vTcT2W__hubHead{align-items:flex-start;gap:var(--s-3);max-inline-size:var(--w-prose);flex-direction:column;margin-block-end:var(--s-12);display:flex}.examples-module__vTcT2W__hubIntro{font-size:var(--fs-subhead);color:var(--c-text-muted);line-height:var(--lh-body)}.examples-module__vTcT2W__categoryGrid{gap:var(--s-6);display:grid}.examples-module__vTcT2W__categoryCard{gap:var(--s-3);padding:var(--s-8);border:1px solid var(--c-border);border-radius:var(--r-lg);background-color:var(--c-surface-raised);transition:border-color var(--t-base) var(--ease-doc), box-shadow var(--t-base) var(--ease-doc);flex-direction:column;display:flex}.examples-module__vTcT2W__categoryCard:hover{border-color:var(--c-machine-wash);box-shadow:var(--e-1)}.examples-module__vTcT2W__categoryHead{justify-content:space-between;align-items:baseline;gap:var(--s-3);display:flex}.examples-module__vTcT2W__categoryTitle{font-size:var(--fs-heading)}.examples-module__vTcT2W__categoryLink{color:var(--c-text);text-decoration:none}.examples-module__vTcT2W__categoryLink:hover{color:var(--c-accent)}.examples-module__vTcT2W__count{padding:var(--s-1) var(--s-3);border-radius:var(--r-full);background-color:var(--c-surface);color:var(--c-text);font-size:var(--fs-label);font-weight:var(--fw-semibold);flex-shrink:0}.examples-module__vTcT2W__categoryText{color:var(--c-text-muted);line-height:var(--lh-body)}.examples-module__vTcT2W__roleList{border-block-start:1px solid var(--c-border);flex-direction:column;margin:0;padding-block-start:var(--s-2);padding-inline-start:0;list-style:none;display:flex}.examples-module__vTcT2W__roleLink{justify-content:space-between;align-items:center;gap:var(--s-3);min-block-size:var(--tap);color:var(--c-text-muted);font-size:var(--fs-small);text-decoration:none;display:flex}.examples-module__vTcT2W__roleLink:hover{color:var(--c-accent)}@media (min-width:48rem){.examples-module__vTcT2W__categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.examples-module__vTcT2W__categoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}}