.rny-browsing { margin: 1.5rem auto; max-width: 72rem; padding: 1rem; border: 1px solid #767676; }
.rny-browsing__form { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.rny-browsing__form select { width: auto; max-width: 100%; min-height: 44px; margin: 0; }
.rny-browsing__form .button { min-height: 44px; margin: 0; background: #1c6227; color: #fff; }
.rny-browsing__reset { display: inline-block; padding: .75rem 0; text-decoration: underline; }
.rny-browsing :is(a, button, select):focus-visible { outline: 3px solid #172f1b; outline-offset: 3px; }
@media (max-width: 480px) {
    .rny-browsing__form label { flex-basis: 100%; }
    .rny-browsing__form select { flex: 1 1 10rem; min-width: 0; }
}