.madara-category-nav { color: #fff; margin: 0 0 20px; }
.madara-category-nav .madara-category-nav-heading { background: #88366a; color: #fff; border: 1px solid #722659; border-left: 5px solid #feb207; border-radius: 5px; padding: 10px 14px; margin: 0 0 12px; font-size: 20px; line-height: 1.4; letter-spacing: 0; }
.madara-category-nav .madara-category-nav-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.madara-category-nav .madara-category-nav-item { padding: 0; margin: 0; min-width: 0; }
.madara-category-nav .madara-category-nav-depth-1 { margin-left: 8px; }
.madara-category-nav .madara-category-nav-depth-2 { margin-left: 16px; }
.madara-category-nav .madara-category-nav-depth-3 { margin-left: 24px; }
.madara-category-nav .madara-category-nav-card { display: block; box-sizing: border-box; width: 100%; padding: 10px 12px; border: 1px solid #272e49; border-radius: 5px; background: #363f60; color: #fff; text-decoration: none; box-shadow: 0 2px 3px #0003; line-height: 1.45; overflow-wrap: anywhere; letter-spacing: 0; transition: background-color .18s, transform .18s; }
.madara-category-nav a.madara-category-nav-card:hover { background: #455376; color: #fff; transform: translateY(-2px); }
.madara-category-nav a.madara-category-nav-card:focus-visible { outline: 3px solid #feb207; outline-offset: 2px; color: #fff; }
.madara-category-nav .madara-category-nav-card.is-current { background: #292e46; border: 2px solid #8cd5d2; font-weight: 700; }
.madara-category-nav .madara-category-nav-current { display: block; font-size: 12px; margin-top: 4px; font-weight: 400; color: #b9edeb; }
@media (prefers-reduced-motion: reduce) { .madara-category-nav .madara-category-nav-card { transition: none; } .madara-category-nav a.madara-category-nav-card:hover { transform: none; } }