/* Motif discovery reuses the existing mybeanie typography, colours and product cards. */
.design-collection-nav { display: grid; gap: 12px; margin: 24px 0 32px; }
.design-collection-nav__label, .design-editions__label { color: var(--brand-ink); font-size: 1rem; font-weight: 600; }
.design-collection-nav__links, .design-editions__links { display: flex; flex-wrap: wrap; gap: 8px; }
.design-collection-nav__links a, .design-editions__links a, .design-editions__links span { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 10px 18px; border: 1px solid var(--brand-line); border-radius: var(--button-radius); color: var(--brand-ink); background: var(--brand-paper); font-size: 1rem; line-height: 1.4; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.design-collection-nav__links a:hover, .design-editions__links a:hover { border-color: var(--brand-action); color: var(--brand-action); }
.design-collection-nav__links [aria-current="page"], .design-editions__links [aria-current="page"] { background: var(--brand-ink); border-color: var(--brand-ink); color: var(--brand-paper); }
.design-collection-nav__links a:focus-visible, .design-editions__links a:focus-visible { outline: 2px solid var(--brand-action); outline-offset: 3px; }
.design-editions { display: grid; gap: 10px; margin: 24px 0; }
.lifestyle-collection { scroll-margin-top: 110px; }
.lifestyle-collection .design-collection-nav { margin-top: 18px; }