/* A compact route into any published lesson, shared by the shelf, contents
   and reading pages. It never depends on a network search service. */
.lesson-jump{position:relative;flex:0 1 15rem;min-width:8rem;margin-left:auto;
  color:var(--text,var(--cream,#f4ede0));font-family:var(--font-ui,system-ui,sans-serif)}
.lesson-jump-form{display:flex;align-items:center;min-height:2rem;padding:.13rem .18rem .13rem .7rem;
  border:1px solid var(--line,rgba(255,255,255,.24));border-radius:999px;
  background:var(--fill-1,rgba(255,255,255,.08))}
.lesson-jump-form:focus-within{border-color:var(--jump-accent,var(--hot,var(--gold,#c9a227)));
  box-shadow:0 0 0 1px var(--jump-accent,var(--hot,var(--gold,#c9a227)))}
.lesson-jump-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lesson-jump input{min-width:0;width:100%;margin:0;padding:0;border:0;outline:0;
  appearance:none;-webkit-appearance:none;box-shadow:none;background:none;color:inherit;
  font:600 .69rem/1.2 var(--font-ui,system-ui,sans-serif)}
.lesson-jump .lesson-jump-form :is(input,button):focus-visible{
  outline:0;box-shadow:none}
.lesson-jump input::placeholder{color:currentColor;opacity:.57}
.lesson-jump input::-webkit-search-cancel-button{cursor:pointer}
.lesson-jump button{flex:none;min-height:1.65rem;padding:.15rem .52rem;border:0;border-radius:999px;
  background:var(--jump-accent,var(--hot,var(--gold,#c9a227)));color:var(--jump-on-accent,var(--on-hot,#101c1f));
  font:800 .64rem/1 var(--font-ui,system-ui,sans-serif);cursor:pointer}
.lesson-jump button:hover{filter:brightness(1.1)}
.lesson-jump-results{position:absolute;top:calc(100% + .48rem);right:0;z-index:80;
  width:min(25rem,calc(100vw - 1.5rem));max-height:min(22rem,60vh);overflow:auto;
  border:1px solid var(--line,rgba(255,255,255,.24));border-radius:.6rem;
  background:var(--bar-bg,#102229);color:var(--text,#f4ede0);
  box-shadow:0 15px 35px rgba(0,0,0,.28);text-align:left}
.lesson-jump-results[hidden]{display:none}
.lesson-jump-results ul{list-style:none;margin:0;padding:.3rem}
.lesson-jump-results li{margin:0;padding:0}
.lesson-jump-results a,.lesson-jump-results li span{display:block;padding:.65rem .7rem;
  border-radius:.34rem;color:inherit;font:600 .72rem/1.35 var(--font-ui,system-ui,sans-serif);
  text-decoration:none}
.lesson-jump-results a:hover,.lesson-jump-results a:focus-visible{
  background:var(--fill-2,rgba(255,255,255,.12));color:var(--jump-accent,var(--hot,var(--gold,#c9a227)))}
.lesson-jump-results li span{opacity:.58}
.lesson-jump-message{margin:0;padding:.75rem;color:inherit;
  font:600 .72rem/1.45 var(--font-ui,system-ui,sans-serif)}
.lesson-jump-home{width:min(27rem,100%);max-width:100%;margin:1.6rem auto 0;
  --jump-accent:var(--gold,#c9a227);--jump-on-accent:#1a1408;
  color:var(--cream,#f4ede0)}
.lesson-jump-home .lesson-jump-form{min-height:2.8rem;padding-left:1rem;
  background:rgba(255,255,255,.08);border-color:rgba(244,237,224,.28)}
.lesson-jump-home input{font-size:.8rem}
.lesson-jump-home button{min-height:2.25rem;padding:0 .85rem}
.lesson-jump-home .lesson-jump-results{left:0;right:auto;width:100%}
.cbar .lesson-jump{flex-basis:15rem;color:var(--cream,#f4ede0)}
.cbar .lesson-jump-results{color:var(--cream,#f4ede0)}
@media(max-width:42rem){
  .topbar .lesson-jump,.cbar .lesson-jump{flex-basis:8.5rem;min-width:7.5rem}
  .topbar .lesson-jump input,.cbar .lesson-jump input{font-size:.65rem}
  .topbar .lesson-jump-results,.cbar .lesson-jump-results{
    position:fixed;top:3.1rem;left:.75rem;right:.75rem;width:auto}
  .cbar .nm{display:none}
}
@media(max-width:25rem){.topbar .pc{display:none}}