/* Supporting visitor journeys share the established BAS palette. These rules
   supplement bas.css without changing the map or homepage layout contract. */
.park-card-map {
    display: inline-block;
    margin: -6px 0 20px;
    font-size: .75rem;
    color: var(--muted);
}

/* Native image dimensions reserve space; CSS keeps responsive display sizing. */
.gallery-grid img { height: auto; }

/* Source downloads can be large, so show their weight before a reader taps. */
.insight-size { display: block; color: var(--muted); font-size: .64rem; margin-top: 7px; }
.insight-places { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 20px; }
.insight-places a {
    padding: 5px 9px;
    border: 1px solid var(--line);
    border-radius: 25px;
    text-decoration: none;
    font-size: .66rem;
}
.insight-places a:hover { background: #e5ecd9; }
.large-download { color: #805026; font-weight: 600; }

/* Four library controls remain visible together on desktop, then form a
   predictable two-column grid and finally a single column on small phones. */
.library-map-link { font-size: .85rem; margin-bottom: 24px; }
.library-tools { display: grid; grid-template-columns: minmax(220px, 1.3fr) 1fr .9fr 1fr; gap: 18px; }
.library-tools .search,
.library-tools .resource-select,
.library-tools .format-select { min-width: 0; margin: 0; width: 100%; }
.library-tools .resource-select select { width: 100%; }

/* The chapter index gains short, purpose-specific actions without adding
   another competing global menu. Links remain usable when scripts are absent. */
.content-next { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 18px; }
.content-next strong { display: block; font-size: .75rem; margin-bottom: 7px; }
.content-next a { font-size: .73rem; }

@media (max-width: 1000px) {
    .library-tools { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .library-tools { grid-template-columns: 1fr; }
}