/* Optional compact mobile category navigation; existing desktop controls stay intact. */
.bmi-rail-wrap,.bmi-filter-wrap{display:contents}.bmi-margin-arrow{display:none}
@media(max-width:900px){
 html[data-mobile-margin-arrows=on] .bmi-rail-wrap{display:block;position:relative;min-width:0;margin-inline:8px}
 html[data-mobile-margin-arrows=on] .bmi-category-rail{scrollbar-width:none!important}
 html[data-mobile-margin-arrows=on] .bmi-category-rail::-webkit-scrollbar{display:none!important}
 html[data-mobile-margin-arrows=on] :is([data-genus-browser],.event-type-browser,.tl-categories) :is(.genus-scroll-control,.genus-browser-arrows){display:none!important}
 html[data-mobile-margin-arrows=on] :is(.bmi-rail-wrap,.bmi-letter-wrap,.bmi-filter-wrap)>.bmi-margin-arrow{position:absolute;z-index:3;top:var(--bmi-center-y,50%);left:-23px;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:44px;min-width:24px;min-height:44px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:#456649;cursor:pointer;touch-action:manipulation}
 html[data-mobile-margin-arrows=on] :is(.bmi-rail-wrap,.bmi-letter-wrap,.bmi-filter-wrap)>.bmi-margin-arrow[data-direction="1"]{left:auto;right:-23px}
 html[data-mobile-margin-arrows=on] .bmi-margin-arrow svg{width:6px;height:6px;display:block}
 html[data-mobile-margin-arrows=on] .bmi-margin-arrow:disabled{opacity:.25;cursor:default}
 html[data-mobile-margin-arrows=on] .bmi-margin-arrow:focus-visible{outline:2px solid #789568;outline-offset:-3px}
 html[data-mobile-margin-arrows=on] :is(.bmi-rail-wrap,.bmi-letter-wrap,.bmi-filter-wrap)[data-overflow=false]>.bmi-margin-arrow{visibility:hidden}
 html[data-botani-theme=dark][data-mobile-margin-arrows=on] .bmi-margin-arrow{color:#bfd2ac}
}

@media(max-width:900px){html[data-mobile-margin-arrows=on] .bmi-letter-wrap{position:relative;margin-inline:8px}html[data-mobile-margin-arrows=on] .bmi-letter-wrap .genus-letter-scroll-control{display:none!important}}

@media(max-width:900px){
 html[data-mobile-margin-arrows=on] .bmi-filter-wrap{display:block;position:sticky;top:0;z-index:90;min-width:0;margin:0 8px;background:#fafbf5;overflow:visible}
 html[data-mobile-margin-arrows=on] .bmi-filter-wrap>.mobile-active-filters{position:static;margin:0!important;border-bottom:0}
 html[data-botani-theme=dark][data-mobile-margin-arrows=on] .bmi-filter-wrap{background:#173a2b}
}

/* Full-width sticky surface includes the margin controls. */
@media(max-width:900px){
 html[data-mobile-margin-arrows=on] .bmi-filter-wrap{width:var(--bmi-viewport-width,100vw);max-width:none;box-sizing:border-box;margin-inline:calc(50% - var(--bmi-viewport-width,100vw)/2);padding-inline:28px;border-bottom:1px solid #254b3220;box-shadow:0 4px 8px -5px #173a2b40}
 html[data-mobile-margin-arrows=on] .bmi-filter-wrap>.bmi-margin-arrow{left:3px}
 html[data-mobile-margin-arrows=on] .bmi-filter-wrap>.bmi-margin-arrow[data-direction="1"]{left:auto;right:3px}
 html[data-botani-theme=dark][data-mobile-margin-arrows=on] .bmi-filter-wrap{border-bottom-color:#88a88a30;box-shadow:0 4px 9px -4px #0008}
}

@media(max-width:900px){
 html[data-mobile-margin-arrows=on] .bmi-filter-wrap{border-bottom-color:transparent;box-shadow:none;transition:box-shadow .2s,border-color .2s}
 html[data-mobile-margin-arrows=on] .bmi-filter-wrap.is-stuck{border-bottom-color:#254b3220;box-shadow:0 4px 8px -5px #173a2b40}
 html[data-botani-theme=dark][data-mobile-margin-arrows=on] .bmi-filter-wrap.is-stuck{border-bottom-color:#88a88a30;box-shadow:0 4px 9px -4px #0008}
}

@media(max-width:900px){html[data-botani-theme=dark][data-mobile-margin-arrows=on] .bmi-filter-wrap:not(.is-stuck){border-bottom-color:transparent;box-shadow:none}}