/* Collection list and discovery trails. Uses the Field Station warm-dark variables from site.css. */
.explore { max-width: 72ch; min-width: 0; }
.explore [hidden] { display: none !important; }
.explore .scope { border-block: 1px solid var(--line); padding-block: .75rem; color: var(--muted); font-size: .9rem; }
.explore h2 { margin-top: 2rem; }
.explore label { display: block; margin: .75rem 0 .25rem; font-weight: 600; }
.explore input[type=search], .explore select { width: 100%; max-width: 32rem; padding: .5rem .75rem; background: var(--panel); color: var(--ink); border: 1px solid var(--line); border-radius: 0; }
.explore input[type=file] { max-width: 100%; color: var(--ink); }
.explore button, .explore .button { min-height: 2.75rem; margin: .25rem .25rem .25rem 0; padding: .5rem .9rem; }
.explore :focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.c-store { padding: .75rem 1rem; background: var(--panel); border-left: 3px solid var(--accent); }
.c-status:empty { display: none; }
.c-status { padding: .5rem 0; color: var(--muted); }
.c-results, .c-list ul { list-style: none; padding: 0; margin: .5rem 0 0; }
.c-results li, .c-list li { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .5rem; padding: .5rem 0; border-top: 1px solid var(--line); }
.c-results li > span, .c-list li > span { flex: 1 1 12rem; min-width: 0; }
.c-results button, .c-list button { min-height: 2.75rem; padding: .35rem .7rem; font-size: .9rem; margin: 0; }
.c-count { color: var(--muted); }
.c-sets { margin-top: 1rem; }
.c-sets summary, .c-index summary { cursor: pointer; min-height: 2.75rem; padding: .5rem 0; }
.c-preview { padding: .75rem 1rem; border: 1px solid var(--line); background: var(--panel); }
.c-danger { outline: 2px solid var(--dv-danger, #ffb6aa); }
.c-species { columns: 14rem auto; padding-left: 0; list-style: none; }
.c-species li { break-inside: avoid; padding: .1rem 0; }
.c-index table { min-width: 0; }
@media (min-width: 44rem) { .c-lists { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .c-lists h2 { margin-top: 2rem; } }

/* Trail strip: one per page in a trail */
.trail-strip { margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--line); background: var(--panel); max-width: 72ch; }
.trail-strip p { margin: 0 0 .5rem; }
.trail-strip-head a { font-weight: 600; }
.trail-strip-step { color: var(--muted); font-size: .9rem; }
.trail-strip-line { font-size: 1.05rem; }
.trail-strip-hops { list-style: none; margin: .75rem 0 0; padding: 0; display: grid; gap: .5rem; }
.trail-strip-hops a { display: block; padding: .6rem .75rem; border: 1px solid var(--line); text-decoration: none; min-height: 2.75rem; }
.trail-strip-hops a:hover { border-color: var(--accent); }
.trail-strip-hops span { display: block; font: 12px/1.5 "IBM Plex Mono", monospace; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.trail-strip-next { text-align: right; }
@media (min-width: 44rem) { .trail-strip-hops { grid-template-columns: 1fr 1fr; } }

/* Trails hub */
.trail-card { border-top: 1px solid var(--line); padding-top: .5rem; margin-top: 2rem; }
.trail-meta { color: var(--muted); font-size: .9rem; }
.trail-hops { padding-left: 0; list-style: none; counter-reset: none; }
.trail-hops li { padding: .5rem 0 .5rem 2.25rem; position: relative; }
.trail-hops li a { font-weight: 600; }
.trail-hop-n { position: absolute; left: 0; width: 1.75rem; text-align: center; font: 13px/1.6 "IBM Plex Mono", monospace; color: var(--muted); border: 1px solid var(--line); }
.trail-line { margin: .25rem 0 0; color: var(--ink); }
.trail-random { margin: 1rem 0; }
@media (prefers-reduced-motion: reduce) { .explore *, .trail-strip * { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }