/* ============================================================
   library.css — the "Continue reading" shelf on the home screen
   ============================================================ */

#shelf{margin:0 0 22px}
#shelf .shh{
  font:600 12px Inter,sans-serif;color:var(--mute);text-transform:uppercase;
  letter-spacing:.05em;margin:0 0 10px;
}

/* One book: [cover-ish card][remove ✕] */
.shb{display:flex;align-items:stretch;gap:10px;margin-bottom:10px;cursor:pointer}
.shb:hover .sht{color:var(--acc)}
.shc{
  flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:13px 16px;min-width:0;
}
.sht{font:600 16px/1.3 Fraunces,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shs{font:400 12.5px Inter,sans-serif;color:var(--mute);margin-top:3px}
.shp{height:3px;background:var(--line);border-radius:3px;margin-top:9px;overflow:hidden}
.shp i{display:block;height:100%;background:var(--acc);border-radius:3px}
.shx{
  flex:none;width:38px;border-radius:12px;border:1px solid var(--line);
  background:var(--card);color:var(--mute);font-size:14px;
}
.shx:hover{color:#c4623c;border-color:#c4623c}