/* Funnel catalogue v3 — accès explicites, lisibilité et nouveaux filtres */
.course-card .course-body > p,
.result p,
.lesson-row p {
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

.funnel-guide-v3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 26px;
}
.funnel-guide-v3 article {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--card);
}
.funnel-guide-v3 strong,
.funnel-guide-v3 span { display: block; }
.funnel-guide-v3 span {
  margin-top: 6px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.usage-filter-v3 {
  margin: 22px 0 20px;
  padding: 16px 0 2px;
  border-top: 1px solid var(--line);
}
.usage-filter-v3 > div:first-child strong,
.usage-filter-v3 > div:first-child span { display: block; }
.usage-filter-v3 > div:first-child span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
}
.course-card[hidden] { display: none !important; }

.search-suggestions-v3 {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--card);
}
.search-suggestions-v3 > strong { display: block; margin-bottom: 12px; }
.search-suggestions-v3 > div {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.search-suggestions-v3 a {
  display: inline-flex;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text);
  text-decoration: none;
  font-size: 14px;
}
.search-suggestions-v3 a:hover { border-color: var(--text); }

.glossary-inline-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.glossary-inline-link:hover { text-decoration-style: solid; }

.diagnostic-label-v3 { margin-bottom: 8px; }

@media (max-width: 760px) {
  .funnel-guide-v3 { grid-template-columns: 1fr; }
  .usage-filter-v3 .filter-row {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 8px;
  }
  .usage-filter-v3 .filter-chip { white-space: nowrap; }
}