/* Finding 2, audit-visual-responsive-2026-09-12.md.
   .topic-rail sits on .content-hero's dark-green gradient. The base .button--ghost
   rule in corridor-v1.css (color: var(--corr-ink)) is a light-background treatment
   and is unreadable here. Scoped to exclude the active pill (aria-current="page"),
   which already gets a correct solid-fill treatment from its own rule. Mirrors the
   light-on-dark color corridor-v1.css already uses for this same component elsewhere
   (.mobile-drawer .button--ghost, .global-cta .button--ghost, .header-account.button--ghost). */
.topic-rail .button--ghost:not([aria-current="page"]) {
	color: rgb(231, 240, 234) !important;
	border-color: rgba(231, 240, 234, 0.34) !important;
}
.topic-rail .button--ghost:not([aria-current="page"]):hover,
.topic-rail .button--ghost:not([aria-current="page"]):focus-visible {
	background: rgba(231, 240, 234, 0.1) !important;
	border-color: rgb(231, 240, 234) !important;
}