.trails-root { min-width: 0; }
.trails-root h1 small { font-size: .65em; }
.trails-scroll { max-width: 100%; overflow-x: auto; }
.trails-table { min-width: 800px; }
.trails-info { width: 100%; }
.trails-info th { width: 10em; }
.trails-root td, .trails-root dd, .trails-original { white-space: pre-wrap; overflow-wrap: anywhere; }
.trails-table th:nth-child(4), .trails-table td:nth-child(4),
.trails-table th:nth-child(5), .trails-table td:nth-child(5) { white-space: nowrap; }
.trails-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.trails-filters label { display: grid; gap: 6px; }
.trails-filters input, .trails-filters select { width: 100%; min-width: 0; }
.trails-grade dt { font-weight: 700; margin-top: 12px; }
.trails-grade dd { margin: 4px 0 16px; }
.trails-alert { background: #fff2cf; color: #753c00; font-weight: 700; }
.trails-root [hidden] { display: none !important; }
@media(max-width:600px) { .trails-filters { grid-template-columns: repeat(2,minmax(0,1fr)); } .trails-info th { width: 6em; } }