/* The layer order is restated in every SDK stylesheet, because the first declaration the browser sees is
   the one that counts and stylesheet load order varies by page. Consumer CSS stays unlayered and so
   always wins. */
@layer rspond.reset, rspond.vendor, rspond.document, rspond.component, rspond.theme, rspond.look;

@layer rspond.component {
    /* The navigation's own spacing level, which gives the space above a division its magnitude: a medium gap and a
       little more, because a division marks a larger break than the space between two groups. A theme restates it by
       defining its token. */

    .rspond-space-left-navigation-divider {
        --item-space: var(--rspond-space-left-navigation-divider, calc(var(--rspond-space-medium) + 2px));
    }
}