.bs-find-trail { --bs-trail-ink: #3b281e; --bs-trail-paper: #fff9ee; --bs-trail-accent: #92400e; color: var(--bs-trail-ink); background: var(--bs-trail-paper); border: 1px solid #bba58f; border-radius: 8px; margin-block: 12px; min-width: 0; font: inherit; }
.bs-find-trail summary { min-height: 48px; box-sizing: border-box; padding: 12px; cursor: pointer; font-weight: 700; overflow-wrap: anywhere; }
.bs-find-trail-body { padding: 0 12px 12px; overflow-wrap: anywhere; line-height: 1.5; }
.bs-find-trail h3, .bs-find-trail h4 { font: inherit; font-weight: 700; margin-block: 12px 4px; }
.bs-find-trail p { margin-block: 8px; }
.bs-find-trail-controls { display: flex; flex-wrap: wrap; gap: 8px; }
.bs-find-trail button { min-height: 48px; min-width: 48px; max-width: 100%; padding: 10px 12px; background: #fff; color: var(--bs-trail-accent); border: 2px solid var(--bs-trail-accent); border-radius: 6px; font: inherit; font-weight: 700; cursor: pointer; white-space: normal; touch-action: manipulation; }
.bs-find-trail button:disabled { color: #57534e; border-color: #78716c; cursor: default; }
.bs-find-trail :focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
.bs-find-trail ol { padding-left: 20px; margin-block: 8px; }
.bs-find-trail li { margin-block: 8px; }
.bs-find-trail output { display: block; min-height: 1.5em; }
@media (max-width: 400px) { .bs-find-trail-controls button { flex: 1 1 100%; } }
@media (prefers-reduced-motion: reduce) { .bs-find-trail *, .bs-find-trail { animation: none; transition: none; scroll-behavior: auto; } }