/* 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.look {
    /* The navigation rail surface -- the same rounded, inset panel as the content area, proportioned for a left-hand
       menu rather than a page body. Paint only; sizing and scrolling belong to the layout that places it. */

    .rspond-surface-navigation {
        background: var(--rspond-page-background-primary);
        border: var(--rspond-border-width) solid var(--rspond-border-color);
        border-radius: 10px;
        padding: 12px;
    }
}