/* Ryan's World — navigation rail. * * One rule for the whole site: every page below the root opens with this rail * as the first element in . It is both the breadcrumb and the back * button — the immediate parent carries the ← arrow, so "back" always means * the same thing and always sits in the same place. * * * * Colours come from currentColor, so it reads correctly on the light portal * pages and the dark tools without either needing to know about the other. */ .rw-rail { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-family: inherit; font-size: 0.72rem; line-height: 1.4; flex-shrink: 0; padding: 2px 0 8px; width: 100%; } .rw-rail a { color: currentColor; opacity: 0.55; text-decoration: none; white-space: nowrap; } .rw-rail a:hover { opacity: 1; text-decoration: underline; } /* The immediate parent is the back target. */ .rw-rail a:last-of-type { opacity: 0.8; font-weight: 600; } .rw-rail a:last-of-type::before { content: "← "; } .rw-rail span { opacity: 0.3; } .rw-rail b { font-weight: 600; opacity: 0.95; } @media (max-width: 380px) { .rw-rail { font-size: 0.68rem; gap: 4px; } }