/* Ohio child: the kit skin of Ohio's own features. Tokens only; nothing here targets the Ohio footer, the colour
   switcher, Readabler or the page wrappers, and in the header only the direction of its numbered menu (below).
   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%}
}
/* Right to left (owner 2026-11-09, the GCRI Arabic contact page: "02 PROGRAMS / 01 MISSION" mirrored but not
   re-spaced, "01 MISSION" over the centred logo). Ohio numbers the split menu's items (.nav.with-counters) with a counter
   placed by a physical right:0, so on a right-to-left page the number stayed at the label's start, the side facing the
   logo for the item left of it. It sits at the label's end in both directions (inset-inline-end). The gap for the logo is
   Ohio's own script, which reads body.rtl at load; nexus-translate 0.9.33 makes a change of direction a full page load,
   so the gap is always laid out for the page's direction (an in-place language swap mirrored the menu without it). */
.nx-parent-ohio .nav.with-counters .nav-item:not(.version)>a>span::before{right:auto;inset-inline-end:0}