/* Category navigation; shared tokens match the approved light morphing navigation. */
.en-category-nav[data-elding-ui] {
    /* Elding v1 tokens, scoped here like the approved morphing navigation. */
    --en-canvas: #f5f6f7;
    --en-surface: #fff;
    --en-surface-subtle: #f8f9fa;
    --en-text: #1c2430;
    --en-text-muted: #5e6976;
    --en-selection-bg: #e9eef4;
    --en-focus: #355f88;
    --en-motion-easing: cubic-bezier(.2, 0, 0, 1);
    --en-font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 24px;
    border: 0;
    border-radius: 0;
    background: var(--en-surface);
    color: var(--en-text);
    font: 14px/1.5 var(--en-font-ui);
    text-align: left;
    margin: 0;
    box-shadow: none;
}
.en-category-nav *, .en-category-nav *::before, .en-category-nav *::after { box-sizing: border-box; }
.en-category-nav [hidden] { display: none !important; }
.en-category-nav .en-category-nav__intro { padding: 20px 24px; background: var(--en-canvas); border: 0; border-radius: 0; }
.en-category-nav .en-category-nav__title { margin: 0 0 12px; color: var(--en-text); font: inherit; font-size: 23px; font-weight: 600; line-height: 1.2; letter-spacing: -.65px; }
.en-category-nav .en-category-nav__description { margin: 0; color: var(--en-text-muted); font: inherit; line-height: 1.6; }
.en-category-nav .en-category-nav__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; list-style: none; margin: 0; padding: 0; }
.en-category-nav .en-category-nav__item { list-style: none; margin: 0; min-width: 0; padding: 0; }
.en-category-nav .en-category-nav__link { display: flex; align-items: center; gap: 12px; min-height: 96px; height: 100%; padding: 12px; border: 0; border-radius: 8px; background: var(--en-surface-subtle); color: var(--en-text); text-decoration: none; transition: background 140ms var(--en-motion-easing); }
.en-category-nav .en-category-nav__link:hover { background: var(--en-selection-bg); color: var(--en-text); }
.en-category-nav .en-category-nav__link:focus-visible { outline: 3px solid var(--en-focus); outline-offset: 3px; background: var(--en-selection-bg); }
.en-category-nav .en-category-nav__image { width: 64px; height: 64px; flex: 0 0 64px; object-fit: contain; mix-blend-mode: multiply; }
.en-category-nav .en-category-nav__label { min-width: 0; font-weight: 550; line-height: 1.4; overflow-wrap: anywhere; }
.en-category-nav .en-category-nav__arrow { margin-left: auto; font-size: 18px; flex-shrink: 0; }
@media (max-width: 1199px) {
    .en-category-nav[data-elding-ui] { grid-template-columns: 1fr; gap: 12px; }
    .en-category-nav .en-category-nav__title { margin-bottom: 8px; }
}
@media (max-width: 849px) {
    .en-category-nav .en-category-nav__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
    .en-category-nav .en-category-nav__list { grid-template-columns: 1fr; }
    .en-category-nav .en-category-nav__intro { padding: 20px; }
    .en-category-nav .en-category-nav__link { min-height: 72px; padding: 10px; }
    .en-category-nav .en-category-nav__image { width: 48px; height: 48px; flex-basis: 48px; }
}
@media (prefers-reduced-motion: reduce) { .en-category-nav .en-category-nav__link { transition: none; } }