.pattern-tag-link[data-astro-cid-t7x7ugtf],.pattern-tag-static[data-astro-cid-t7x7ugtf]{font-family:var(--font-mono),ui-monospace,SFMono-Regular,monospace;font-size:.7rem;font-weight:600;color:var(--docs-secondary);background:var(--ui-color-surface-raised);border:1px solid color-mix(in srgb,var(--docs-secondary) 35%,var(--ui-color-border));padding:.18rem .5rem;border-radius:3px;text-decoration:none;transition:background .12s ease,border-color .12s ease}.pattern-tag-link[data-astro-cid-t7x7ugtf]:hover{background:color-mix(in srgb,var(--docs-secondary) 10%,var(--ui-color-surface-raised));border-color:var(--docs-secondary)}.pattern-tags[data-astro-cid-t7x7ugtf]{display:flex;flex-wrap:wrap;gap:.35rem}.pattern-demo[data-astro-cid-t7x7ugtf]{background:var(--ui-color-surface-sunken);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);padding:2rem 1.5rem;margin:1.5rem 0 2rem;display:flex;justify-content:center;align-items:flex-start}.pattern-two-col[data-astro-cid-t7x7ugtf]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:720px){.pattern-two-col[data-astro-cid-t7x7ugtf]{grid-template-columns:1fr}}.pattern-block[data-astro-cid-t7x7ugtf]{background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);padding:1.1rem 1.25rem}.pattern-block--neg[data-astro-cid-t7x7ugtf]{background:color-mix(in srgb,var(--ui-color-danger) 5%,var(--ui-color-surface-raised));border-color:color-mix(in srgb,var(--ui-color-danger) 25%,var(--ui-color-border))}.pattern-list[data-astro-cid-t7x7ugtf]{margin:0;padding-left:1.1rem;color:var(--ui-color-text);font-size:.875rem;line-height:1.65}.pattern-list[data-astro-cid-t7x7ugtf] li[data-astro-cid-t7x7ugtf]+li[data-astro-cid-t7x7ugtf]{margin-top:.4rem}.pattern-foot-note[data-astro-cid-t7x7ugtf]{margin:1rem 0 0;font-size:.8rem;color:var(--ui-color-text-muted);line-height:1.55}.pattern-variations[data-astro-cid-t7x7ugtf]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:720px){.pattern-variations[data-astro-cid-t7x7ugtf]{grid-template-columns:1fr}}.pattern-variation[data-astro-cid-t7x7ugtf]{background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);padding:.95rem 1.1rem}.pattern-variation-title[data-astro-cid-t7x7ugtf]{margin:0 0 .4rem;font-size:.95rem;font-weight:700;color:var(--ui-color-text)}.pattern-variation-note[data-astro-cid-t7x7ugtf]{margin:0;font-size:.85rem;color:var(--ui-color-text-muted);line-height:1.6}.pattern-storybook-links[data-astro-cid-t7x7ugtf]{display:flex;flex-wrap:wrap;gap:.6rem}.pattern-shots[data-astro-cid-t7x7ugtf]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-top:none;border-radius:0 0 8px 8px}@media(max-width:720px){.pattern-shots[data-astro-cid-t7x7ugtf]{grid-template-columns:1fr}}.pattern-shot[data-astro-cid-t7x7ugtf]{margin:0;display:flex;flex-direction:column;gap:.45rem}.pattern-shot[data-astro-cid-t7x7ugtf] img[data-astro-cid-t7x7ugtf]{width:100%;height:auto;display:block;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface)}.pattern-shot[data-astro-cid-t7x7ugtf] figcaption[data-astro-cid-t7x7ugtf]{font-size:.72rem;color:var(--ui-color-text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pattern-pager[data-astro-cid-t7x7ugtf]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:3rem 0 0;padding-top:1.5rem;border-top:1px solid var(--ui-color-border)}.pattern-pager-link[data-astro-cid-t7x7ugtf]{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1.1rem;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);text-decoration:none;color:var(--ui-color-text);background:var(--ui-color-surface-raised);transition:background .12s ease,border-color .12s ease}.pattern-pager-link[data-astro-cid-t7x7ugtf]:hover{border-color:var(--ui-color-primary);background:color-mix(in srgb,var(--ui-color-primary) 6%,var(--ui-color-surface-raised))}.pattern-pager-link--next[data-astro-cid-t7x7ugtf]{text-align:right}.pattern-pager-dir[data-astro-cid-t7x7ugtf]{font-size:.72rem;color:var(--ui-color-text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pattern-pager-title[data-astro-cid-t7x7ugtf]{font-size:.95rem;font-weight:600}