/* Riley Locke 4.96.1 — Reader OS Palette Bridge
 * The old Reader OS performance stylesheet intentionally locked a light palette.
 * Archive palettes now own every public Reader OS surface, including Discover.
 */

html body.rl-reader-os-v24.rl-archive-shell{
  --ro-bg:var(--rlx-bg)!important;
  --ro-paper:var(--rlx-bg2)!important;
  --ro-card:var(--rlx-panel)!important;
  --ro-ink:var(--rlx-text)!important;
  --ro-muted:var(--rlx-muted)!important;
  --ro-line:var(--rlx-line)!important;
  --ro-forest:var(--rlx-chrome)!important;
  --ro-forest2:var(--rlx-panel2)!important;
  --ro-sage:color-mix(in srgb,var(--rlx-accent) 12%,var(--rlx-panel))!important;
  --ro-green:var(--rlx-accent)!important;
  --ro-gold:var(--rlx-gold)!important;
  --ro-rose:color-mix(in srgb,var(--rlx-copper) 14%,var(--rlx-panel))!important;
  --ro-shadow:var(--rlx-shadow)!important;
  background:radial-gradient(900px 520px at 72% -150px,color-mix(in srgb,var(--rlx-accent) 10%,transparent),transparent 58%),linear-gradient(180deg,var(--rlx-bg),var(--rlx-bg2) 55%,var(--rlx-bg))!important;
  color:var(--rlx-text)!important;
  color-scheme:dark!important;
}
html body.rl-reader-os-v24.rl-archive-shell.rl-palette-ivory-ink{color-scheme:light!important}

/* Canvas: no legacy cream page underneath a dark Archive palette. */
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-main,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content{
  background:transparent!important;
  color:var(--rlx-text)!important;
}

/* Close the 76px header gap above the fixed navigation rail. */
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-rail:after{
  content:""!important;
  position:absolute!important;
  left:-1px!important;
  top:calc(-1 * var(--rl-ro-top))!important;
  width:calc(100% + 1px)!important;
  height:var(--rl-ro-top)!important;
  background:color-mix(in srgb,var(--rlx-chrome) 97%,transparent)!important;
  border-right:1px solid var(--rlx-line)!important;
  border-bottom:1px solid var(--rlx-line)!important;
  pointer-events:none!important;
}

/* Top bar and universal search follow the active palette. */
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-top{
  background:color-mix(in srgb,var(--rlx-chrome) 95%,transparent)!important;
  border-color:var(--rlx-line)!important;
  color:var(--rlx-chrome-text)!important;
}
html body.rl-reader-os-v24.rl-archive-shell form.rl-ro24-search{
  background:var(--rlx-chrome2)!important;
  background-image:none!important;
  border-color:var(--rlx-line)!important;
  color:var(--rlx-chrome-text)!important;
  box-shadow:none!important;
  color-scheme:inherit!important;
}
html body.rl-reader-os-v24.rl-archive-shell form.rl-ro24-search>input,
html body.rl-reader-os-v24.rl-archive-shell form.rl-ro24-search input{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:var(--rlx-chrome-text)!important;
  -webkit-text-fill-color:var(--rlx-chrome-text)!important;
  color-scheme:inherit!important;
}
html body.rl-reader-os-v24.rl-archive-shell form.rl-ro24-search input::placeholder{
  color:var(--rlx-chrome-muted)!important;
  -webkit-text-fill-color:var(--rlx-chrome-muted)!important;
  opacity:1!important;
}
html body.rl-reader-os-v24.rl-archive-shell form.rl-ro24-search button{color:var(--rlx-accent)!important}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-top>div a,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-top>div button{
  background:var(--rlx-chrome2)!important;
  border-color:var(--rlx-line)!important;
  color:var(--rlx-chrome-text)!important;
}

