.fungi-region-filters { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; margin: 1.25rem 0; }
.fungi-region-filters label { flex: 1 1 180px; font-weight: 700; }
.fungi-region-filters select { display: block; width: 100%; margin-top: .4rem; padding: .7rem; background: #fff; color: #203a2b; border: 1px solid #a9baa7; border-radius: .5rem; }
.fungi-region-filters button { padding: .7rem 1rem; border: 1px solid #244d38; border-radius: .5rem; background: #244d38; color: #fff; cursor: pointer; }
.fungi-region-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.fungi-region-card { min-width: 0; padding: 1.1rem; background: #fff; border: 1px solid #c6d3c0; border-radius: .7rem; overflow-wrap: anywhere; }
.fungi-region-card h3 { margin: .4rem 0 1rem; font-size: 1.15rem; }
.fungi-region-card dt { font-weight: 700; }
.fungi-region-card dd { margin: .2rem 0 .8rem; }
.fungi-region-card a { display: inline-block; margin-top: .4rem; }
.fungi-region-filters[hidden], .fungi-region-card[hidden] { display: none; }
.fungi-region-filters :focus-visible, .fungi-region-card a:focus-visible { outline: 3px solid #8c661f; outline-offset: 3px; }
@media (max-width: 640px) { .fungi-region-cards { grid-template-columns: 1fr; } .fungi-region-filters button { width: 100%; } }