/* Rose Library: Save for offline + Install app (offline.js), search snippets, voice tip, LibriVox link. Same file in both copies. */
#offbtn{color:var(--acc);font:600 14px var(--ui-font);text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:var(--btn);white-space:nowrap}
#offbtn:hover{border-color:var(--acc)}#offbtn .ob-s{display:none}
#instbtn{font:600 14px var(--ui-font);padding:6px 10px;white-space:nowrap}
#instbtn[hidden]{display:none}
@media (max-width:520px){#offbtn .ob-l{display:none}#offbtn .ob-s{display:inline}}
.off-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:14px 0;font:16px/1.5 var(--ui-font)}
.off-card h3{margin:2px 0 6px}
.off-card p{margin:6px 0}
.off-main{background:var(--btn-on);color:var(--btn-on-fg);border-color:var(--btn-on);font-weight:600;padding:8px 16px}
.off-main:disabled{opacity:.75}
.off-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.off-sum{margin:10px 0 6px;font-size:16px;color:var(--fg)}
#off-prog{width:100%;height:14px;accent-color:var(--acc)}
#off-prog[hidden]{display:none}
.off-list{list-style:none;margin:8px 0 0;padding:0}
.off-bk{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.off-t{flex:1;min-width:0}.off-t b{display:block;font-weight:600;overflow-wrap:anywhere}.off-t small{color:var(--mut)}
.off-ok{color:var(--acc);font-weight:600;white-space:nowrap}
.off-bk button{white-space:nowrap}
.inst-how{margin:8px 0 2px}.inst-how summary{cursor:pointer;color:var(--acc);font-weight:600}
.inst-how ul{margin:6px 0;padding-left:20px}.inst-how li{margin:5px 0}
.bk-off{font:600 13px var(--ui-font);color:var(--acc);margin-left:8px;white-space:nowrap}
.sn-wait{color:var(--mut)}
.lv-link{margin:10px 0;font:15px/1.5 var(--ui-font)}.lv-link a{font-weight:600}
.ra-tip{flex-basis:100%;font:14px/1.45 var(--ui-font);color:var(--mut)}
.ra-tip summary{cursor:pointer;color:var(--acc);font-weight:600;padding:4px 0}
.ra-tip ul{margin:4px 0 6px;padding-left:20px}.ra-tip li{margin:3px 0}.ra-tip li.here{color:var(--fg)}
/* phones: the Offline / Install buttons share the reading-tools row instead of taking a row of their own */
@media (max-width:640px){#offbtn,#instbtn{order:2;min-height:44px;display:inline-flex;align-items:center;gap:4px}#instbtn[hidden]{display:none}.rd-tools{order:3;flex:1 1 auto}}