/* Shared Reader OS type and surfaces. */
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content h1,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content h2,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content h3,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content h4,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content strong{
  color:var(--rlx-text)!important;
  text-shadow:none!important;
  opacity:1!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content p,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content li,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content small,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-lede{
  color:var(--rlx-muted)!important;
  opacity:1!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-eyebrow{color:var(--rlx-accent)!important}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-panel,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-metric,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-book-card,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-control,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-decision article,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-knowledge article{
  background:var(--rlx-panel)!important;
  border-color:var(--rlx-line)!important;
  color:var(--rlx-text)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-hero{
  background:radial-gradient(circle at 86% 20%,color-mix(in srgb,var(--rlx-accent) 10%,transparent),transparent 34%),linear-gradient(135deg,var(--rlx-panel),var(--rlx-bg2))!important;
  border-color:var(--rlx-line)!important;
  color:var(--rlx-text)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-hero h1,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-hero h2{color:var(--rlx-text)!important}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-hero p{color:var(--rlx-muted)!important}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-btn{
  background:var(--rlx-panel2)!important;
  border-color:var(--rlx-line)!important;
  color:var(--rlx-text)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-btn.is-primary{
  background:var(--rlx-accent)!important;
  border-color:var(--rlx-accent)!important;
  color:var(--rlx-chrome)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-queue-row,
html body.rl-reader-os-v24.rl-archive-shell .rl-discussion-card,
html body.rl-reader-os-v24.rl-archive-shell .rl-community-empty{
  background:var(--rlx-panel2)!important;
  border-color:var(--rlx-line)!important;
  color:var(--rlx-text)!important;
}

/* Generic Reader OS controls must not be forced white by v26. */
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-main input,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-main select,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-main textarea{
  background:var(--rlx-panel2)!important;
  border-color:var(--rlx-line)!important;
  color:var(--rlx-text)!important;
  -webkit-text-fill-color:var(--rlx-text)!important;
  color-scheme:inherit!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-main input::placeholder,
html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-main textarea::placeholder{
  color:var(--rlx-muted)!important;
  -webkit-text-fill-color:var(--rlx-muted)!important;
  opacity:1!important;
}

/* Discover owns its controls and stays visually continuous with the hero. */
html body.rl-reader-os-v24.rl-archive-shell .rl-discover-v2{
  color:var(--rlx-text)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-discover-v2 .rl-disc-intent input{
  background:color-mix(in srgb,var(--rlx-chrome2) 92%,transparent)!important;
  border-color:color-mix(in srgb,var(--rlx-accent) 34%,var(--rlx-line))!important;
  color:var(--rlx-text)!important;
  -webkit-text-fill-color:var(--rlx-text)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-discover-v2 .rl-disc-filter{
  background:var(--rlx-panel)!important;
  border-color:var(--rlx-line)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-discover-v2 .rl-disc-filter select{
  background:transparent!important;
  border:0!important;
  color:var(--rlx-text)!important;
  -webkit-text-fill-color:var(--rlx-text)!important;
  color-scheme:inherit!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-discover-v2 .rl-disc-filter select option{
  background:var(--rlx-panel)!important;
  color:var(--rlx-text)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-discover-v2 .rl-disc-filters{
  background:color-mix(in srgb,var(--rlx-bg) 93%,transparent)!important;
  border-color:var(--rlx-line)!important;
}
html body.rl-reader-os-v24.rl-archive-shell .rl-discover-v2 .rl-disc-section,
html body.rl-reader-os-v24.rl-archive-shell .rl-discover-v2 .rl-disc-section-head{
  color:var(--rlx-text)!important;
}

/* Light palette uses the exact same component system, with its own light tokens. */
html body.rl-reader-os-v24.rl-archive-shell.rl-palette-ivory-ink .rl-ro24-main input,
html body.rl-reader-os-v24.rl-archive-shell.rl-palette-ivory-ink .rl-ro24-main select,
html body.rl-reader-os-v24.rl-archive-shell.rl-palette-ivory-ink .rl-ro24-main textarea{
  color-scheme:light!important;
}

@media(max-width:900px){
  html body.rl-reader-os-v24.rl-archive-shell .rl-ro24-content{background:transparent!important}
}