.resource-search { margin: 20px 0; text-align: left; }
.resource-search label { display: block; font-weight: 700; margin-bottom: 10px; }
.resource-search-controls { display: flex; gap: 10px; align-items: stretch; }
.resource-search input { min-width: 0; flex: 1; width: 100%; padding: 13px 16px; border: 1px solid #8098ac; border-radius: 12px; background: #fff; color: #162b3d; font: inherit; font-size: 16px; }
.resource-search button { padding: 12px 16px; border: 1px solid #8098ac; border-radius: 12px; color: #162b3d; background: #e8edf1; font: inherit; cursor: pointer; }
.resource-search input:focus-visible,.resource-search button:focus-visible { outline: 3px solid #456c90; outline-offset: 3px; }
#recherche-resultats { font-size: .9rem; margin: 10px 0; }
.conseil-card[hidden],#choisir-un-mot a[hidden] { display: none !important; }
#choisir-un-mot { scroll-margin-top: 100px; }
[data-retour-lexique] { display: inline-block; margin-top: 18px; font-size: .9rem; }
@media(max-width: 420px) { .resource-search-controls { flex-wrap: wrap; } .resource-search input { flex-basis: 100%; } }