/* The reader's page. Shares app.css; this is only what the viewer adds. */

/* app.css gives #bar display:flex, and an ID selector outranks the browser's
   [hidden]{display:none}, so hiding the bar needs saying here. */
[hidden]{display:none!important}
.waiting{max-width:32rem;margin:22vh auto 0;padding:0 16px;font-family:var(--ui);text-align:center}
.waiting h1{font-family:"Courier Prime","Courier New",monospace;letter-spacing:.2em;font-size:1.3rem;margin:0 0 1.4rem}
.waiting p{margin:.6rem 0;line-height:1.5}
.waiting .quiet{color:var(--muted);font-size:.88rem}
.keyline{margin-top:1.6rem!important;color:var(--muted);font-size:.78rem}
.keyline code{word-break:break-all;font-size:.72rem;color:var(--ink)}

/* No margin column here: the reader gets a strip under the block at every width. */
.refs.margin.inline{position:static;display:flex;flex-wrap:wrap;gap:.5rem;margin:.35rem 0 1rem;width:auto}