/* knowledge_hub.css under dir="rtl" - only what logical properties cannot express.
   Already mirrored by themselves: the contents rail (the article grid follows dir="rtl", so its
   second column is the left one), the search dropdown (inset-inline: 0, text-align: start), icon
   margins, list padding, the search icon and the accent borders. */

/* The hero highlight starts at the reading edge. */
.kh-hero {
    background:
        radial-gradient(ellipse 60% 90% at 80% 0%, var(--kh-accent-dim), transparent 70%),
        linear-gradient(200deg, var(--kh-bg) 0%, #232A45 60%, var(--kh-bg) 100%);
}

/* The task block's tint runs from the reading edge too. */
.kh-task {
    background:
        linear-gradient(225deg, rgba(149, 171, 82, .18) 0%, rgba(149, 171, 82, .04) 100%),
        var(--kh-surface);
}

/* Breadcrumb separator: Phosphor caret-left. */
.kh-crumbs li + li::before { content: "\e138"; }

/* Carets and arrows - "Learn more", questions, prev/next, back, search results - point along
   the reading direction. */
.kh-dir-icon { transform: scaleX(-1); }