/* Resources navigation, shared by the coding.lucenne.com site. */
.lucenne-resources #resourcesMenu { display: flex; align-items: center; gap: 0.35rem; }
.lucenne-resources #resourcesMenu > i { font-size: 0.7rem; transition: transform 180ms ease; }
.lucenne-resources #resourcesMenu[aria-expanded='true'] { color: #304bdc; background: #f0f3ff; }
.lucenne-resources #resourcesMenu[aria-expanded='true'] > i { transform: rotate(180deg); }
.lucenne-resources #resourcesMenu::after { display: none; }
.lucenne-resources #resourcesMenu:focus:not(:focus-visible) { outline: none; box-shadow: none; }
.lucenne-resources .lucenne-resources__menu { min-width: 330px; padding: 0.5rem; margin-top: 0.65rem; border: 1px solid #e1e7f0; border-radius: 12px; box-shadow: 0 16px 40px rgba(27, 43, 78, 0.12), 0 2px 6px rgba(27, 43, 78, 0.03); background: #fff; }
.lucenne-resources .lucenne-resources__item { display: flex; align-items: center; gap: 0.8rem; padding: 0.85rem; border-radius: 8px; color: var(--ink-900); background: #fff; white-space: normal; }
.lucenne-resources .lucenne-resources__item:is(:hover, :focus, .active) { color: var(--ink-900); background: #f0f4ff; }
.lucenne-resources .lucenne-resources__item:focus-visible { outline: 2px solid #435dea; outline-offset: -2px; }
.lucenne-resources__icon { display: grid; place-items: center; flex: 0 0 40px; height: 44px; border: 1px solid #e0e7fb; border-radius: 9px; background: #f3f6ff; color: #435dea; font-size: 1.15rem; }
.lucenne-resources__copy { display: grid; gap: 0.25rem; }
.lucenne-resources__title { font-size: 0.95rem; line-height: 1.25; font-weight: 650; }
.lucenne-resources__description { max-width: 24ch; color: #58698a; font-size: 0.78rem; line-height: 1.45; }
.lucenne-resources__arrow { margin-left: auto; color: #6679a0; font-size: 0.85rem; }
@media (min-width: 992px) { .lucenne-resources .lucenne-resources__menu { left: auto; right: 0; } }
@media (max-width: 991.98px) { .lucenne-resources .lucenne-resources__menu { min-width: 0; width: 100%; margin: 0.3rem 0 0.4rem; box-shadow: none; } }
@media (prefers-reduced-motion: reduce) { .lucenne-resources #resourcesMenu > i { transition: none; } }