/* Ranova Labs shared footer. The same file ships in every Ranova Labs app site.
   It inherits each site's text colour, so it follows that site's light/dark theme. */
.rl-foot { border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent); margin-top: 64px; padding: 28px 0 48px; font-size: 14px; line-height: 1.6; }
.rl-foot .rl-wrap { max-width: var(--rl-max, 960px); margin: 0 auto; padding: 0 22px; display: grid; gap: 14px; }
.rl-foot p { margin: 0; max-width: none; color: inherit; font-size: inherit; }
.rl-foot a { color: inherit; text-decoration: none; }
.rl-foot a:hover { text-decoration: underline; text-underline-offset: 3px; }
.rl-foot .rl-links { display: flex; flex-wrap: wrap; gap: 6px 20px; font-weight: 500; }
.rl-foot .rl-by { display: inline-flex; align-items: center; gap: 9px; justify-self: start; font-weight: 500; }
.rl-foot .rl-by svg { width: 13px; height: 18px; flex-shrink: 0; }
.rl-foot .rl-by b { font-weight: 700; }
.rl-foot .rl-note, .rl-foot .rl-legal { opacity: .72; }
.rl-foot .rl-legal a { text-decoration: underline; text-underline-offset: 3px; }

/* "Ranova Labs" link at the end of each app site's header menu, set apart by a hairline. */
header.site nav a.rl-home { padding-left: 20px; border-left: 1px solid color-mix(in srgb, currentColor 30%, transparent); }