.patterns-hero[data-astro-cid-inu2decf]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:2.5rem 0 1.5rem}.patterns-hero[data-astro-cid-inu2decf] h1[data-astro-cid-inu2decf]{max-width:13ch;font-size:clamp(3rem,6vw,5.7rem);letter-spacing:-0.055em;line-height:0.94}.patterns-hero[data-astro-cid-inu2decf] p[data-astro-cid-inu2decf]:not(.route-label){max-width:45rem;margin:1.15rem 0 0;color:var(--suite-muted);font-size:1.12rem;line-height:1.6}.patterns-hero[data-astro-cid-inu2decf] nav[data-astro-cid-inu2decf]{display:flex;flex-wrap:wrap;gap:0.55rem;justify-content:flex-end}.patterns-hero[data-astro-cid-inu2decf] a[data-astro-cid-inu2decf]{text-decoration:none}.pattern-metrics[data-astro-cid-inu2decf]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--suite-line);border-radius:1rem;background:var(--suite-surface);overflow:hidden}.pattern-metrics[data-astro-cid-inu2decf] div[data-astro-cid-inu2decf]{display:grid;gap:0.3rem;padding:1.25rem;border-right:1px solid var(--suite-line)}.pattern-metrics[data-astro-cid-inu2decf] div[data-astro-cid-inu2decf]:last-child{border:0}.pattern-metrics[data-astro-cid-inu2decf] strong[data-astro-cid-inu2decf]{font-size:2.2rem}.pattern-metrics[data-astro-cid-inu2decf] span[data-astro-cid-inu2decf]{color:var(--suite-muted);font-weight:800}.pattern-warning[data-astro-cid-inu2decf]{margin:1rem 0;padding:1rem 1.2rem;border-radius:0.9rem;background:color-mix(in srgb,#e7a732 18%,var(--suite-surface));line-height:1.5}.pattern-list[data-astro-cid-inu2decf]{padding:2.5rem 0 4rem}.pattern-grid[data-astro-cid-inu2decf]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.pattern-card[data-astro-cid-inu2decf]{display:grid;gap:1rem;padding:1.3rem;border:1px solid var(--suite-line);border-radius:1rem;background:var(--suite-surface)}.pattern-topline[data-astro-cid-inu2decf]{display:flex;justify-content:space-between;gap:1rem;color:var(--suite-accent);font-size:0.75rem;font-weight:900;text-transform:uppercase;letter-spacing:0.06em}.pattern-card[data-astro-cid-inu2decf] h3[data-astro-cid-inu2decf]{font-size:1.55rem;line-height:1.12}.pattern-card[data-astro-cid-inu2decf]>p[data-astro-cid-inu2decf],.pattern-card[data-astro-cid-inu2decf]>small[data-astro-cid-inu2decf]{color:var(--suite-muted);line-height:1.5}.pattern-card[data-astro-cid-inu2decf] dl[data-astro-cid-inu2decf]{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin:0}.pattern-card[data-astro-cid-inu2decf] dl[data-astro-cid-inu2decf] div[data-astro-cid-inu2decf]{padding:0.7rem;border-radius:0.6rem;background:var(--suite-surface-soft)}.pattern-card[data-astro-cid-inu2decf] dt[data-astro-cid-inu2decf]{color:var(--suite-muted);font-size:0.7rem;font-weight:800}.pattern-card[data-astro-cid-inu2decf] dd[data-astro-cid-inu2decf]{margin:0.25rem 0 0;font-weight:900}.pattern-sources[data-astro-cid-inu2decf]{display:grid;gap:0.4rem}.pattern-sources[data-astro-cid-inu2decf] a[data-astro-cid-inu2decf]{display:grid;grid-template-columns:1fr auto auto;gap:0.65rem;align-items:center;padding:0.7rem 0.8rem;border:1px solid var(--suite-line);border-radius:0.6rem;color:var(--suite-heading);text-decoration:none}.pattern-sources[data-astro-cid-inu2decf] span[data-astro-cid-inu2decf]{font-weight:800}.pattern-sources[data-astro-cid-inu2decf] strong[data-astro-cid-inu2decf]{font-size:0.8rem}@media (max-width: 850px){.patterns-hero[data-astro-cid-inu2decf]{grid-template-columns:1fr}.patterns-hero[data-astro-cid-inu2decf] nav[data-astro-cid-inu2decf]{justify-content:flex-start}.pattern-metrics[data-astro-cid-inu2decf]{grid-template-columns:repeat(2,1fr)}.pattern-metrics[data-astro-cid-inu2decf] div[data-astro-cid-inu2decf]:nth-child(2){border-right:0}.pattern-grid[data-astro-cid-inu2decf]{grid-template-columns:1fr}}@media (max-width: 520px){.pattern-metrics[data-astro-cid-inu2decf]{grid-template-columns:1fr}.pattern-metrics[data-astro-cid-inu2decf] div[data-astro-cid-inu2decf]{border-right:0;border-bottom:1px solid var(--suite-line)}.pattern-card[data-astro-cid-inu2decf] dl[data-astro-cid-inu2decf]{grid-template-columns:1fr}}