/* Shared learning-module rows: keep the hover surface inside the module card. */
:root { --category-row-accent: #086ff1; --category-row-soft: #eff6ff; --category-row-line: #d8e7fb; }
html[data-home-theme="red"] { --category-row-accent: #d9414d; --category-row-soft: #fff2f2; --category-row-line: #f0d7da; }
html .learning-module-list { display: grid; gap: 6px; padding: 12px 14px; }
html .learning-module-list .learning-module-topic {
    box-sizing: border-box;
    padding: 14px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    gap: 12px;
    min-width: 0;
    background: transparent;
    transition: background 160ms ease, border-color 160ms ease;
}
html .learning-module-list .learning-module-topic:hover,
html .learning-module-list .learning-module-topic.active,
html .learning-module-list .learning-module-topic:focus-visible {
    background: var(--category-row-soft);
    border-color: var(--category-row-line);
    color: var(--category-row-accent);
    box-shadow: none;
    transform: none;
}
html .learning-module-list .learning-module-topic:focus-visible { outline: 2px solid var(--category-row-accent); outline-offset: 2px; }
html .learning-module-list .learning-module-topic:active { background: var(--category-row-soft); transform: none; }
html .learning-module-list .learning-module-topic-copy { min-width: 0; flex: 1; }
html .learning-module-list .learning-module-topic .topic-item-arrow { margin: 0; flex-shrink: 0; transform: none; }
html .learning-module-list .learning-module-topic-action { flex-shrink: 0; }
@media (max-width: 620px) {
    html .learning-module-list { padding: 10px; }
    html .learning-module-list .learning-module-topic { padding: 12px 10px; gap: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    html .learning-module-list .learning-module-topic { transition: none; }
}