/* Marginalia in the reading rail (audit item 15): the edition you are reading,
   visible at any scroll depth, without competing with the reading column. */
.lv-marg{
  margin:0 0 1.1rem;padding:0 0 .9rem;
  border-bottom:1px solid var(--lv-line,rgba(26,24,20,.10));
}
.lv-marg__head{
  font:650 .64rem/1.5 var(--lib-ui,inherit)!important;letter-spacing:.11em;
  text-transform:uppercase;color:var(--lv-ink-faint,#6B5E50);margin:0 0 .3rem!important;
}
.lv-marg__text{
  display:block;font:400 .72rem/1.6 var(--lib-ui,inherit);
  color:var(--lv-ink-soft,#5A4F45);text-decoration:none;
  border-left:2px solid var(--lv-accent,#A05C0C);padding-left:.55rem;
}
.lv-marg__text:hover,.lv-marg__text:focus-visible{color:var(--lv-accent,#A05C0C)}
@media (max-width:1100px){.lv-marg{margin-bottom:.8rem;padding-bottom:.7rem}}
@media print{.lv-marg{display:none}}

/* Entity cross-references in the prose (audit item 09). The first mention of a
   person or a text links to its page. These sit inside running prose, so they are
   marked quietly: a reader should be able to ignore them and keep reading. */
a.lv-ent{
  color:inherit;text-decoration:none;
  border-bottom:1px dotted color-mix(in srgb,var(--lv-accent,#A05C0C) 55%,transparent);
  padding-bottom:1px;
}
a.lv-ent:hover,a.lv-ent:focus-visible{
  color:var(--lv-accent,#A05C0C);
  border-bottom-color:var(--lv-accent,#A05C0C);
  border-bottom-style:solid;
}
@media print{a.lv-ent{border-bottom:0}}

/* Doorway from a plain chapter to its cinematic twin (Fable F7). Only rendered when
   lulla_fable_flags()['cinematic'] is 1; with the flag at 0 this rule matches nothing. */
.lv-cinema-door{
  margin:0 0 1.6rem;padding:.85rem 1.1rem;border:1px solid var(--lv-line-strong,rgba(26,24,20,.24));
  border-left:3px solid var(--lv-accent,#A05C0C);border-radius:0 6px 6px 0;
  background:color-mix(in srgb,var(--lv-accent,#A05C0C) 6%,var(--lv-bg-card,#fff));
  font:500 .92rem/1.5 var(--lib-ui,inherit);
}
.lv-cinema-door a{color:var(--lv-accent,#A05C0C);text-decoration:none}
.lv-cinema-door a:hover,.lv-cinema-door a:focus-visible{text-decoration:underline}
.lv-cinema-door span{display:inline-block;margin-left:.3rem;transition:transform .2s}
.lv-cinema-door a:hover span{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.lv-cinema-door span{transition:none}}