/* Ohio child: the kit skin of Ohio's own features. Tokens only; nothing here targets the Ohio header or footer, the
   colour switcher, Readabler or the page wrappers.
   Blog home filter row (1.0.0-nexus.4): on phones Ohio lays the filter "slide-in" (.ordering-filters-holder >
   .slide-in-overlay > ... > select) inline in the breadcrumb row, where its min-width:auto keeps it from shrinking and
   pushes the page 9px wide at 390 (measured on the real Ohio 3.8 with Ohio Extra 3.8, 2026-10-28). The row wraps and the
   holder takes the full line instead; opening the filters (Ohio's [data-js=open-filter-slidein]) is unchanged. */
@media (max-width:767px){
  .nx-parent-ohio .breadcrumb-holder{flex-wrap:wrap;row-gap:8px}
  .nx-parent-ohio .breadcrumb-holder>.ordering-filters-holder{min-width:0;max-width:100%;flex:1 1 100%}
  .nx-parent-ohio .ordering-filters-holder :is(.slide-in-overlay,.filters-container,.ordering-filters){min-width:0;max-width:100%}
  .nx-parent-ohio .ordering-filters-holder .ordering-filters{flex-wrap:wrap}
  .nx-parent-ohio .ordering-filters-holder select{max-width:100%}
}