.ux-nav{list-style:none;margin:0;padding:0}.ux-nav--desktop{display:flex;gap:2rem;align-items:center}.ux-nav__top{display:flex;align-items:center;gap:.6rem;min-height:44px;cursor:pointer;font:inherit}.ux-nav__top::-webkit-details-marker{display:none}.ux-nav__group{position:relative}.ux-nav__children{list-style:none;margin:0;padding:.7rem 1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid currentColor;border-radius:8px}.ux-nav--desktop .ux-nav__children{position:absolute;top:100%;left:0;min-width:240px;z-index:40;box-shadow:0 8px 24px #0002}.ux-nav__children a{display:flex;align-items:center;min-height:44px;padding:.35rem .5rem}.ux-nav a:hover{text-decoration:underline}.ux-nav--mobile{padding:1rem 1.5rem}.ux-nav--mobile .ux-nav__top{justify-content:space-between;padding:.7rem 0;font-size:1.15rem}.ux-nav--mobile .ux-nav__children{border:0;border-left:2px solid currentColor;border-radius:0}.ux-nav a:focus-visible,.ux-nav summary:focus-visible,.ux-guide-trigger:focus-visible,.ux-category-links a:focus-visible{outline:3px solid currentColor;outline-offset:3px}.ux-guide-trigger{min-height:44px;text-decoration:underline}.ux-size-image{display:block;width:100%;height:auto}.ux-set-badge{font-size:.8rem;line-height:1.4;padding:.4rem .6rem;border:1px solid currentColor;border-radius:4px;width:fit-content;margin:.6rem 0}.ux-category-links{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem 1.5rem;max-width:1400px;margin:auto}.ux-category-links a{display:flex;align-items:center;min-height:44px;border:1px solid currentColor;border-radius:999px;padding:.4rem 1rem}.ux-category-links a:hover{text-decoration:underline}.ux-guide-close{display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:44px;border:1px solid currentColor;border-radius:6px;padding:.4rem .7rem;margin-left:1rem;flex-shrink:0}.ux-guide-close:focus-visible{outline:3px solid currentColor;outline-offset:3px}x-modal[id^="UXGuide"] .drawer__header{align-items:center}x-modal[id^="UXGuide"] .drawer__title{font-size:1.4rem}.ux-nav__top{position:relative;z-index:2}.ux-nav--desktop{position:relative;z-index:3}.ux-nav--mobile{position:relative;z-index:2}
.ux-category-links{padding:0;margin:0 0 1.5rem;max-width:none}@media(min-width:1024px){.ux-home-b .card-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}}